/* Page themes for the two service pages.
   Apps: deep purple and white, alternating. Software: white and lilac with black type and bright purple accents. */

/* apps */
.theme-apps .pr-section{background:#fff}
.theme-apps .svx-faq{background:#fff}
/* booking box (apps): white band so the page ends white → footer; the card carries the purple.
   The app guides above already give ~112px of white, so the top padding is small and the card sits evenly between them and the footer. */
.theme-apps .svx-enquiry{background:#fff;padding:12px 0 120px}
.theme-apps .svx-enquiry .svx-enquiry-inner{border:0;border-radius:28px;overflow:hidden;isolation:isolate;align-items:stretch;
  box-shadow:0 0 0 1px rgba(76,29,149,.08),0 50px 100px -50px rgba(59,26,98,.55),0 20px 40px -30px rgba(59,26,98,.25)}
.theme-apps .svx-enquiry .svx-enquiry-copy,.theme-apps .svx-enquiry .svx-enquiry-form{border:0;border-radius:0;margin:0}
.theme-apps .svx-enquiry .svx-enquiry-copy{background:radial-gradient(80% 70% at 85% 0%,#7c3aed55,transparent 60%),linear-gradient(150deg,#2a1454 0%,#3b1a6e 50%,#4c1d95 100%)}
.theme-apps .svx-enquiry .svx-enquiry-form{background:#fff}
@media (max-width:860px){.theme-apps .svx-enquiry{padding:4px 0 72px}.theme-apps .svx-enquiry .svx-enquiry-inner{border-radius:22px}}

/* software */
.theme-software .wl-section{background:#fff}
.ap-inner-page.theme-software main .wl-title,
.ap-inner-page.theme-software main .pr-title,
.ap-inner-page.theme-software main .svx-faq h2{color:#0e0a17}
.theme-software .wl-kicker{color:#6d28d9}
.theme-software .pr-section{background:#fff}
.theme-software .svx-faq{background:#fff}
.theme-software .svx-enquiry{background:#f6f1fd}