/* =========================================================
   WORLD BRAIN CENTER
   PREMIUM SERVICES + FACILITIES
========================================================= */

.wbc-healthcare-services {

    --wbc-navy: #092F62;
    --wbc-orange: #FF6900;
    --wbc-light: #F5F8FC;
    --wbc-soft-blue: #EAF1F8;
    --wbc-text: #12395E;
    --wbc-muted: #63778D;
    --wbc-border: #DCE6F0;

    position: relative;

    width: 100%;

    padding: 90px 20px 100px;

    box-sizing: border-box;

    overflow: hidden;

    background:

        radial-gradient(
            circle at 5% 8%,
            rgba(9,47,98,.07),
            transparent 25%
        ),

        radial-gradient(
            circle at 95% 30%,
            rgba(255,105,0,.055),
            transparent 23%
        ),

        linear-gradient(
            180deg,
            #F5F8FC 0%,
            #FFFFFF 45%,
            #F5F8FC 100%
        );
}


/* =========================================================
   TOP BRAND STRIPE
========================================================= */

.wbc-healthcare-services:before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background:
        linear-gradient(
            90deg,
            #092F62 0%,
            #092F62 72%,
            #FF6900 72%,
            #FF6900 100%
        );
}


/* =========================================================
   MAIN WRAPPER
========================================================= */

.wbc-healthcare-wrap {

    position: relative;

    z-index: 2;

    max-width: 1240px;

    margin: 0 auto;
}


/* =========================================================
   INTRO
========================================================= */

.wbc-section-intro {

    max-width: 920px;

    margin: 0 auto 48px;

    text-align: center;
}

.wbc-intro-badge,
.wbc-heading-tag {

    display: inline-flex;

    align-items: center;

    gap: 9px;

    color: #FF6900;

    font-size: 13px;

    font-weight: 800;

    letter-spacing: 2.3px;

    line-height: 1.2;

    text-transform: uppercase;
}

.wbc-badge-dot {

    width: 8px;
    height: 8px;

    flex: 0 0 8px;

    border-radius: 50%;

    background: #FF6900;

    box-shadow:
        0 0 0 6px rgba(255,105,0,.12);
}

.wbc-section-intro h2 {

    margin: 16px 0;

    color: #092F62;

    font-size: 44px;

    line-height: 1.18;

    font-weight: 800;

    letter-spacing: -.7px;
}

.wbc-section-intro h2 span {

    color: #FF6900;
}

.wbc-section-intro p {

    max-width: 820px;

    margin: 0 auto;

    color: #63778D;

    font-size: 17px;

    line-height: 1.8;
}


/* =========================================================
   MAIN CTA
========================================================= */

.wbc-main-cta {

    position: relative;

    display: flex;

    align-items: center;

    gap: 25px;

    margin-bottom: 82px;

    padding: 30px 34px;

    border-radius: 10px;

    background:
        linear-gradient(
            100deg,
            #092F62 0%,
            #0B396F 68%,
            #092F62 100%
        );

    box-shadow:
        0 20px 45px rgba(9,47,98,.18);

    overflow: hidden;
}

.wbc-main-cta:before {

    content: "";

    position: absolute;

    width: 190px;
    height: 190px;

    right: -85px;
    top: -100px;

    border-radius: 50%;

    border:
        35px solid rgba(255,105,0,.10);
}

.wbc-main-cta:after {

    content: "";

    position: absolute;

    width: 130px;
    height: 130px;

    left: -75px;
    bottom: -85px;

    border-radius: 50%;

    background:
        rgba(255,255,255,.035);
}


/* =========================================================
   CTA SYMBOL
========================================================= */

.wbc-cta-symbol {

    position: relative;

    z-index: 3;

    width: 72px;
    height: 72px;

    min-width: 72px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #FFFFFF;

    box-shadow:
        0 0 0 7px rgba(255,255,255,.10);
}

.wbc-cta-cross {

    width: 50px;
    height: 50px;

    display: flex;

    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #FF6900;

    color: #FFFFFF;

    font-size: 32px;

    line-height: 1;

    font-weight: 300;
}


/* =========================================================
   CTA TEXT
========================================================= */

.wbc-cta-text {

    position: relative;

    z-index: 3;

    flex: 1;
}

.wbc-cta-text > span {

    color: #FFAA72;

    font-size: 11px;

    font-weight: 800;

    letter-spacing: 2px;
}

.wbc-cta-text h3 {

    margin: 7px 0 5px;

    color: #FFFFFF;

    font-size: 25px;

    line-height: 1.3;

    font-weight: 700;
}

.wbc-cta-text p {

    margin: 0;

    color: #DDE8F2;

    font-size: 14px;

    line-height: 1.6;
}


/* =========================================================
   CTA BUTTONS
========================================================= */

.wbc-cta-actions {

    position: relative;

    z-index: 5;

    display: flex;

    gap: 11px;

    flex-shrink: 0;
}

.wbc-cta-primary,
.wbc-cta-secondary {

    min-height: 52px;

    padding: 0 22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 8px;

    border-radius: 5px;

    text-decoration: none !important;

    font-size: 14px;

    font-weight: 800;

    white-space: nowrap;

    transition:
        all .25s ease;
}

.wbc-cta-primary {

    background: #FF6900;

    color: #FFFFFF !important;

    box-shadow:
        0 7px 18px rgba(255,105,0,.25);
}

.wbc-cta-primary:hover {

    background: #FFFFFF;

    color: #092F62 !important;

    transform: translateY(-2px);
}

.wbc-cta-secondary {

    color: #FFFFFF !important;

    border:
        1px solid rgba(255,255,255,.55);

    background:
        rgba(255,255,255,.05);
}

.wbc-cta-secondary:hover {

    background: #FFFFFF;

    color: #092F62 !important;

    transform: translateY(-2px);
}


/* =========================================================
   BUTTON ICONS
========================================================= */

.wbc-btn-icon {

    display: inline-flex;

    align-items: center;

    justify-content: center;
}

.wbc-btn-icon svg,
.wbc-final-actions svg {

    width: 19px;
    height: 19px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2;

    stroke-linecap: round;

    stroke-linejoin: round;
}


/* =========================================================
   SECTION HEADINGS
========================================================= */

.wbc-services-heading,
.wbc-facilities-heading {

    max-width: 880px;

    margin: 0 auto 42px;

    text-align: center;
}

.wbc-services-heading h2,
.wbc-facilities-heading h2 {

    margin: 12px 0 10px;

    color: #092F62;

    font-size: 39px;

    line-height: 1.2;

    font-weight: 800;

    letter-spacing: -.5px;
}

.wbc-services-heading h2 span,
.wbc-facilities-heading h2 span {

    color: #FF6900;
}

.wbc-services-heading p,
.wbc-facilities-heading p {

    max-width: 760px;

    margin: 0 auto;

    color: #63778D;

    font-size: 16px;

    line-height: 1.75;
}


/* =========================================================
   SERVICES GRID
========================================================= */

.wbc-service-cards {

    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: 24px;

    margin-bottom: 100px;
}


/* =========================================================
   SERVICE CARD
========================================================= */

.wbc-service-box {

    position: relative;

    min-height: 315px;

    padding: 30px 29px 28px;

    display: flex;

    flex-direction: column;

    box-sizing: border-box;

    border-radius: 10px;

    border:
        1px solid #DDE7F0;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #F9FBFD 100%
        );

    text-decoration: none !important;

    box-shadow:
        0 8px 25px rgba(9,47,98,.055);

    overflow: hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


/* orange top */

.wbc-service-box:before {

    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 100%;
    height: 5px;

    background: #FF6900;
}


/* decorative background */

.wbc-service-box:after {

    content: "";

    position: absolute;

    right: -70px;
    bottom: -80px;

    width: 170px;
    height: 170px;

    border-radius: 50%;

    background:
        rgba(9,47,98,.045);

    transition:
        transform .35s ease;
}

.wbc-service-box:hover {

    transform:
        translateY(-8px);

    border-color:
        rgba(9,47,98,.24);

    box-shadow:
        0 20px 45px rgba(9,47,98,.13);
}

.wbc-service-box:hover:after {

    transform:
        scale(1.35);
}


/* =========================================================
   SERVICE TOP
========================================================= */

.wbc-service-top {

    position: relative;

    z-index: 3;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 15px;

    margin-bottom: 24px;
}


/* =========================================================
   SERVICE ICON
========================================================= */

.wbc-service-icon {

    position: relative;

    width: 76px;
    height: 76px;

    min-width: 76px;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 22px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #FFF3EA 100%
        );

    border:
        1px solid rgba(255,105,0,.18);

    color: #FF6900;

    box-shadow:
        0 10px 25px rgba(9,47,98,.09),
        inset 0 1px 0 #FFFFFF;

    overflow: visible;

    transition:
        transform .35s ease,
        box-shadow .35s ease,
        background .35s ease;
}


/* icon outer ring */

.wbc-service-icon:before {

    content: "";

    position: absolute;

    inset: -6px;

    border-radius: 27px;

    border:
        1px solid rgba(255,105,0,.10);

    transition:
        all .35s ease;
}


/* orbit dot */

.wbc-icon-orbit {

    position: absolute;

    width: 9px;
    height: 9px;

    right: -4px;
    top: 10px;

    border-radius: 50%;

    background: #FF6900;

    border:
        3px solid #FFFFFF;

    box-shadow:
        0 3px 8px rgba(255,105,0,.35);

    z-index: 5;

    transition:
        transform .35s ease;
}


/* SVG */

.wbc-service-icon svg {

    position: relative;

    z-index: 4;

    width: 42px;
    height: 42px;

    fill: none;

    stroke: currentColor;

    stroke-width: 2.3;

    stroke-linecap: round;

    stroke-linejoin: round;

    transition:
        transform .35s ease;
}


/* =========================================================
   BRAIN ICONS
========================================================= */

.wbc-icon-brain {

    background:
        linear-gradient(
            145deg,
            #FFFFFF,
            #EEF4FA
        );

    color: #092F62;

    border-color:
        rgba(9,47,98,.16);
}


/* =========================================================
   FEATURED MENTAL HEALTH CARDS
========================================================= */

.wbc-service-featured {

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #F1F6FB 100%
        );

    border:
        1px solid rgba(9,47,98,.20);

    box-shadow:
        0 10px 30px rgba(9,47,98,.09);
}

.wbc-service-featured:before {

    height: 6px;

    background:
        linear-gradient(
            90deg,
            #092F62,
            #FF6900
        );
}

.wbc-service-featured
.wbc-service-icon {

    width: 82px;
    height: 82px;

    min-width: 82px;

    border-radius: 50%;

    background:
        radial-gradient(
            circle at 35% 30%,
            #FFFFFF 0%,
            #EDF3F9 55%,
            #DDEAF5 100%
        );

    color: #092F62;

    border:
        2px solid rgba(9,47,98,.13);

    box-shadow:
        0 10px 30px rgba(9,47,98,.12);
}

.wbc-service-featured
.wbc-service-icon:before {

    border-radius: 50%;
}

.wbc-service-featured
.wbc-service-icon:after {

    content: "";

    position: absolute;

    inset: 7px;

    border-radius: 50%;

    border:
        1px dashed rgba(255,105,0,.30);

    animation:
        wbcIconRotate 18s linear infinite;
}


/* =========================================================
   SERVICE HOVER ICON
========================================================= */

.wbc-service-box:hover
.wbc-service-icon {

    transform:
        translateY(-3px)
        scale(1.06);

    background:
        linear-gradient(
            145deg,
            #FF6900,
            #FF7D25
        );

    color:
        #FFFFFF;

    border-color:
        #FF6900;

    box-shadow:
        0 15px 30px rgba(255,105,0,.25),
        0 0 0 7px rgba(255,105,0,.08);
}

.wbc-service-box:hover
.wbc-service-icon:before {

    inset:
        -10px;

    border-color:
        rgba(255,105,0,.16);
}

.wbc-service-box:hover
.wbc-service-icon svg {

    transform:
        scale(1.08);
}

.wbc-service-box:hover
.wbc-icon-orbit {

    transform:
        scale(1.3);

    background:
        #092F62;
}


/* =========================================================
   SERVICE CONTENT
========================================================= */

.wbc-service-label {

    align-self:
        flex-start;

    margin-top:
        6px;

    color:
        #092F62;

    font-size:
        10px;

    font-weight:
        800;

    letter-spacing:
        1.35px;

    line-height:
        1.3;

    text-align:
        right;
}

.wbc-service-box h3 {

    position:
        relative;

    z-index:
        3;

    margin:
        0 0 12px;

    color:
        #092F62;

    font-size:
        23px;

    line-height:
        1.32;

    font-weight:
        700;
	text-align: left;
}

.wbc-service-box p {

    position:
        relative;

    z-index:
        3;

    margin:
        0;

    color:
        #63778D;

    font-size:
        15px;

    line-height:
        1.72;
}


/* =========================================================
   SERVICE LINK
========================================================= */

.wbc-service-arrow {

    position:
        relative;

    z-index:
        4;

    margin-top:
        auto;

    padding-top:
        24px;

    color:
        #FF6900;

    font-size:
        14px;

    font-weight:
        800;
}

.wbc-service-arrow b {

    display:
        inline-block;

    margin-left:
        5px;

    transition:
        transform .25s ease;
}

.wbc-service-box:hover
.wbc-service-arrow b {

    transform:
        translateX(5px);
}


/* =========================================================
   FACILITIES GRID
========================================================= */

.wbc-facilities-grid {

    display:
        grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap:
        20px;

    margin-bottom:
        95px;
}


/* =========================================================
   FACILITY CARD
========================================================= */

.wbc-facility {

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    gap:
        24px;

    min-height:
        132px;

    padding:
        24px 28px;

    box-sizing:
        border-box;

    border-radius:
        10px;

    border:
        1px solid #DCE6F0;

    background:
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #F9FBFD 100%
        );

    box-shadow:
        0 8px 25px rgba(9,47,98,.055);

    overflow:
        hidden;

    transition:
        transform .3s ease,
        box-shadow .3s ease,
        border-color .3s ease;
}


/* left accent */

.wbc-facility:before {

    content:
        "";

    position:
        absolute;

    left:
        0;

    top:
        18px;

    bottom:
        18px;

    width:
        4px;

    border-radius:
        0 5px 5px 0;

    background:
        linear-gradient(
            180deg,
            #092F62 0%,
            #FF6900 100%
        );
}


/* background circle */

.wbc-facility:after {

    content:
        "";

    position:
        absolute;

    width:
        180px;

    height:
        180px;

    right:
        -105px;

    bottom:
        -105px;

    border-radius:
        50%;

    background:
        rgba(9,47,98,.035);

    transition:
        transform .4s ease,
        background .4s ease;
}


/* hover */

.wbc-facility:hover {

    transform:
        translateY(-6px);

    border-color:
        rgba(9,47,98,.20);

    box-shadow:
        0 18px 38px rgba(9,47,98,.11);
}

.wbc-facility:hover:after {

    transform:
        scale(1.5);

    background:
        rgba(255,105,0,.045);
}


/* =========================================================
   FACILITY ICON
========================================================= */

.wbc-facility-icon {

    position:
        relative;

    z-index:
        3;

    width:
        82px;

    height:
        82px;

    min-width:
        82px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        24px;

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #EAF1F8 100%
        );

    border:
        1px solid #D5E3EF;

    color:
        #092F62;

    box-shadow:
        0 9px 22px rgba(9,47,98,.08),
        inset 0 1px 0 #FFFFFF;

    transition:
        all .35s ease;
}


/* facility outer ring */

.wbc-facility-icon:before {

    content:
        "";

    position:
        absolute;

    inset:
        -6px;

    border-radius:
        29px;

    border:
        1px solid rgba(255,105,0,.13);

    transition:
        all .35s ease;
}


/* orange indicator */

.wbc-facility-icon:after {

    content:
        "";

    position:
        absolute;

    z-index:
        5;

    right:
        -3px;

    top:
        9px;

    width:
        11px;

    height:
        11px;

    border-radius:
        50%;

    background:
        #FF6900;

    border:
        3px solid #FFFFFF;

    box-shadow:
        0 3px 8px rgba(255,105,0,.30);

    transition:
        transform .3s ease;
}


/* facility svg */

.wbc-facility-icon svg {

    position:
        relative;

    z-index:
        4;

    width:
        45px;

    height:
        45px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        2.15;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;

    transition:
        transform .35s ease;
}


/* =========================================================
   MENTAL HEALTH FACILITY ICON
========================================================= */

.wbc-facility-mental
.wbc-facility-icon {

    background:
        linear-gradient(
            145deg,
            #FFFFFF 0%,
            #EEF4FA 100%
        );

    color:
        #092F62;

    border-color:
        rgba(9,47,98,.15);
}


/* =========================================================
   FACILITY CONTENT
========================================================= */

.wbc-facility-content {

    position:
        relative;

    z-index:
        3;

    flex:
        1;

    min-width:
        0;
}

.wbc-facility-number {

    display:
        block;

    margin-bottom:
        4px;

    color:
        #FF6900;

    font-size:
        10px;

    line-height:
        1;

    font-weight:
        800;

    letter-spacing:
        1.5px;
}

.wbc-facility h3 {

    margin:
        0 0 7px;

    color:
        #092F62;

    font-size:
        20px;

    line-height:
        1.3;

    font-weight:
        700;

    letter-spacing:
        -.2px;
}

.wbc-facility p {

    margin:
        0;

    color:
        #63778D;

    font-size:
        14px;

    line-height:
        1.6;
}


/* =========================================================
   FACILITY HOVER ICON
========================================================= */

.wbc-facility:hover
.wbc-facility-icon {

    background:
        linear-gradient(
            145deg,
            #092F62,
            #0D467F
        );

    color:
        #FFFFFF;

    border-color:
        #092F62;

    transform:
        translateY(-3px)
        scale(1.04);

    box-shadow:
        0 14px 30px rgba(9,47,98,.22),
        0 0 0 7px rgba(9,47,98,.06);
}

.wbc-facility:hover
.wbc-facility-icon:before {

    inset:
        -10px;

    border-color:
        rgba(255,105,0,.18);
}

.wbc-facility:hover
.wbc-facility-icon:after {

    transform:
        scale(1.25);

    background:
        #FF6900;
}

.wbc-facility:hover
.wbc-facility-icon svg {

    transform:
        scale(1.08);
}


/* =========================================================
   FINAL CTA
========================================================= */

.wbc-final-cta {

    position:
        relative;

    display:
        flex;

    align-items:
        center;

    justify-content:
        space-between;

    gap:
        30px;

    padding:
        40px 42px;

    border-radius:
        10px;

    background:
        linear-gradient(
            105deg,
            #092F62 0%,
            #0B396D 70%,
            #092F62 100%
        );

    box-shadow:
        0 22px 48px rgba(9,47,98,.17);

    overflow:
        hidden;
}

.wbc-final-cta:before {

    content:
        "";

    position:
        absolute;

    right:
        -80px;

    top:
        -110px;

    width:
        260px;

    height:
        260px;

    border-radius:
        50%;

    border:
        35px solid rgba(255,105,0,.09);
}


/* =========================================================
   FINAL CTA CONTENT
========================================================= */

.wbc-final-cta-content {

    position:
        relative;

    z-index:
        2;

    display:
        flex;

    align-items:
        center;

    gap:
        20px;
}

.wbc-final-heart {

    width:
        66px;

    height:
        66px;

    min-width:
        66px;

    display:
        flex;

    align-items:
        center;

    justify-content:
        center;

    border-radius:
        50%;

    background:
        rgba(255,255,255,.10);

    color:
        #FF6900;

    border:
        1px solid rgba(255,255,255,.12);
}

.wbc-final-heart svg {

    width:
        34px;

    height:
        34px;

    fill:
        none;

    stroke:
        currentColor;

    stroke-width:
        2.2;

    stroke-linecap:
        round;

    stroke-linejoin:
        round;
}

.wbc-final-cta-content span {

    color:
        #FFAA72;

    font-size:
        11px;

    font-weight:
        800;

    letter-spacing:
        1.8px;
}

.wbc-final-cta-content h2 {

    margin:
        6px 0;

    color:
        #FFFFFF;

    font-size:
        27px;

    line-height:
        1.3;

    font-weight:
        700;
}

.wbc-final-cta-content h2 strong {

    color:
        #FF6900;
}

.wbc-final-cta-content p {

    margin:
        0;

    color:
        #D9E6F0;

    font-size:
        14px;
}


/* =========================================================
   FINAL CTA BUTTONS
========================================================= */

.wbc-final-actions {

    position:
        relative;

    z-index:
        3;

    display:
        flex;

    gap:
        11px;

    flex-shrink:
        0;
}

.wbc-final-book,
.wbc-final-call {

    min-height:
        52px;

    padding:
        0 24px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        8px;

    border-radius:
        5px;

    text-decoration:
        none !important;

    font-size:
        14px;

    font-weight:
        800;

    white-space:
        nowrap;

    transition:
        all .25s ease;
}

.wbc-final-book {

    background:
        #FF6900;

    color:
        #FFFFFF !important;

    box-shadow:
        0 7px 18px rgba(255,105,0,.22);
}

.wbc-final-book:hover {

    background:
        #FFFFFF;

    color:
        #092F62 !important;

    transform:
        translateY(-2px);
}

.wbc-final-call {

    color:
        #FFFFFF !important;

    border:
        1px solid rgba(255,255,255,.45);
}

.wbc-final-call:hover {

    background:
        #FFFFFF;

    color:
        #092F62 !important;

    transform:
        translateY(-2px);
}


/* =========================================================
   ICON ROTATION
========================================================= */

@keyframes wbcIconRotate {

    from {
        transform:
            rotate(0deg);
    }

    to {
        transform:
            rotate(360deg);
    }

}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .wbc-main-cta {

        flex-wrap:
            wrap;
    }

    .wbc-cta-text {

        min-width:
            55%;
    }

    .wbc-cta-actions {

        margin-left:
            97px;
    }

    .wbc-service-cards {

        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .wbc-final-cta {

        align-items:
            flex-start;
    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width: 900px) {

    .wbc-facilities-grid {

        grid-template-columns:
            1fr;
    }

    .wbc-final-cta {

        flex-direction:
            column;

        align-items:
            flex-start;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .wbc-healthcare-services {

        padding:
            62px 15px 72px;
    }


    /* INTRO */

    .wbc-section-intro {

        margin-bottom:
            35px;
    }

    .wbc-intro-badge,
    .wbc-heading-tag {

        font-size:
            11px;

        letter-spacing:
            1.8px;
    }

    .wbc-section-intro h2 {

        font-size:
            31px;

        line-height:
            1.22;
    }

    .wbc-section-intro p {

        font-size:
            15px;

        line-height:
            1.7;
    }


    /* MAIN CTA */

    .wbc-main-cta {

        flex-direction:
            column;

        align-items:
            flex-start;

        padding:
            27px 22px;

        margin-bottom:
            60px;
    }

    .wbc-cta-symbol {

        width:
            62px;

        height:
            62px;

        min-width:
            62px;
    }

    .wbc-cta-cross {

        width:
            43px;

        height:
            43px;

        font-size:
            27px;
    }

    .wbc-cta-text {

        width:
            100%;
    }

    .wbc-cta-text h3 {

        font-size:
            21px;
    }

    .wbc-cta-text p {

        font-size:
            13px;
    }

    .wbc-cta-actions {

        width:
            100%;

        margin-left:
            0;

        flex-direction:
            column;
    }

    .wbc-cta-primary,
    .wbc-cta-secondary {

        width:
            100%;
    }


    /* HEADINGS */

    .wbc-services-heading,
    .wbc-facilities-heading {

        margin-bottom:
            32px;
    }

    .wbc-services-heading h2,
    .wbc-facilities-heading h2 {

        font-size:
            29px;
    }

    .wbc-services-heading p,
    .wbc-facilities-heading p {

        font-size:
            14px;

        line-height:
            1.7;
    }


    /* SERVICES */

    .wbc-service-cards {

        grid-template-columns:
            1fr;

        gap:
            17px;

        margin-bottom:
            70px;
    }

    .wbc-service-box {

        min-height:
            285px;

        padding:
            27px 24px;
    }

    .wbc-service-box h3 {

        font-size:
            21px;
    }

    .wbc-service-box p {

        font-size:
            14px;
    }


    /* FACILITIES */

    .wbc-facilities-grid {

        grid-template-columns:
            1fr;

        gap:
            16px;

        margin-bottom:
            70px;
    }

    .wbc-facility {

        min-height:
            118px;

        padding:
            21px 20px;

        gap:
            20px;

        border-radius:
            9px;
    }

    .wbc-facility-icon {

        width:
            70px;

        height:
            70px;

        min-width:
            70px;

        border-radius:
            20px;
    }

    .wbc-facility-icon svg {

        width:
            39px;

        height:
            39px;
    }

    .wbc-facility h3 {

        font-size:
            18px;

        line-height:
            1.35;
    }

    .wbc-facility p {

        font-size:
            13px;

        line-height:
            1.55;
    }


    /* FINAL CTA */

    .wbc-final-cta {

        flex-direction:
            column;

        align-items:
            flex-start;

        padding:
            30px 22px;
    }

    .wbc-final-cta-content {

        align-items:
            flex-start;
    }

    .wbc-final-heart {

        width:
            55px;

        height:
            55px;

        min-width:
            55px;
    }

    .wbc-final-heart svg {

        width:
            29px;

        height:
            29px;
    }

    .wbc-final-cta-content h2 {

        font-size:
            22px;
    }

    .wbc-final-cta-content p {

        font-size:
            13px;
    }

    .wbc-final-actions {

        width:
            100%;

        flex-direction:
            column;
    }

    .wbc-final-book,
    .wbc-final-call {

        width:
            100%;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 420px) {

    .wbc-section-intro h2 {

        font-size:
            27px;
    }

    .wbc-service-top {

        align-items:
            flex-start;
    }

    .wbc-service-icon {

        width:
            68px;

        height:
            68px;

        min-width:
            68px;

        border-radius:
            19px;
    }

    .wbc-service-icon svg {

        width:
            38px;

        height:
            38px;
    }

    .wbc-service-label {

        font-size:
            9px;

        letter-spacing:
            1px;
    }

    .wbc-service-box {

        min-height:
            275px;
    }

    .wbc-facility {

        padding:
            19px 17px;

        gap:
            16px;
    }

    .wbc-facility-icon {

        width:
            62px;

        height:
            62px;

        min-width:
            62px;

        border-radius:
            18px;
    }

    .wbc-facility-icon svg {

        width:
            35px;

        height:
            35px;
    }

    .wbc-facility h3 {

        font-size:
            17px;
    }

    .wbc-facility p {

        font-size:
            12.5px;
    }

}