/* Sosua Villas global design system overrides.
   Keeps BookingCore markup intact while normalizing brand typography, buttons,
   cards, and form controls across frontend pages. */

:root {
    --sv-orange: #FF9900;
    --sv-orange-hover: #E68A00;
    --sv-blue: #297CBB;
    --sv-blue-hover: #1F5F8A;
    --sv-lime: #B0D12B;
    --sv-red: #DE4437;
    --sv-ink: #0F1115;
    --sv-navy: #1A2B47;
    --sv-text: #3B444F;
    --sv-muted: #67747C;
    --sv-border: #E7EAF3;
    --sv-soft: #F8F9FC;
    --sv-paper: #FFFFFF;
    --sv-font-display: "Noto Serif", serif;
    --sv-font-body: "Open Sans", sans-serif;
    --sv-font-ui: "Roboto", "Roboto Slab", sans-serif;
    --sv-radius-xs: 3px;
    --sv-radius-sm: 6px;
    --sv-radius-md: 12px;
    --sv-radius-lg: 20px;
    --sv-shadow-card: 0 1px 2px rgba(15,17,21,0.04), 0 8px 24px -12px rgba(59,68,79,0.18);
    --sv-shadow-card-hover: 0 2px 6px rgba(15,17,21,0.08), 0 18px 42px -22px rgba(15,17,21,0.35);
    --sv-shadow-cta: 0 1px 2px rgba(255,153,0,0.25), 0 12px 28px -10px rgba(255,153,0,0.45);
}

body,
body.frontend-page,
body.frontend-page .bc_wrap {
    font-family: var(--sv-font-body) !important;
    font-size: 15px;
    line-height: 1.65;
    color: var(--sv-text);
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

body.frontend-page p,
body.frontend-page li,
body.frontend-page input,
body.frontend-page select,
body.frontend-page textarea,
body.frontend-page .text-gray-1,
body.frontend-page .text-gray-6 {
    font-family: var(--sv-font-body) !important;
    letter-spacing: 0 !important;
}

body.frontend-page h1,
body.frontend-page h2,
body.frontend-page h3,
body.frontend-page .section-title,
body.frontend-page .bc-loc-section-heading,
body.frontend-page .u-header__page-title {
    font-family: var(--sv-font-display) !important;
    letter-spacing: 0 !important;
    color: var(--sv-ink);
}

body.frontend-page h1,
body.frontend-page .hero-block h1,
body.frontend-page .bc-form-search-all h1,
body.frontend-page [class*="hero"] h1,
body.frontend-page .av-hero__title,
body.frontend-page .bc-location-hero h1 {
    color: #fff !important;
    font-size: 60px !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    white-space: normal !important;
    width: 1120px !important;
    max-width: calc(100vw - 32px) !important;
    letter-spacing: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

body.frontend-page [class*="hero"]:not(.hero-block):not(.bc-form-search-all) h1,
body.frontend-page .av-hero__title,
body.frontend-page .bc-location-hero h1 {
    left: auto !important;
    transform: none !important;
}

body.frontend-page h2,
body.frontend-page .section-title,
body.frontend-page .sv-location-page h2,
body.frontend-page .bc-loc-section-heading {
    width: 720px !important;
    max-width: 100% !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
}

body.frontend-page h3,
body.frontend-page .sv-location-page h3 {
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

body.frontend-page h4,
body.frontend-page h5,
body.frontend-page h6,
body.frontend-page .label,
body.frontend-page .filter-title,
body.frontend-page .sv-kicker,
body.frontend-page .badge,
body.frontend-page .u-header__nav-link,
body.frontend-page .main-menu a {
    font-family: var(--sv-font-ui) !important;
    letter-spacing: 0 !important;
}

body.frontend-page h1 em,
body.frontend-page h2 em,
body.frontend-page h3 em,
body.frontend-page h4 em,
body.frontend-page h5 em,
body.frontend-page h6 em,
body.frontend-page .title-accent,
body.frontend-page .text-primary {
    color: var(--sv-orange) !important;
    font-style: normal !important;
}

body.frontend-page a {
    color: var(--sv-blue);
}

body.frontend-page a:hover {
    color: var(--sv-blue-hover);
}

body.frontend-page a.btn,
body.frontend-page button.btn,
body.frontend-page input.btn,
body.frontend-page .bravo-button-book-mobile {
    border-radius: var(--sv-radius-xs) !important;
    font-family: var(--sv-font-ui) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    min-height: 42px;
    padding: 12px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-width: 1px !important;
    text-decoration: none !important;
    transition: transform 180ms ease-out, opacity 180ms ease-out !important;
}

body.frontend-page .btn-sm {
    min-height: 34px !important;
    padding: 8px 14px !important;
    font-size: 12px !important;
}

body.frontend-page .btn-lg,
body.frontend-page .btn-md-wide {
    min-height: 48px !important;
    padding: 14px 28px !important;
    font-size: 14px !important;
}

body.frontend-page .btn-primary,
body.frontend-page .btn-search,
body.frontend-page .btn-orange,
body.frontend-page .form-submit,
body.frontend-page button[type="submit"].btn,
body.frontend-page input[type="submit"].btn,
body.frontend-page .bravo-button-book-mobile,
body.frontend-page .sv-btn-primary {
    background: var(--sv-orange) !important;
    border-color: var(--sv-orange) !important;
    color: #fff !important;
    box-shadow: var(--sv-shadow-cta) !important;
}

body.frontend-page .btn-primary:hover,
body.frontend-page .btn-search:hover,
body.frontend-page .btn-orange:hover,
body.frontend-page .form-submit:hover,
body.frontend-page button[type="submit"].btn:hover,
body.frontend-page input[type="submit"].btn:hover,
body.frontend-page .bravo-button-book-mobile:hover,
body.frontend-page .sv-btn-primary:hover {
    background: var(--sv-orange-hover) !important;
    border-color: var(--sv-orange-hover) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

body.frontend-page .btn-secondary,
body.frontend-page .btn-info,
body.frontend-page .btn-blue {
    background: var(--sv-blue) !important;
    border-color: var(--sv-blue) !important;
    color: #fff !important;
}

body.frontend-page .btn-secondary:hover,
body.frontend-page .btn-info:hover,
body.frontend-page .btn-blue:hover {
    background: var(--sv-blue-hover) !important;
    border-color: var(--sv-blue-hover) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

body.frontend-page .btn-outline-primary,
body.frontend-page .btn-outline-navy,
body.frontend-page .btn-outline-dark {
    background: #fff !important;
    border-color: var(--sv-orange) !important;
    color: var(--sv-ink) !important;
    box-shadow: none !important;
}

body.frontend-page .btn-outline-primary:hover,
body.frontend-page .btn-outline-navy:hover,
body.frontend-page .btn-outline-dark:hover {
    background: var(--sv-orange) !important;
    border-color: var(--sv-orange) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

body.frontend-page .btn-outline-white {
    border-color: rgba(255,255,255,0.88) !important;
    color: #fff !important;
    background: transparent !important;
}

body.frontend-page .btn-outline-white:hover {
    background: #fff !important;
    border-color: #fff !important;
    color: var(--sv-ink) !important;
    transform: translateY(-1px);
}

body.frontend-page a.btn:focus-visible,
body.frontend-page button.btn:focus-visible,
body.frontend-page input.btn:focus-visible,
body.frontend-page a:focus-visible,
body.frontend-page button:focus-visible,
body.frontend-page input:focus-visible,
body.frontend-page select:focus-visible,
body.frontend-page textarea:focus-visible {
    outline: 2px solid var(--sv-orange) !important;
    outline-offset: 3px !important;
}

body.frontend-page a.btn:active,
body.frontend-page button.btn:active,
body.frontend-page input.btn:active,
body.frontend-page .bravo-button-book-mobile:active {
    transform: translateY(0) scale(0.98);
}

body.frontend-page .form-control,
body.frontend-page input[type="text"],
body.frontend-page input[type="email"],
body.frontend-page input[type="tel"],
body.frontend-page input[type="number"],
body.frontend-page input[type="password"],
body.frontend-page select,
body.frontend-page textarea,
body.frontend-page .select2-container .select2-selection {
    border-radius: var(--sv-radius-sm) !important;
    border-color: var(--sv-border) !important;
    font-family: var(--sv-font-body) !important;
    color: var(--sv-text) !important;
}

body.frontend-page .form-control:focus,
body.frontend-page input:focus,
body.frontend-page select:focus,
body.frontend-page textarea:focus,
body.frontend-page .select2-container--open .select2-selection {
    border-color: var(--sv-orange) !important;
    box-shadow: 0 0 0 3px rgba(255,153,0,0.14) !important;
}

body.frontend-page .card,
body.frontend-page .item-loop .card,
body.frontend-page .product-card-block .card,
body.frontend-page .sv-benefit-card,
body.frontend-page .sv-area-card,
body.frontend-page .sv-quote-card,
body.frontend-page .sv-faq-item,
body.frontend-page .ms-review-card,
body.frontend-page .ms-therapists-card {
    border-radius: var(--sv-radius-md) !important;
    border-color: var(--sv-border) !important;
    box-shadow: var(--sv-shadow-card) !important;
}

body.frontend-page .item-loop .card,
body.frontend-page .product-card-block .card,
body.frontend-page .sv-benefit-card,
body.frontend-page .sv-area-card,
body.frontend-page .sv-activity-card,
body.frontend-page .sv-quote-card {
    transition: transform 180ms ease-out, opacity 180ms ease-out !important;
}

body.frontend-page .item-loop .card:hover,
body.frontend-page .product-card-block .card:hover,
body.frontend-page .sv-benefit-card:hover,
body.frontend-page .sv-area-card:hover,
body.frontend-page .sv-activity-card:hover,
body.frontend-page .sv-quote-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--sv-shadow-card-hover) !important;
}

body.frontend-page .item-loop h2,
body.frontend-page .item-loop h3,
body.frontend-page .item-loop h4,
body.frontend-page .item-loop .card-title,
body.frontend-page .item-loop [class*="title"] a,
body.frontend-page .product-card-block .card-title,
body.frontend-page .product-card-block [class*="title"] a {
    font-family: var(--sv-font-body) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    letter-spacing: 0 !important;
}

body.frontend-page .item-loop .badge,
body.frontend-page .featured,
body.frontend-page .sv-kicker,
body.frontend-page .sv-tag,
body.frontend-page .sv-area-chip,
body.frontend-page .sv-activity-label {
    border-radius: var(--sv-radius-lg) !important;
    font-family: var(--sv-font-ui) !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

body.frontend-page .u-header__nav-link,
body.frontend-page .main-menu a,
body.frontend-page .nav-link {
    font-family: var(--sv-font-ui) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

#header .bc-menu ul li:hover > a,
#header .bc-menu ul li > a:hover,
#header .bc-menu ul li.current-menu-item > a,
#header .bc-menu ul li.active > a,
#header .bc-menu ul li ul li:hover > a,
#header .bc-menu ul li ul li > a:hover,
#header .bc-menu .sub-menu a:hover,
#header .bc-menu .children a:hover,
#header .dropdown-menu a:hover,
.u-header__nav-item:hover > .u-header__nav-link,
.u-header__nav-link:hover,
.u-header__sub-menu-nav-link:hover,
.u-header-collapse__nav-link:hover,
.u-header-collapse__submenu-nav-link:hover,
.bc-menu-mobile a:hover {
    color: var(--sv-orange) !important;
}

body.frontend-page .filter-title,
body.frontend-page .form-content h3,
body.frontend-page .bravo_form_search h3,
body.frontend-page .bc-form-search-all h3 {
    font-family: var(--sv-font-body) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: var(--sv-text) !important;
    text-transform: none !important;
}

body.frontend-page .ms-page,
body.frontend-page .sv-location-page {
    font-family: var(--sv-font-body) !important;
}

body.frontend-page .ms-page h1,
body.frontend-page .ms-page h2,
body.frontend-page .ms-page h3 {
    font-family: var(--sv-font-display) !important;
    letter-spacing: 0 !important;
}

body.frontend-page .ms-page .ms-hero__cta,
body.frontend-page .ms-page a[class*="btn"],
body.frontend-page .ms-page button {
    border-radius: var(--sv-radius-xs) !important;
    font-family: var(--sv-font-ui) !important;
    letter-spacing: 0 !important;
    text-transform: uppercase;
}

@media (max-width: 1199.98px) {
    body.frontend-page h1,
    body.frontend-page .hero-block h1,
    body.frontend-page .bc-form-search-all h1,
    body.frontend-page [class*="hero"] h1,
    body.frontend-page .av-hero__title,
    body.frontend-page .bc-location-hero h1 {
        font-size: 50px !important;
    }

    body.frontend-page h2,
    body.frontend-page .section-title,
    body.frontend-page .sv-location-page h2,
    body.frontend-page .bc-loc-section-heading {
        font-size: 34px !important;
    }
}

@media (max-width: 767.98px) {
    body.frontend-page {
        font-size: 15px;
    }

    body.frontend-page h1,
    body.frontend-page .hero-block h1,
    body.frontend-page .bc-form-search-all h1,
    body.frontend-page [class*="hero"] h1,
    body.frontend-page .av-hero__title,
    body.frontend-page .bc-location-hero h1 {
        font-size: 34px !important;
        line-height: 1.12 !important;
    }

    body.frontend-page h2,
    body.frontend-page .section-title,
    body.frontend-page .sv-location-page h2,
    body.frontend-page .bc-loc-section-heading {
        font-size: 28px !important;
        line-height: 1.2 !important;
    }

    body.frontend-page h3,
    body.frontend-page .sv-location-page h3 {
        font-size: 19px !important;
    }

    body.frontend-page a.btn,
    body.frontend-page button.btn,
    body.frontend-page input.btn,
    body.frontend-page .bravo-button-book-mobile {
        min-height: 42px;
        padding: 11px 18px;
        font-size: 12px !important;
    }
}

/* Frontend fallback: some BookingCore/Livewire pages lose body classes in the
   parsed DOM, but all public content remains inside .bc_wrap. */
.bc_wrap,
.bc_wrap p,
.bc_wrap li,
.bc_wrap input,
.bc_wrap select,
.bc_wrap textarea {
    font-family: var(--sv-font-body) !important;
    letter-spacing: 0 !important;
}

.bc_wrap h1,
.bc_wrap h2,
.bc_wrap h3,
.bc_wrap .section-title,
.bc_wrap .u-header__page-title,
.bc_wrap .bc-loc-section-heading {
    font-family: var(--sv-font-display) !important;
    letter-spacing: 0 !important;
}

.bc_wrap h1:not(.text-white),
.bc_wrap h2:not(.text-white),
.bc_wrap h3:not(.text-white),
.bc_wrap .section-title:not(.text-white),
.bc_wrap .u-header__page-title:not(.text-white),
.bc_wrap .bc-loc-section-heading:not(.text-white) {
    color: var(--sv-ink) !important;
}

.bc_wrap h1,
.bc_wrap .hero-block h1,
.bc_wrap .bc-form-search-all h1,
.bc_wrap [class*="hero"] h1,
.bc_wrap .av-hero__title,
.bc_wrap .ms-hero__title,
.bc_wrap .bc-location-hero h1 {
    font-family: var(--sv-font-display) !important;
    font-size: 60px !important;
    font-weight: 600 !important;
    line-height: 1.08 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
    width: 1120px !important;
    max-width: calc(100vw - 32px) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.bc_wrap .hero-block h1,
.bc_wrap .bc-form-search-all h1,
.bc_wrap [class*="hero"] h1,
.bc_wrap .av-hero__title,
.bc_wrap .ms-hero__title,
.bc_wrap .bc-location-hero h1 {
    color: #fff !important;
    left: auto !important;
    transform: none !important;
}

.bc_wrap h2,
.bc_wrap .section-title,
.bc_wrap .sv-location-page h2,
.bc_wrap .ms-page h2,
.bc_wrap .bc-loc-section-heading {
    font-family: var(--sv-font-display) !important;
    width: 720px !important;
    max-width: 100% !important;
    font-size: 38px !important;
    font-weight: 800 !important;
    line-height: 1.18 !important;
}

.bc_wrap h3,
.bc_wrap .sv-location-page h3,
.bc_wrap .ms-page h3 {
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
}

.bc_wrap h1 em,
.bc_wrap h2 em,
.bc_wrap h3 em,
.bc_wrap .title-accent {
    color: var(--sv-orange) !important;
    font-style: normal !important;
}

.bc_wrap h4,
.bc_wrap h5,
.bc_wrap h6,
.bc_wrap .label,
.bc_wrap .filter-title,
.bc_wrap .badge,
.bc_wrap .u-header__nav-link,
.bc_wrap .main-menu a,
.bc_wrap .nav-link {
    font-family: var(--sv-font-ui) !important;
    letter-spacing: 0 !important;
}

.bc_wrap .filter-title,
.bc_wrap .form-content h3,
.bc_wrap .bravo_form_search h3,
.bc_wrap .bc-form-search-all h3 {
    font-family: var(--sv-font-body) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: var(--sv-text) !important;
    text-transform: none !important;
}

body.frontend-page .bc_wrap .filter-title.toggle-advance-filter,
.bc_wrap .filter-title.toggle-advance-filter,
.bc_wrap .toggle-advance-filter {
    background: var(--sv-blue) !important;
    border: 1px solid var(--sv-blue) !important;
    border-radius: var(--sv-radius-xs) !important;
    color: #fff !important;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 42px;
    padding: 12px 22px !important;
    font-family: var(--sv-font-ui) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    cursor: pointer;
    transition: transform 180ms ease-out, opacity 180ms ease-out !important;
}

body.frontend-page .bc_wrap .filter-title.toggle-advance-filter:hover,
.bc_wrap .filter-title.toggle-advance-filter:hover,
.bc_wrap .toggle-advance-filter:hover {
    background: var(--sv-blue-hover) !important;
    border-color: var(--sv-blue-hover) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.bc_wrap a.btn:not(.service-wishlist),
.bc_wrap button.btn:not(.service-wishlist),
.bc_wrap input.btn,
.bc_wrap .bravo-button-book-mobile,
.bc_wrap .sosua-form__btn {
    border-radius: var(--sv-radius-xs) !important;
    font-family: var(--sv-font-ui) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;
    min-height: 42px;
    padding: 12px 22px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: transform 180ms ease-out, opacity 180ms ease-out !important;
}

.bc_wrap .btn-primary,
.bc_wrap .btn-search,
.bc_wrap .btn-orange,
.bc_wrap .form-submit,
.bc_wrap button[type="submit"].btn,
.bc_wrap input[type="submit"].btn,
.bc_wrap .bravo-button-book-mobile,
.bc_wrap .sv-btn-primary,
.bc_wrap .sosua-form__btn {
    background: var(--sv-orange) !important;
    border-color: var(--sv-orange) !important;
    color: #fff !important;
    box-shadow: var(--sv-shadow-cta) !important;
}

.bc_wrap .btn-primary:hover,
.bc_wrap .btn-search:hover,
.bc_wrap .btn-orange:hover,
.bc_wrap .form-submit:hover,
.bc_wrap button[type="submit"].btn:hover,
.bc_wrap input[type="submit"].btn:hover,
.bc_wrap .bravo-button-book-mobile:hover,
.bc_wrap .sv-btn-primary:hover,
.bc_wrap .sosua-form__btn:hover {
    background: var(--sv-orange-hover) !important;
    border-color: var(--sv-orange-hover) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.bc_wrap .btn-filter,
.bc_wrap .btn-secondary,
.bc_wrap .btn-info,
.bc_wrap .btn-blue {
    background: var(--sv-blue) !important;
    border-color: var(--sv-blue) !important;
    color: #fff !important;
    box-shadow: none !important;
}

.bc_wrap .btn-filter:hover,
.bc_wrap .btn-secondary:hover,
.bc_wrap .btn-info:hover,
.bc_wrap .btn-blue:hover {
    background: var(--sv-blue-hover) !important;
    border-color: var(--sv-blue-hover) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.bc_wrap .btn-outline-primary,
.bc_wrap .btn-outline-navy,
.bc_wrap .btn-outline-dark {
    background: #fff !important;
    border-color: var(--sv-orange) !important;
    color: var(--sv-ink) !important;
    box-shadow: none !important;
}

.bc_wrap .btn-outline-primary:hover,
.bc_wrap .btn-outline-navy:hover,
.bc_wrap .btn-outline-dark:hover {
    background: var(--sv-orange) !important;
    border-color: var(--sv-orange) !important;
    color: #fff !important;
    transform: translateY(-1px);
}

.bc_wrap .service-wishlist {
    border-radius: 50% !important;
    min-width: 34px !important;
    width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 !important;
}

@media (max-width: 1199.98px) {
    .bc_wrap h1,
    .bc_wrap .hero-block h1,
    .bc_wrap .bc-form-search-all h1,
    .bc_wrap [class*="hero"] h1,
    .bc_wrap .av-hero__title,
    .bc_wrap .ms-hero__title,
    .bc_wrap .bc-location-hero h1 {
        font-size: 50px !important;
    }

    .bc_wrap h2,
    .bc_wrap .section-title,
    .bc_wrap .sv-location-page h2,
    .bc_wrap .ms-page h2,
    .bc_wrap .bc-loc-section-heading {
        font-size: 34px !important;
    }
}

@media (max-width: 767.98px) {
    .bc_wrap h1,
    .bc_wrap .hero-block h1,
    .bc_wrap .bc-form-search-all h1,
    .bc_wrap [class*="hero"] h1,
    .bc_wrap .av-hero__title,
    .bc_wrap .ms-hero__title,
    .bc_wrap .bc-location-hero h1 {
        font-size: 34px !important;
        line-height: 1.12 !important;
    }

    .bc_wrap h2,
    .bc_wrap .section-title,
    .bc_wrap .sv-location-page h2,
    .bc_wrap .ms-page h2,
    .bc_wrap .bc-loc-section-heading {
        font-size: 28px !important;
    }
}

.bc_wrap .bc_detail_space h1.font-size-23,
body.frontend-page .bc_detail_space h1.font-size-23 {
    color: var(--sv-ink) !important;
    font-size: 25px !important;
    font-weight: 600 !important;
    line-height: 1.28 !important;
    width: auto !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 1rem !important;
}

.bc_wrap .sv-activities h2,
.bc_wrap .sv-activities h3,
.bc_wrap .sv-activities p,
.bc_wrap .sv-activity-card h3,
.bc_wrap .sv-activity-card p,
.bc_wrap .sv-direct-cta h2,
.bc_wrap .sv-direct-cta p,
body.frontend-page .sv-activities h2,
body.frontend-page .sv-activities h3,
body.frontend-page .sv-activities p,
body.frontend-page .sv-activity-card h3,
body.frontend-page .sv-activity-card p,
body.frontend-page .sv-direct-cta h2,
body.frontend-page .sv-direct-cta p {
    color: #fff !important;
}