.elementor-4498 .elementor-element.elementor-element-f2af671{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4498 .elementor-element.elementor-element-2376652 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4498 .elementor-element.elementor-element-e6768a7 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4498 .elementor-element.elementor-element-088ec50 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4498 .elementor-element.elementor-element-dbd6f8d > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4498 .elementor-element.elementor-element-87aec8e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4498 .elementor-element.elementor-element-12b39c5 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4498 .elementor-element.elementor-element-ac45d02 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4498 .elementor-element.elementor-element-ec93c9e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4498 .elementor-element.elementor-element-c10a41b > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-4498 .elementor-element.elementor-element-7cdee22 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-4498 .elementor-element.elementor-element-f2af671{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-5bd354c *//* =========================================================
   BRIGHT BRAINS — MOBILE APP SHOWCASE
   ========================================================= */

.bb-app-showcase {
    --bb-navy: #081D79;
    --bb-navy-secondary: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-text: #DCE8FF;

    position: relative;
    width: 100%;
    min-height: 760px;
    overflow: hidden;
    isolation: isolate;
    color: var(--bb-white);
    background:
        radial-gradient(circle at 18% 30%, rgba(63, 229, 255, 0.22), transparent 25%),
        radial-gradient(circle at 88% 22%, rgba(246, 62, 129, 0.20), transparent 24%),
        radial-gradient(circle at 62% 84%, rgba(8, 127, 252, 0.28), transparent 32%),
        linear-gradient(135deg, #06145B 0%, #081D79 46%, #1B217D 100%);
    font-family: Arial, Helvetica, sans-serif;
}

.bb-app-showcase,
.bb-app-showcase * {
    box-sizing: border-box;
}

.bb-app-showcase::before,
.bb-app-showcase::after {
    position: absolute;
    content: "";
    pointer-events: none;
    filter: blur(1px);
    opacity: 0.85;
}

.bb-app-showcase::before {
    top: -150px;
    right: -90px;
    width: 720px;
    height: 460px;
    border-radius: 42% 58% 63% 37% / 46% 42% 58% 54%;
    background:
        linear-gradient(
            125deg,
            rgba(3, 169, 255, 0.74),
            rgba(63, 229, 255, 0.32),
            rgba(126, 162, 254, 0.16)
        );
    transform: rotate(-12deg);
}

.bb-app-showcase::after {
    bottom: -180px;
    left: -90px;
    width: 620px;
    height: 400px;
    border-radius: 57% 43% 38% 62% / 43% 56% 44% 57%;
    background:
        linear-gradient(
            125deg,
            rgba(114, 39, 120, 0.42),
            rgba(246, 62, 129, 0.34),
            rgba(8, 127, 252, 0.18)
        );
    transform: rotate(16deg);
}

.bb-app-showcase .bb-noise {
    position: absolute;
    inset: 0;
    z-index: -1;
    opacity: 0.22;
    pointer-events: none;
    background-image:
        radial-gradient(rgba(255, 255, 255, 0.20) 0.75px, transparent 0.75px);
    background-size: 7px 7px;
}

.bb-app-showcase .bb-inner {
    position: relative;
    z-index: 2;
    display: grid;
    width: min(100%, 1650px);
    min-height: 760px;
    margin: 0 auto;
    padding: 48px 70px;
    grid-template-columns: minmax(360px, 42%) minmax(620px, 58%);
    align-items: center;
}

/* =========================================================
   LEFT CONTENT
   ========================================================= */

.bb-app-showcase .bb-copy {
    position: relative;
    z-index: 8;
    display: flex;
    max-width: 600px;
    flex-direction: column;
    gap: 22px;
}

.bb-app-showcase .bb-logo-panel {
    display: inline-flex;
    width: fit-content;
    max-width: 100%;
    padding: 22px 28px;
    border: 1px solid rgba(255, 255, 255, 0.18);
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.10);
    box-shadow:
        0 20px 60px rgba(0, 0, 0, 0.16),
        inset 0 1px rgba(255, 255, 255, 0.18);
    backdrop-filter: blur(16px);
}

.bb-app-showcase .bb-logo {
    display: block;
    width: clamp(180px, 24vw, 310px);
    height: auto;
}

.bb-app-showcase .bb-kicker {
    margin: 0;
    color: var(--bb-cyan);
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2.2px;
    text-transform: uppercase;
}

.bb-app-showcase .bb-title {
    max-width: 620px;
    margin: 0;
    color: var(--bb-white);
    font-size: clamp(48px, 5vw, 76px);
    font-weight: 800;
    letter-spacing: -3px;
    line-height: 0.98;
}

.bb-app-showcase .bb-title span {
    color: var(--bb-cyan);
}

.bb-app-showcase .bb-description {
    max-width: 560px;
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 18px;
    line-height: 1.65;
}

.bb-app-showcase .bb-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.bb-app-showcase .bb-tag {
    display: inline-flex;
    min-height: 35px;
    align-items: center;
    justify-content: center;
    padding: 7px 13px;
    border: 1px solid rgba(126, 162, 254, 0.36);
    border-radius: 999px;
    color: #E7F4FF;
    background: rgba(255, 255, 255, 0.08);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.3px;
    backdrop-filter: blur(8px);
}

/* =========================================================
   RIGHT SIDE — DEVICES
   ========================================================= */

.bb-app-showcase .bb-devices {
    position: relative;
    min-height: 690px;
}

.bb-app-showcase .bb-device-glow {
    position: absolute;
    top: 17%;
    left: 20%;
    width: 650px;
    height: 470px;
    border-radius: 50%;
    opacity: 0.70;
    background:
        radial-gradient(
            circle,
            rgba(63, 229, 255, 0.25),
            rgba(8, 127, 252, 0.10) 42%,
            transparent 70%
        );
    filter: blur(20px);
}

.bb-app-showcase .bb-phone {
    position: absolute;
    overflow: hidden;
    border: 7px solid #20283A;
    border-radius: 38px;
    background: #0B1020;
    box-shadow:
        0 30px 55px rgba(0, 0, 0, 0.32),
        inset 0 0 0 2px rgba(255, 255, 255, 0.25);
}

.bb-app-showcase .bb-screen {
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 29px;
    color: #11182D;
    background: #F8FBFF;
}

.bb-app-showcase .bb-phone-left {
    top: 130px;
    left: 0;
    z-index: 3;
    width: 285px;
    height: 585px;
    transform: rotate(-1deg);
}

.bb-app-showcase .bb-phone-front {
    top: 240px;
    left: 230px;
    z-index: 6;
    width: 292px;
    height: 610px;
}

.bb-app-showcase .bb-phone-right {
    top: 20px;
    right: 0;
    z-index: 2;
    width: 300px;
    height: 620px;
    transform: rotate(1deg);
}

.bb-app-showcase .bb-mobile-topbar {
    display: flex;
    min-height: 52px;
    align-items: center;
    justify-content: space-between;
    padding: 12px 14px 8px;
    color: #0F172A;
    background: #FFFFFF;
    font-size: 12px;
    font-weight: 800;
}

.bb-app-showcase .bb-notch {
    position: absolute;
    top: 10px;
    left: 50%;
    z-index: 5;
    width: 82px;
    height: 23px;
    border-radius: 999px;
    background: #080B12;
    transform: translateX(-50%);
}

.bb-app-showcase .bb-mobile-title {
    padding: 12px 16px 14px;
    border-bottom: 1px solid #E3E9F4;
    color: #131B32;
    background: #FFFFFF;
    font-size: 17px;
    font-weight: 800;
}

.bb-app-showcase .bb-mini-icon {
    display: grid;
    width: 33px;
    height: 33px;
    place-items: center;
    border-radius: 50%;
    color: var(--bb-blue);
    background: #EBF5FF;
    font-size: 11px;
    font-weight: 800;
}

/* =========================================================
   LEFT PHONE
   ========================================================= */

.bb-app-showcase .bb-detail-image {
    position: relative;
    min-height: 165px;
    overflow: hidden;
    background:
        linear-gradient(
            180deg,
            rgba(8, 29, 121, 0.05),
            rgba(8, 29, 121, 0.30)
        ),
        radial-gradient(circle at 60% 24%, #3FE5FF, transparent 22%),
        linear-gradient(145deg, #7EA2FE, #087FFC 48%, #081D79);
}

.bb-app-showcase .bb-detail-image::before {
    position: absolute;
    bottom: -28px;
    left: -15px;
    width: 125%;
    height: 90px;
    border-radius: 50% 50% 0 0;
    content: "";
    background:
        linear-gradient(
            180deg,
            rgba(255, 255, 255, 0.80),
            rgba(255, 255, 255, 0.34)
        );
    transform: rotate(-5deg);
}

.bb-app-showcase .bb-detail-body {
    padding: 16px;
}

.bb-app-showcase .bb-detail-body h4 {
    margin: 0 0 4px;
    color: #10182D;
    font-size: 18px;
}

.bb-app-showcase .bb-detail-body small {
    color: var(--bb-blue);
    font-size: 12px;
    font-weight: 700;
}

.bb-app-showcase .bb-price {
    margin: 14px 0 8px;
    color: var(--bb-navy);
    font-size: 25px;
    font-weight: 800;
}

.bb-app-showcase .bb-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.bb-app-showcase .bb-pill {
    padding: 5px 7px;
    border: 1px solid #DAE4F2;
    border-radius: 999px;
    color: #5C6680;
    background: #FFFFFF;
    font-size: 10px;
    font-weight: 700;
}

.bb-app-showcase .bb-detail-label {
    margin: 20px 0 8px;
    color: #1B2440;
    font-size: 14px;
    font-weight: 800;
}

.bb-app-showcase .bb-detail-text {
    padding: 11px;
    border: 1px solid #E1E7F1;
    border-radius: 10px;
    color: #6B7388;
    background: #FFFFFF;
    font-size: 12px;
    line-height: 1.45;
}

/* =========================================================
   FRONT PHONE
   ========================================================= */

.bb-app-showcase .bb-home {
    padding: 60px 15px 18px;
}

.bb-app-showcase .bb-user {
    display: flex;
    align-items: center;
    gap: 10px;
}

.bb-app-showcase .bb-avatar {
    display: grid;
    width: 42px;
    height: 42px;
    place-items: center;
    border-radius: 50%;
    color: #FFFFFF;
    background:
        linear-gradient(
            135deg,
            var(--bb-purple),
            var(--bb-pink)
        );
    font-size: 13px;
    font-weight: 800;
}

.bb-app-showcase .bb-user strong {
    display: block;
    color: #15203A;
    font-size: 16px;
}

.bb-app-showcase .bb-user span {
    color: var(--bb-blue);
    font-size: 13px;
    font-weight: 800;
}

.bb-app-showcase .bb-feature-box {
    margin-top: 18px;
    padding: 15px;
    border-radius: 12px;
    color: #FFFFFF;
    background:
        linear-gradient(
            135deg,
            var(--bb-navy),
            var(--bb-blue)
        );
    box-shadow: 0 14px 26px rgba(8, 29, 121, 0.20);
}

.bb-app-showcase .bb-feature-box h4 {
    margin: 0 0 8px;
    font-size: 16px;
}

.bb-app-showcase .bb-feature-box p {
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-size: 12px;
    line-height: 1.45;
}

.bb-app-showcase .bb-feature-box a {
    display: inline-flex;
    margin-top: 12px;
    padding: 8px 14px;
    border-radius: 999px;
    color: var(--bb-navy);
    background: #FFFFFF;
    font-size: 11px;
    font-weight: 800;
    text-decoration: none;
}

.bb-app-showcase .bb-quick-title {
    margin: 20px 0 10px;
    color: #111B32;
    font-size: 17px;
    font-weight: 800;
}

.bb-app-showcase .bb-quick-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
}

.bb-app-showcase .bb-quick-card {
    min-height: 114px;
    padding: 11px;
    border: 1px solid #E1E8F2;
    border-radius: 11px;
    background: #FFFFFF;
    box-shadow: 0 4px 10px rgba(8, 29, 121, 0.05);
}

.bb-app-showcase .bb-quick-card .bb-mini-icon {
    margin-bottom: 12px;
}

.bb-app-showcase .bb-quick-card strong {
    color: #1A233B;
    font-size: 12px;
    line-height: 1.3;
}

/* =========================================================
   RIGHT PHONE
   ========================================================= */

.bb-app-showcase .bb-search {
    margin: 12px 14px;
    padding: 10px 12px;
    border: 1px solid #DFE6F1;
    border-radius: 999px;
    color: #A4ADBE;
    background: #FFFFFF;
    font-size: 11px;
}

.bb-app-showcase .bb-service-label {
    padding: 2px 14px 8px;
    color: #67728A;
    font-size: 12px;
    font-weight: 700;
}

.bb-app-showcase .bb-services-grid {
    display: grid;
    padding: 0 13px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.bb-app-showcase .bb-service-card {
    overflow: hidden;
    border: 1px solid #E1E7F1;
    border-radius: 10px;
    background: #FFFFFF;
}

.bb-app-showcase .bb-service-picture {
    min-height: 76px;
    background:
        radial-gradient(circle at 72% 20%, rgba(63, 229, 255, 0.95), transparent 25%),
        linear-gradient(
            135deg,
            var(--bb-soft-blue),
            var(--bb-blue),
            var(--bb-navy)
        );
}

.bb-app-showcase .bb-service-picture.alt {
    background:
        radial-gradient(circle at 25% 25%, rgba(246, 62, 129, 0.86), transparent 28%),
        linear-gradient(
            135deg,
            var(--bb-purple),
            var(--bb-blue)
        );
}

.bb-app-showcase .bb-service-picture.light {
    background:
        radial-gradient(circle at 70% 20%, rgba(126, 162, 254, 0.85), transparent 25%),
        linear-gradient(
            135deg,
            #E7F3FF,
            var(--bb-cyan),
            var(--bb-sky)
        );
}

.bb-app-showcase .bb-service-info {
    padding: 8px;
}

.bb-app-showcase .bb-service-info strong {
    display: block;
    min-height: 28px;
    color: #1B253D;
    font-size: 11px;
    line-height: 1.2;
}

.bb-app-showcase .bb-service-info span {
    display: block;
    margin-top: 5px;
    color: var(--bb-blue);
    font-size: 10px;
    font-weight: 800;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1180px) {
    .bb-app-showcase {
        min-height: 1040px;
    }

    .bb-app-showcase .bb-inner {
        min-height: 1040px;
        padding: 55px 34px 30px;
        grid-template-columns: 1fr;
        align-items: start;
    }

    .bb-app-showcase .bb-copy {
        max-width: 690px;
    }

    .bb-app-showcase .bb-devices {
        width: min(100%, 820px);
        min-height: 680px;
        margin: 0 auto;
    }

    .bb-app-showcase .bb-phone-left {
        left: 3%;
    }

    .bb-app-showcase .bb-phone-front {
        left: 34%;
    }

    .bb-app-showcase .bb-phone-right {
        right: 2%;
    }
}

@media (max-width: 767px) {
    .bb-app-showcase {
        min-height: 900px;
    }

    .bb-app-showcase .bb-inner {
        min-height: 900px;
        padding: 30px 18px 0;
    }

    .bb-app-showcase .bb-logo-panel {
        padding: 15px 18px;
        border-radius: 20px;
    }

    .bb-app-showcase .bb-logo {
        width: 175px;
    }

    .bb-app-showcase .bb-title {
        font-size: 46px;
        letter-spacing: -2px;
    }

    .bb-app-showcase .bb-description {
        font-size: 15px;
    }

    .bb-app-showcase .bb-devices {
        min-height: 520px;
        margin-top: 10px;
        transform: scale(0.63);
        transform-origin: top center;
    }

    .bb-app-showcase .bb-phone-left {
        left: -7%;
    }

    .bb-app-showcase .bb-phone-front {
        left: 30%;
    }

    .bb-app-showcase .bb-phone-right {
        right: -6%;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a47cdad *//* =========================================================
   BRIGHT BRAINS — OPPORTUNITY SLIDE V2
   Reference ratio: 2048 × 1151
   Desktop layout matched to the supplied reference
   No JavaScript
   ========================================================= */

.bbp2-frame {
    --bb-navy: #081D79;
    --bb-navy-2: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-title: #101114;
    --bb-body: #111827;
    --bb-line: rgba(8, 29, 121, 0.25);
    --bb-circle-border: rgba(8, 127, 252, 0.42);
    --bb-circle-bg: rgba(234, 244, 255, 0.88);

    position: relative;
    width: 100%;
    overflow: hidden;
    background: #F8FAFF;
    font-family: Arial, Helvetica, sans-serif;
}

.bbp2-frame,
.bbp2-frame * {
    box-sizing: border-box;
}

/* Exact proportional design canvas */
.bbp2-frame .bbp2-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    background:
        radial-gradient(
            circle at 50% 82%,
            rgba(126, 162, 254, 0.16),
            transparent 38%
        ),
        radial-gradient(
            circle at 14% 26%,
            rgba(63, 229, 255, 0.07),
            transparent 21%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFCFF 53%,
            #EEF5FF 100%
        );
}

/* Fine paper texture */
.bbp2-frame .bbp2-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.20;
    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.22) 0.55px,
            transparent 0.55px
        );
    background-size: 6px 6px;
}

/* =========================================================
   HEADER
   ========================================================= */

.bbp2-frame .bbp2-header {
    position: absolute;
    top: 7.4%;
    left: 4%;
    z-index: 20;
    width: 78%;
}

.bbp2-frame .bbp2-eyebrow {
    margin: 0 0 1.1cqw;
    color: var(--bb-blue);
    font-size: 0.93cqw;
    font-weight: 700;
    letter-spacing: 0.05cqw;
    line-height: 1;
    text-transform: uppercase;
}

.bbp2-frame .bbp2-title {
    max-width: 75cqw;
    margin: 0;
    color: var(--bb-title);
    font-size: 2.55cqw;
    font-weight: 800;
    letter-spacing: -0.08cqw;
    line-height: 1.13;
}

/* =========================================================
   CIRCLE CARDS
   ========================================================= */

.bbp2-frame .bbp2-circle {
    position: absolute;
    z-index: 4;
    width: 28.35%;
    aspect-ratio: 1 / 1;
    border: 0.10cqw solid var(--bb-circle-border);
    border-radius: 50%;
    text-align: center;
    background:
        radial-gradient(
            circle at 50% 34%,
            rgba(255, 255, 255, 0.98),
            var(--bb-circle-bg) 84%
        );
    box-shadow:
        inset 0 0 4cqw rgba(126, 162, 254, 0.09),
        0 0.8cqw 2cqw rgba(8, 29, 121, 0.04);
}

/* Exact reference positions */
.bbp2-frame .bbp2-circle-left {
    top: 29.1%;
    left: 4%;
}

.bbp2-frame .bbp2-circle-center {
    top: 23.2%;
    left: 35.75%;
}

.bbp2-frame .bbp2-circle-right {
    top: 29.1%;
    left: 67.65%;
}

/* Top icon badge */
.bbp2-frame .bbp2-badge {
    position: absolute;
    top: -8.35%;
    left: 50%;
    z-index: 6;
    display: grid;
    width: 16.6%;
    aspect-ratio: 1 / 1;
    place-items: center;
    border: 0.06cqw solid rgba(8, 127, 252, 0.42);
    border-radius: 50%;
    color: var(--bb-blue);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0.45cqw 1.1cqw rgba(8, 29, 121, 0.07);
    transform: translateX(-50%);
}

.bbp2-frame .bbp2-badge svg {
    width: 54%;
    height: 54%;
}

.bbp2-frame .bbp2-circle-content {
    padding: 21.5% 10% 8%;
}

.bbp2-frame .bbp2-circle-title {
    min-height: 4.1cqw;
    margin: 0;
    color: var(--bb-navy);
    font-size: 1.28cqw;
    font-weight: 800;
    line-height: 1.2;
}

.bbp2-frame .bbp2-circle-title sup {
    position: relative;
    top: -0.18em;
    font-size: 0.56em;
}

.bbp2-frame .bbp2-divider {
    width: 61%;
    height: 0.055cqw;
    margin: 1.6cqw auto 1.35cqw;
    background: var(--bb-line);
}

.bbp2-frame .bbp2-number {
    margin: 0;
    color: var(--bb-navy);
    font-size: 4.05cqw;
    font-weight: 800;
    letter-spacing: -0.16cqw;
    line-height: 0.96;
}

.bbp2-frame .bbp2-description {
    max-width: 23cqw;
    margin: 1.05cqw auto 0;
    color: var(--bb-body);
    font-size: 0.98cqw;
    font-weight: 500;
    line-height: 1.28;
}

/* Center circle */
.bbp2-frame .bbp2-circle-center .bbp2-circle-content {
    padding-right: 11%;
    padding-left: 11%;
}

.bbp2-frame .bbp2-center-row {
    display: grid;
    grid-template-columns: 39% 1fr;
    align-items: center;
    gap: 0.85cqw;
    text-align: left;
}

.bbp2-frame .bbp2-center-row + .bbp2-center-row {
    padding-top: 1.05cqw;
    margin-top: 1cqw;
    border-top: 0.055cqw solid var(--bb-line);
}

.bbp2-frame .bbp2-center-number {
    color: var(--bb-navy);
    font-size: 3.55cqw;
    font-weight: 800;
    letter-spacing: -0.13cqw;
    line-height: 0.96;
}

.bbp2-frame .bbp2-center-copy {
    margin: 0;
    color: var(--bb-body);
    font-size: 0.92cqw;
    font-weight: 500;
    line-height: 1.24;
}

/* =========================================================
   HOTEL IMAGE
   Cropped from the upper part to match the reference
   ========================================================= */

.bbp2-frame .bbp2-hotel-layer {
    position: absolute;
    top: 50.5%;
    right: 0;
    bottom: 6.15%;
    left: 0;
    z-index: 7;
    overflow: hidden;
    pointer-events: none;
}

.bbp2-frame .bbp2-hotel-image {
    position: absolute;
    top: -3.5%;
    left: 0;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
}

/* Subtle Bright Brains overlay */
.bbp2-frame .bbp2-hotel-layer::after {
    position: absolute;
    inset: 0;
    z-index: 3;
    content: "";
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(126, 162, 254, 0.01) 0%,
            rgba(8, 127, 252, 0.02) 55%,
            rgba(8, 29, 121, 0.15) 100%
        );
}

/* =========================================================
   FLOATING ICONS
   ========================================================= */

.bbp2-frame .bbp2-float {
    position: absolute;
    z-index: 12;
    display: grid;
    width: 5%;
    aspect-ratio: 1 / 1;
    place-items: center;
    border: 0.06cqw solid rgba(255, 255, 255, 0.50);
    border-radius: 50%;
    color: #FFFFFF;
    background:
        linear-gradient(
            135deg,
            var(--bb-navy),
            var(--bb-blue)
        );
    box-shadow: 0 0.65cqw 1.5cqw rgba(8, 29, 121, 0.18);
}

.bbp2-frame .bbp2-float svg {
    width: 56%;
    height: 56%;
}

.bbp2-frame .bbp2-float-shuttle {
    top: 68.2%;
    left: 23.5%;
}

.bbp2-frame .bbp2-float-service {
    top: 73.1%;
    left: 39.25%;
}

.bbp2-frame .bbp2-float-pool {
    top: 76.2%;
    left: 62.55%;
}

.bbp2-frame .bbp2-float-gym {
    top: 61.4%;
    right: 3.35%;
}

/* =========================================================
   SOURCE STRIP
   ========================================================= */

.bbp2-frame .bbp2-source {
    position: absolute;
    right: 0;
    bottom: 6.15%;
    left: 0;
    z-index: 16;
    display: flex;
    min-height: 3.2%;
    align-items: center;
    padding: 0.35cqw 4%;
    color: rgba(255, 255, 255, 0.88);
    background: rgba(3, 11, 43, 0.90);
    font-size: 0.62cqw;
    font-style: italic;
    line-height: 1.25;
}

/* =========================================================
   FOOTER
   ========================================================= */

.bbp2-frame .bbp2-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 18;
    display: flex;
    height: 6.15%;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 47%,
            var(--bb-blue) 100%
        );
}

.bbp2-frame .bbp2-footer-brand {
    display: flex;
    align-items: center;
    gap: 0.8cqw;
}

.bbp2-frame .bbp2-footer-logo {
    display: block;
    width: 7.4cqw;
    max-height: 3.8cqw;
    object-fit: contain;
    object-position: left center;
}

.bbp2-frame .bbp2-footer-page {
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.78cqw;
    font-weight: 700;
}

/* =========================================================
   MOBILE FALLBACK
   Keeps the visual composition while scaling it down
   ========================================================= */

@media (max-width: 767px) {
    .bbp2-frame {
        overflow-x: auto;
    }

    .bbp2-frame .bbp2-stage {
        width: 980px;
        min-width: 980px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fcfe445 *//* =========================================================
   BRIGHT BRAINS — OUR SOLUTION SLIDE
   Reference ratio: 2048 × 1151
   No JavaScript
   ========================================================= */

.bbs3-frame {
    --bb-navy: #081D79;
    --bb-navy-2: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-black: #101114;
    --bb-body: #111827;
    --bb-line: rgba(8, 127, 252, 0.30);
    --bb-circle: rgba(126, 162, 254, 0.12);

    position: relative;
    width: 100%;
    overflow: hidden;
    background: #F8FAFF;
    font-family: Arial, Helvetica, sans-serif;
}

.bbs3-frame,
.bbs3-frame * {
    box-sizing: border-box;
}

/* Exact proportional canvas */
.bbs3-frame .bbs3-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    background:
        radial-gradient(
            circle at 50% 73%,
            rgba(126, 162, 254, 0.11),
            transparent 39%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFCFF 58%,
            #F1F6FF 100%
        );
}

/* Paper texture */
.bbs3-frame .bbs3-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.20;
    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.22) 0.55px,
            transparent 0.55px
        );
    background-size: 6px 6px;
}

/* =========================================================
   HEADER
   ========================================================= */

.bbs3-frame .bbs3-header {
    position: absolute;
    top: 7.25%;
    left: 4%;
    z-index: 20;
    width: 84%;
}

.bbs3-frame .bbs3-eyebrow {
    margin: 0 0 1.05cqw;
    color: var(--bb-blue);
    font-size: 0.93cqw;
    font-weight: 700;
    letter-spacing: 0.04cqw;
    line-height: 1;
    text-transform: uppercase;
}

.bbs3-frame .bbs3-title {
    max-width: 79cqw;
    margin: 0;
    color: var(--bb-black);
    font-size: 2.55cqw;
    font-weight: 800;
    letter-spacing: -0.075cqw;
    line-height: 1.13;
}

/* =========================================================
   HORIZONTAL LINE
   ========================================================= */

.bbs3-frame .bbs3-main-line {
    position: absolute;
    top: 38.05%;
    right: 3.75%;
    left: 3.75%;
    z-index: 3;
    height: 0.055cqw;
    background: var(--bb-line);
}

/* =========================================================
   BACKGROUND CIRCLES
   ========================================================= */

.bbs3-frame .bbs3-circle {
    position: absolute;
    left: 50%;
    z-index: 2;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    transform: translateX(-50%);
}

.bbs3-frame .bbs3-circle-outer {
    top: 38.4%;
    width: 56%;
    border: 2cqw solid rgba(126, 162, 254, 0.13);
}

.bbs3-frame .bbs3-circle-inner {
    top: 47.4%;
    width: 45.5%;
    background: rgba(126, 162, 254, 0.10);
}

/* =========================================================
   FAMILY IMAGE
   ========================================================= */

.bbs3-frame .bbs3-family {
    position: absolute;
    bottom: 6.1%;
    left: 50%;
    z-index: 7;
    display: block;
    width: 53%;
    max-width: none;
    height: auto;
    transform: translateX(-50%);
    filter: drop-shadow(0 1cqw 1.35cqw rgba(8, 29, 121, 0.10));
}

/* =========================================================
   CAPABILITY POINTS
   ========================================================= */

.bbs3-frame .bbs3-point {
    position: absolute;
    z-index: 10;
}

.bbs3-frame .bbs3-point-title {
    margin: 0;
    color: var(--bb-navy);
    font-size: 1.42cqw;
    font-weight: 800;
    line-height: 1.15;
}

.bbs3-frame .bbs3-point-copy {
    margin: 0.42cqw 0 0;
    color: var(--bb-black);
    font-size: 1.25cqw;
    font-weight: 500;
    line-height: 1.18;
}

/* White circular badge */
.bbs3-frame .bbs3-point-icon {
    position: absolute;
    display: grid;
    width: 4.75cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
    border: 0.06cqw solid rgba(8, 127, 252, 0.36);
    border-radius: 50%;
    color: var(--bb-blue);
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 0.42cqw 1.1cqw rgba(8, 29, 121, 0.06);
}

.bbs3-frame .bbs3-point-icon svg {
    width: 55%;
    height: 55%;
}

/* Top center */
.bbs3-frame .bbs3-point-top {
    top: 26%;
    left: 50%;
    width: 39%;
    text-align: center;
    transform: translateX(-50%);
}

.bbs3-frame .bbs3-point-top .bbs3-point-icon {
    top: 8.5cqw;
    left: 50%;
    transform: translateX(-50%);
}

/* Left upper */
.bbs3-frame .bbs3-point-left-top {
    top: 43.2%;
    left: 15.8%;
    width: 23%;
    text-align: right;
}

.bbs3-frame .bbs3-point-left-top .bbs3-point-icon {
    top: -0.42cqw;
    right: -7.6cqw;
}

/* Right upper */
.bbs3-frame .bbs3-point-right-top {
    top: 43%;
    right: 13.9%;
    width: 22%;
    text-align: left;
}

.bbs3-frame .bbs3-point-right-top .bbs3-point-icon {
    top: -0.32cqw;
    left: -7.55cqw;
}

/* Left lower */
.bbs3-frame .bbs3-point-left-bottom {
    top: 65.9%;
    left: 4.7%;
    width: 22%;
    text-align: right;
}

.bbs3-frame .bbs3-point-left-bottom .bbs3-point-icon {
    top: -0.2cqw;
    right: -7.3cqw;
}

/* Right lower */
.bbs3-frame .bbs3-point-right-bottom {
    top: 65.5%;
    right: 4.35%;
    width: 16.5%;
    text-align: left;
}

.bbs3-frame .bbs3-point-right-bottom .bbs3-point-icon {
    top: -0.18cqw;
    left: -7.55cqw;
}

/* =========================================================
   AI BAR
   ========================================================= */

.bbs3-frame .bbs3-ai-bar {
    position: absolute;
    right: 14.75%;
    bottom: 10.85%;
    left: 14.75%;
    z-index: 15;
    display: grid;
    min-height: 10.55%;
    overflow: hidden;
    grid-template-columns: 31% 1fr;
    align-items: center;
    border-radius: 0.62cqw;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 37%,
            var(--bb-blue) 100%
        );
    box-shadow: 0 0.9cqw 2cqw rgba(8, 29, 121, 0.18);
}

.bbs3-frame .bbs3-ai-title {
    display: flex;
    gap: 1.2cqw;
    align-items: center;
    min-height: 100%;
    padding: 1.25cqw 1.7cqw;
}

.bbs3-frame .bbs3-ai-title svg {
    width: 4.2cqw;
    height: 4.2cqw;
    flex: 0 0 auto;
}

.bbs3-frame .bbs3-ai-title strong {
    color: #FFFFFF;
    font-size: 1.55cqw;
    font-weight: 800;
    line-height: 1.18;
}

.bbs3-frame .bbs3-ai-description {
    display: flex;
    min-height: 5.6cqw;
    align-items: center;
    padding: 1.1cqw 2.8cqw;
    border-left: 0.07cqw solid rgba(255, 255, 255, 0.46);
    color: rgba(255, 255, 255, 0.96);
    font-size: 1.37cqw;
    font-weight: 500;
    line-height: 1.3;
}

/* =========================================================
   FOOTER
   ========================================================= */

.bbs3-frame .bbs3-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: flex;
    height: 6.15%;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 47%,
            var(--bb-blue) 100%
        );
}

.bbs3-frame .bbs3-footer-logo {
    display: block;
    width: 7.5cqw;
    max-height: 3.85cqw;
    object-fit: contain;
    object-position: left center;
}

.bbs3-frame .bbs3-footer-page {
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.78cqw;
    font-weight: 700;
}

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

@media (max-width: 1024px) {
    .bbs3-frame {
        overflow-x: auto;
    }

    .bbs3-frame .bbs3-stage {
        width: 1280px;
        min-width: 1280px;
    }
}

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

@media (max-width: 767px) {
    .bbs3-frame .bbs3-stage {
        width: 980px;
        min-width: 980px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4a39c2f *//* =========================================================
   BRIGHT BRAINS — PRE-ARRIVAL CHECK-IN
   Reference ratio: 2048 × 1151
   Clean SVG icons from uploaded files
   No JavaScript
   ========================================================= */

.bbs4-frame {
    --bb-navy: #081D79;
    --bb-navy-2: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-black: #101114;
    --bb-body: #171923;

    position: relative;
    width: 100%;
    overflow: hidden;
    background: #F8FAFF;
    font-family: Arial, Helvetica, sans-serif;
}

.bbs4-frame,
.bbs4-frame * {
    box-sizing: border-box;
}

/* =========================================================
   MAIN CANVAS
   ========================================================= */

.bbs4-frame .bbs4-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    background:
        radial-gradient(
            circle at 14% 12%,
            rgba(63, 229, 255, 0.10),
            transparent 23%
        ),
        radial-gradient(
            circle at 86% 18%,
            rgba(126, 162, 254, 0.12),
            transparent 22%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #F8FAFF 57%,
            #EAF4FF 100%
        );
}

/* Fine paper texture */
.bbs4-frame .bbs4-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.19;
    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.22) 0.55px,
            transparent 0.55px
        );
    background-size: 6px 6px;
}

/* Soft family background */
.bbs4-frame .bbs4-stage::after {
    position: absolute;
    right: 0;
    bottom: 6.1%;
    left: 0;
    z-index: 1;
    height: 43%;
    content: "";
    pointer-events: none;
    opacity: 0.10;
    background:
        linear-gradient(
            180deg,
            rgba(248, 250, 255, 0.15),
            rgba(248, 250, 255, 0.42)
        ),
        url("https://brightbrainsit.com/wp-content/uploads/2026/06/solution-family.webp")
        center bottom / 42% auto no-repeat;
}

/* =========================================================
   TOP TABS
   ========================================================= */

.bbs4-frame .bbs4-tabs {
    position: absolute;
    top: 2.45%;
    left: 4%;
    z-index: 20;
    display: grid;
    width: 73%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1.35fr;
    gap: 1.15cqw;
}

.bbs4-frame .bbs4-tab {
    display: grid;
    min-height: 1.86cqw;
    place-items: center;
    padding: 0.34cqw 0.9cqw;
    border: 0.055cqw solid rgba(8, 127, 252, 0.24);
    border-radius: 99cqw;
    color: rgba(8, 29, 121, 0.50);
    background: rgba(255, 255, 255, 0.88);
    font-size: 0.73cqw;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.bbs4-frame .bbs4-tab-active {
    border-color: transparent;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy),
            var(--bb-blue)
        );
}

/* =========================================================
   TITLE
   ========================================================= */

.bbs4-frame .bbs4-title {
    position: absolute;
    top: 11%;
    left: 4%;
    z-index: 20;
    max-width: 84%;
    margin: 0;
    color: var(--bb-black);
    font-size: 2.65cqw;
    font-weight: 800;
    letter-spacing: -0.08cqw;
    line-height: 1.08;
}

/* =========================================================
   PROCESS FLOW
   ========================================================= */

.bbs4-frame .bbs4-flow {
    position: absolute;
    top: 24.2%;
    right: 4%;
    bottom: 17%;
    left: 4%;
    z-index: 10;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 3.5%;
}

.bbs4-frame .bbs4-step {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: 57% 43%;
    align-items: center;
    overflow: hidden;
    border: 0.055cqw solid rgba(8, 127, 252, 0.10);
    border-radius: 1.05cqw;
    background: rgba(255, 255, 255, 0.28);
    box-shadow:
        inset 0 0 2.4cqw rgba(126, 162, 254, 0.05),
        0 0.4cqw 1.5cqw rgba(8, 29, 121, 0.035);
    backdrop-filter: blur(2px);
}

/* =========================================================
   PHONE IMAGES
   All three use the same height
   ========================================================= */

.bbs4-frame .bbs4-phone-wrap {
    position: relative;
    display: flex;
    height: 100%;
    min-height: 0;
    align-items: center;
    justify-content: center;
    overflow: visible;
    padding: 0.12cqw;
}

.bbs4-frame .bbs4-phone {
    display: block;
    width: auto;
    height: 98%;
    max-width: 116%;
    max-height: none;
    object-fit: contain;
    object-position: center center;
    transform: scale(1.06);
    transform-origin: center center;
    filter:
        drop-shadow(0 0.75cqw 0.75cqw rgba(8, 29, 121, 0.17))
        drop-shadow(0 0.2cqw 0.18cqw rgba(0, 0, 0, 0.20));
}

/* =========================================================
   STEP CONTENT
   ========================================================= */

.bbs4-frame .bbs4-copy {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    padding: 2.2cqw 1.55cqw 1.55cqw 0.25cqw;
}

.bbs4-frame .bbs4-number {
    display: grid;
    width: 2.15cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
    margin-bottom: 1.15cqw;
    border-radius: 50%;
    color: #FFFFFF;
    background:
        linear-gradient(
            135deg,
            var(--bb-navy),
            var(--bb-blue)
        );
    font-size: 0.95cqw;
    font-weight: 800;
}

.bbs4-frame .bbs4-step-title {
    margin: 0;
    color: var(--bb-navy);
    font-size: 1.34cqw;
    font-weight: 800;
    line-height: 1.26;
}

.bbs4-frame .bbs4-step-text {
    margin: 1.2cqw 0 0;
    color: var(--bb-body);
    font-size: 1.16cqw;
    font-weight: 500;
    line-height: 1.34;
}

/* =========================================================
   EXTERNAL SVG ICONS
   ========================================================= */

.bbs4-frame .bbs4-step-icon {
    position: absolute;
    right: 1.25cqw;
    bottom: 1.2cqw;
    display: grid;
    width: 4.75cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
}

.bbs4-frame .bbs4-step-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center center;
}

/* =========================================================
   RESULT BAR
   ========================================================= */

.bbs4-frame .bbs4-result {
    position: absolute;
    right: 4%;
    bottom: 10.15%;
    left: 4%;
    z-index: 17;
    display: grid;
    min-height: 7.45%;
    place-items: center;
    padding: 1cqw 2.2cqw;
    border-radius: 99cqw;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 38%,
            var(--bb-blue) 100%
        );
    box-shadow:
        0 0.75cqw 1.65cqw rgba(8, 29, 121, 0.17);
    font-size: 1.35cqw;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

/* =========================================================
   FOOTER
   ========================================================= */

.bbs4-frame .bbs4-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    display: flex;
    height: 6.15%;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 47%,
            var(--bb-blue) 100%
        );
}

.bbs4-frame .bbs4-footer-logo {
    display: block;
    width: 7.5cqw;
    max-height: 3.85cqw;
    object-fit: contain;
    object-position: left center;
}

.bbs4-frame .bbs4-footer-page {
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.78cqw;
    font-weight: 700;
}

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

@media (max-width: 1024px) {
    .bbs4-frame {
        overflow-x: auto;
    }

    .bbs4-frame .bbs4-stage {
        width: 1280px;
        min-width: 1280px;
    }
}

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

@media (max-width: 767px) {
    .bbs4-frame .bbs4-stage {
        width: 980px;
        min-width: 980px;
    }
}
/* =========================================================
   WORKING TABS NAVIGATION
   Smooth anchor navigation — No JavaScript
   ========================================================= */

html {
    scroll-behavior: smooth;
}

/* Prevent sticky header from covering the target section */
#bb-checkin,
#bb-access,
#bb-directory,
#bb-upsell,
#bb-service-requests {
    scroll-margin-top: 95px;
}

/* Tabs are now clickable links */
.bbs4-frame .bbs4-tab {
    text-decoration: none;
    cursor: pointer;
    user-select: none;
}

/* Smooth hover */
.bbs4-frame .bbs4-tab:not(.bbs4-tab-active):hover {
    color: #081D79;
    border-color: rgba(8, 127, 252, 0.58);
    background: rgba(255, 255, 255, 0.98);
    box-shadow:
        0 0.28cqw 0.72cqw rgba(8, 29, 121, 0.10);
    transform: translateY(-0.1cqw);
}

/* Active tab */
.bbs4-frame .bbs4-tab-active {
    color: #FFFFFF;
    cursor: default;
    pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2376652 *//* =========================================================
   BRIGHT BRAINS — SMART ROOM ACCESS
   Reference ratio: 2048 × 1151
   External SVG icons
   No JavaScript
   ========================================================= */

.bbs5-frame {
    --bb-navy: #081D79;
    --bb-navy-2: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-black: #101114;
    --bb-body: #171923;
    --bb-card-border: rgba(8, 127, 252, 0.30);

    position: relative;
    width: 100%;
    overflow: hidden;
    background: #F8FAFF;
    font-family: Arial, Helvetica, sans-serif;
}

.bbs5-frame,
.bbs5-frame * {
    box-sizing: border-box;
}

/* =========================================================
   MAIN CANVAS
   ========================================================= */

.bbs5-frame .bbs5-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    background:
        radial-gradient(
            circle at 50% 83%,
            rgba(126, 162, 254, 0.15),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFCFF 58%,
            #EEF5FF 100%
        );
}

/* Fine texture */
.bbs5-frame .bbs5-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.18;
    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.20) 0.55px,
            transparent 0.55px
        );
    background-size: 6px 6px;
}

/* Background curved shape */
.bbs5-frame .bbs5-stage::after {
    position: absolute;
    bottom: 6%;
    left: 50%;
    z-index: 1;
    width: 73%;
    height: 46%;
    border-radius: 50% 50% 0 0;
    content: "";
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(126, 162, 254, 0.14),
            rgba(8, 127, 252, 0.06)
        );
    transform: translateX(-50%);
}

/* =========================================================
   TOP TABS
   ========================================================= */

.bbs5-frame .bbs5-tabs {
    position: absolute;
    top: 2.45%;
    left: 4%;
    z-index: 30;
    display: grid;
    width: 73%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1.35fr;
    gap: 1.15cqw;
}

.bbs5-frame .bbs5-tab {
    display: grid;
    min-height: 1.86cqw;
    place-items: center;
    padding: 0.34cqw 0.9cqw;
    border: 0.055cqw solid rgba(8, 127, 252, 0.24);
    border-radius: 99cqw;
    color: rgba(8, 29, 121, 0.50);
    background: rgba(255, 255, 255, 0.88);
    font-size: 0.73cqw;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.bbs5-frame .bbs5-tab-active {
    border-color: transparent;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy),
            var(--bb-blue)
        );
}

/* =========================================================
   TITLE
   ========================================================= */

.bbs5-frame .bbs5-title {
    position: absolute;
    top: 11%;
    left: 4%;
    z-index: 25;
    max-width: 85%;
    margin: 0;
    color: var(--bb-black);
    font-size: 2.65cqw;
    font-weight: 800;
    letter-spacing: -0.08cqw;
    line-height: 1.08;
}

/* =========================================================
   FEATURE CARDS
   ========================================================= */

.bbs5-frame .bbs5-card {
    position: absolute;
    z-index: 15;
    width: 25.8%;
    min-height: 31%;
    padding: 2.05cqw 2.15cqw;
    overflow: hidden;
    border: 0.11cqw solid var(--bb-card-border);
    border-radius: 1.18cqw;
    background:
        linear-gradient(
            135deg,
            rgba(255, 255, 255, 0.88),
            rgba(232, 244, 255, 0.68)
        );
    box-shadow:
        inset 0 0 2.5cqw rgba(126, 162, 254, 0.06),
        0 0.55cqw 1.35cqw rgba(8, 29, 121, 0.04);
    backdrop-filter: blur(3px);
}

.bbs5-frame .bbs5-card-left-top {
    top: 23.2%;
    left: 4%;
}

.bbs5-frame .bbs5-card-left-bottom {
    top: 58.2%;
    left: 4%;
}

.bbs5-frame .bbs5-card-right-top {
    top: 23.2%;
    right: 4%;
    text-align: center;
}

.bbs5-frame .bbs5-card-right-bottom {
    top: 58.2%;
    right: 4%;
    text-align: center;
}

/* =========================================================
   EXTERNAL SVG ICONS
   ========================================================= */

.bbs5-frame .bbs5-card-icon {
    display: grid;
    width: 5.25cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
    margin-bottom: 1.45cqw;
    border: 0.065cqw solid rgba(8, 127, 252, 0.32);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
    box-shadow: 0 0.35cqw 0.85cqw rgba(8, 29, 121, 0.06);
}

.bbs5-frame .bbs5-card-right-top .bbs5-card-icon,
.bbs5-frame .bbs5-card-right-bottom .bbs5-card-icon {
    margin-right: auto;
    margin-left: auto;
}

.bbs5-frame .bbs5-card-icon img {
    display: block;
    width: 62%;
    height: 62%;
    object-fit: contain;
    object-position: center;
}

/* =========================================================
   CARD TEXT
   ========================================================= */

.bbs5-frame .bbs5-card-title {
    margin: 0;
    color: var(--bb-navy);
    font-size: 1.33cqw;
    font-weight: 800;
    line-height: 1.22;
}

.bbs5-frame .bbs5-card-text {
    margin: 0.95cqw 0 0;
    color: var(--bb-body);
    font-size: 1.12cqw;
    font-weight: 500;
    line-height: 1.32;
}

/* =========================================================
   CENTER BUILDING IMAGE
   ========================================================= */

.bbs5-frame .bbs5-building-wrap {
    position: absolute;
    top: 18.6%;
    bottom: 6.1%;
    left: 50%;
    z-index: 9;
    width: 34%;
    overflow: hidden;
    transform: translateX(-50%);
}

.bbs5-frame .bbs5-building-image {
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    transform: translateX(-50%);
    filter:
        drop-shadow(0 0.85cqw 1.1cqw rgba(8, 29, 121, 0.13));
}

/* =========================================================
   RESULT BAR
   ========================================================= */

.bbs5-frame .bbs5-result {
    position: absolute;
    right: 31.3%;
    bottom: 10.25%;
    left: 31.3%;
    z-index: 22;
    display: grid;
    min-height: 10.75%;
    place-items: center;
    padding: 0.95cqw 2.1cqw;
    border-radius: 0.95cqw;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 38%,
            var(--bb-blue) 100%
        );
    box-shadow:
        0 0.85cqw 1.65cqw rgba(8, 29, 121, 0.19);
    font-size: 1.17cqw;
    font-style: italic;
    font-weight: 600;
    line-height: 1.35;
    text-align: center;
}

/* =========================================================
   FOOTER
   ========================================================= */

.bbs5-frame .bbs5-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: flex;
    height: 6.15%;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 47%,
            var(--bb-blue) 100%
        );
}

.bbs5-frame .bbs5-footer-logo {
    display: block;
    width: 7.5cqw;
    max-height: 3.85cqw;
    object-fit: contain;
    object-position: left center;
}

.bbs5-frame .bbs5-footer-page {
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.78cqw;
    font-weight: 700;
}

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

@media (max-width: 1024px) {
    .bbs5-frame {
        overflow-x: auto;
    }

    .bbs5-frame .bbs5-stage {
        width: 1280px;
        min-width: 1280px;
    }
}

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

@media (max-width: 767px) {
    .bbs5-frame .bbs5-stage {
        width: 980px;
        min-width: 980px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e6768a7 *//* =========================================================
   BRIGHT BRAINS — LIVE HOTEL DIRECTORY
   Reference ratio: 2048 × 1151
   External SVG icons
   No JavaScript
   ========================================================= */

.bbs6-frame {
    --bb-navy: #081D79;
    --bb-navy-2: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-black: #101114;
    --bb-body: #171923;

    position: relative;
    width: 100%;
    overflow: hidden;
    background: #F8FAFF;
    font-family: Arial, Helvetica, sans-serif;
}

.bbs6-frame,
.bbs6-frame * {
    box-sizing: border-box;
}

/* =========================================================
   MAIN CANVAS
   ========================================================= */

.bbs6-frame .bbs6-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    background:
        radial-gradient(
            circle at 88% 54%,
            rgba(126, 162, 254, 0.10),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFCFF 56%,
            #EEF5FF 100%
        );
}

/* Fine texture */
.bbs6-frame .bbs6-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.18;
    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.20) 0.55px,
            transparent 0.55px
        );
    background-size: 6px 6px;
}

/* =========================================================
   TOP TABS
   ========================================================= */

.bbs6-frame .bbs6-tabs {
    position: absolute;
    top: 2.45%;
    left: 4%;
    z-index: 40;
    display: grid;
    width: 73%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1.35fr;
    gap: 1.15cqw;
}

.bbs6-frame .bbs6-tab {
    display: grid;
    min-height: 1.86cqw;
    place-items: center;
    padding: 0.34cqw 0.9cqw;
    border: 0.055cqw solid rgba(8, 127, 252, 0.24);
    border-radius: 99cqw;
    color: rgba(8, 29, 121, 0.50);
    background: rgba(255, 255, 255, 0.88);
    font-size: 0.73cqw;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.bbs6-frame .bbs6-tab-active {
    border-color: transparent;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy),
            var(--bb-blue)
        );
}

/* =========================================================
   LARGE LEFT SHAPE
   ========================================================= */

.bbs6-frame .bbs6-left-shape {
    position: absolute;
    top: 6.9%;
    bottom: 6.1%;
    left: -22%;
    z-index: 2;
    width: 77%;
    overflow: hidden;
    border-radius: 0 55% 55% 0;
    background:
        linear-gradient(
            140deg,
            rgba(8, 29, 121, 0.98) 0%,
            rgba(27, 33, 125, 0.97) 52%,
            rgba(8, 127, 252, 0.87) 100%
        );
}

.bbs6-frame .bbs6-left-shape::before {
    position: absolute;
    inset: 0;
    content: "";
    opacity: 0.20;
    background:
        radial-gradient(
            circle at 78% 38%,
            rgba(63, 229, 255, 0.66),
            transparent 33%
        );
}

.bbs6-frame .bbs6-left-shape::after {
    position: absolute;
    right: -1%;
    bottom: 0;
    width: 67%;
    height: 62%;
    border-radius: 50% 50% 0 0;
    content: "";
    opacity: 0.18;
    background:
        linear-gradient(
            135deg,
            rgba(126, 162, 254, 0.28),
            rgba(255, 255, 255, 0.07)
        );
}

/* =========================================================
   LEFT CONTENT
   ========================================================= */

.bbs6-frame .bbs6-left-content {
    position: absolute;
    top: 21.5%;
    left: 2.55%;
    z-index: 12;
    width: 30%;
}

.bbs6-frame .bbs6-title {
    margin: 0;
    color: #FFFFFF;
    font-size: 3.35cqw;
    font-weight: 800;
    letter-spacing: -0.10cqw;
    line-height: 1.33;
}

.bbs6-frame .bbs6-summary {
    position: absolute;
    bottom: 21.6%;
    left: 2.55%;
    z-index: 12;
    width: 27%;
    margin: 0;
    color: rgba(255, 255, 255, 0.94);
    font-size: 1.28cqw;
    font-style: italic;
    font-weight: 500;
    line-height: 1.45;
}

/* =========================================================
   PERSON IMAGE
   ========================================================= */

.bbs6-frame .bbs6-person {
    position: absolute;
    bottom: 6.1%;
    left: 25.6%;
    z-index: 10;
    display: block;
    width: 30%;
    max-width: none;
    height: auto;
    object-fit: contain;
    object-position: center bottom;
    filter:
        drop-shadow(0 0.95cqw 1.25cqw rgba(8, 29, 121, 0.15));
}

/* =========================================================
   RIGHT CONTENT AREA
   ========================================================= */

.bbs6-frame .bbs6-info-panel {
    position: absolute;
    top: 20.8%;
    right: 4%;
    bottom: 13.8%;
    left: 55.8%;
    z-index: 8;
    display: grid;
    grid-template-rows: repeat(3, 1fr);
    gap: 1.05cqw;
}

.bbs6-frame .bbs6-info-row {
    position: relative;
    display: grid;
    min-height: 0;
    grid-template-columns: 7.4cqw 1fr 20cqw;
    align-items: center;
    gap: 1.25cqw;
    padding: 1.55cqw 1.1cqw;
    overflow: hidden;
    border-radius: 0.6cqw;
    background:
        linear-gradient(
            90deg,
            rgba(255, 255, 255, 0.55),
            rgba(232, 244, 255, 0.38)
        );
}

.bbs6-frame .bbs6-info-row::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    opacity: 0.42;
    background:
        linear-gradient(
            110deg,
            rgba(126, 162, 254, 0.10),
            transparent 62%
        );
}

/* =========================================================
   EXTERNAL SVG ICONS
   ========================================================= */

.bbs6-frame .bbs6-info-icon {
    display: grid;
    width: 4.5cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
    justify-self: center;
    border: 0.06cqw solid rgba(8, 127, 252, 0.30);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    box-shadow:
        0 0.32cqw 0.85cqw rgba(8, 29, 121, 0.06);
}

.bbs6-frame .bbs6-info-icon img {
    display: block;
    width: 62%;
    height: 62%;
    object-fit: contain;
    object-position: center;
}

/* =========================================================
   INFO TEXT
   ========================================================= */

.bbs6-frame .bbs6-info-copy {
    align-self: center;
}

.bbs6-frame .bbs6-info-title {
    margin: 0;
    color: var(--bb-navy);
    font-size: 1.35cqw;
    font-weight: 800;
    line-height: 1.15;
}

.bbs6-frame .bbs6-info-text {
    max-width: 18cqw;
    margin: 0.76cqw 0 0;
    color: var(--bb-body);
    font-size: 1.06cqw;
    font-weight: 500;
    line-height: 1.27;
}

/* =========================================================
   PHONE COLLAGE
   ========================================================= */

.bbs6-frame .bbs6-phones-wrap {
    position: absolute;
    top: 10%;
    right: 1.2%;
    bottom: 6.1%;
    z-index: 15;
    width: 24%;
    overflow: hidden;
    pointer-events: none;
}

.bbs6-frame .bbs6-phones {
    position: absolute;
    right: 0;
    bottom: 4%;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    object-fit: contain;
    object-position: right bottom;
    filter:
        drop-shadow(0 0.95cqw 1.15cqw rgba(8, 29, 121, 0.20));
}

/* =========================================================
   FOOTER
   ========================================================= */

.bbs6-frame .bbs6-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    display: flex;
    height: 6.15%;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 47%,
            var(--bb-blue) 100%
        );
}

.bbs6-frame .bbs6-footer-logo {
    display: block;
    width: 7.5cqw;
    max-height: 3.85cqw;
    object-fit: contain;
    object-position: left center;
}

.bbs6-frame .bbs6-footer-page {
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.78cqw;
    font-weight: 700;
}

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

@media (max-width: 1024px) {
    .bbs6-frame {
        overflow-x: auto;
    }

    .bbs6-frame .bbs6-stage {
        width: 1280px;
        min-width: 1280px;
    }
}

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

@media (max-width: 767px) {
    .bbs6-frame .bbs6-stage {
        width: 980px;
        min-width: 980px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-088ec50 *//* =========================================================
   BRIGHT BRAINS — CONTEXTUAL UPSELL
   Reference ratio: 2048 × 1151
   External SVG icons
   No JavaScript
   ========================================================= */

.bbs7-frame {
    --bb-navy: #081D79;
    --bb-navy-2: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-black: #101114;
    --bb-body: #171923;

    position: relative;
    width: 100%;
    overflow: hidden;
    background: #F8FAFF;
    font-family: Arial, Helvetica, sans-serif;
}

.bbs7-frame,
.bbs7-frame * {
    box-sizing: border-box;
}

/* =========================================================
   MAIN CANVAS
   ========================================================= */

.bbs7-frame .bbs7-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    background:
        radial-gradient(
            circle at 50% 80%,
            rgba(126, 162, 254, 0.11),
            transparent 35%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFCFF 58%,
            #EEF5FF 100%
        );
}

/* Fine paper-style texture */
.bbs7-frame .bbs7-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.18;
    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.20) 0.55px,
            transparent 0.55px
        );
    background-size: 6px 6px;
}

/* =========================================================
   TOP TABS
   ========================================================= */

.bbs7-frame .bbs7-tabs {
    position: absolute;
    top: 2.45%;
    left: 4%;
    z-index: 30;
    display: grid;
    width: 73%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1.35fr;
    gap: 1.15cqw;
}

.bbs7-frame .bbs7-tab {
    display: grid;
    min-height: 1.86cqw;
    place-items: center;
    padding: 0.34cqw 0.9cqw;
    border: 0.055cqw solid rgba(8, 127, 252, 0.24);
    border-radius: 99cqw;
    color: rgba(8, 29, 121, 0.50);
    background: rgba(255, 255, 255, 0.88);
    font-size: 0.73cqw;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.bbs7-frame .bbs7-tab-active {
    border-color: transparent;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy),
            var(--bb-blue)
        );
}

/* =========================================================
   TITLE
   ========================================================= */

.bbs7-frame .bbs7-title {
    position: absolute;
    top: 10.85%;
    left: 4%;
    z-index: 20;
    max-width: 91%;
    margin: 0;
    color: var(--bb-black);
    font-size: 2.55cqw;
    font-weight: 800;
    letter-spacing: -0.075cqw;
    line-height: 1.1;
}

/* =========================================================
   FEATURE GRID
   ========================================================= */

.bbs7-frame .bbs7-grid {
    position: absolute;
    top: 24.5%;
    right: 4%;
    left: 4%;
    z-index: 10;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 1.9%;
}

/* =========================================================
   FEATURE CARD
   ========================================================= */

.bbs7-frame .bbs7-card {
    position: relative;
    min-width: 0;
}

.bbs7-frame .bbs7-card-header {
    display: grid;
    min-height: 6.7cqw;
    grid-template-columns: 5.45cqw 1fr;
    align-items: center;
    gap: 1.15cqw;
}

/* =========================================================
   EXTERNAL SVG ICONS
   ========================================================= */

.bbs7-frame .bbs7-icon {
    display: grid;
    width: 5.15cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
    border: 0.06cqw solid rgba(8, 127, 252, 0.30);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
        0 0.35cqw 0.85cqw rgba(8, 29, 121, 0.06);
}

.bbs7-frame .bbs7-icon img {
    display: block;
    width: 62%;
    height: 62%;
    object-fit: contain;
    object-position: center;
}

.bbs7-frame .bbs7-card-title {
    margin: 0;
    color: var(--bb-navy);
    font-size: 1.28cqw;
    font-weight: 800;
    line-height: 1.18;
}

/* =========================================================
   CARD VISUAL AREA
   ========================================================= */

.bbs7-frame .bbs7-card-body {
    position: relative;
    min-height: 24.3cqw;
    overflow: hidden;
    border-top: 0.55cqw solid var(--bb-blue);
    background:
        linear-gradient(
            180deg,
            rgba(8, 29, 121, 0.08),
            rgba(8, 127, 252, 0.05)
        ),
        #EDF4FF;
    box-shadow:
        0 0.5cqw 1.35cqw rgba(8, 29, 121, 0.055);
}

/* Uploaded image area */
.bbs7-frame .bbs7-card-image {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 15.3cqw;
    object-fit: cover;
    object-position: center;
}

/* Soft white overlay from image into text */
.bbs7-frame .bbs7-card-body::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: "";
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(248, 250, 255, 0.04) 0%,
            rgba(248, 250, 255, 0.10) 27%,
            rgba(248, 250, 255, 0.94) 64%,
            rgba(248, 250, 255, 1) 100%
        );
}

/* Card text */
.bbs7-frame .bbs7-card-copy {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
    min-height: 10.3cqw;
    margin: 0;
    padding: 0.85cqw 2.6cqw 1.2cqw;
    color: var(--bb-black);
    font-size: 1.22cqw;
    font-weight: 500;
    line-height: 1.28;
}

/* =========================================================
   RESULT BAR
   ========================================================= */

.bbs7-frame .bbs7-result {
    position: absolute;
    right: 4%;
    bottom: 10.15%;
    left: 4%;
    z-index: 18;
    display: grid;
    min-height: 7.45%;
    place-items: center;
    padding: 1cqw 2.2cqw;
    border-radius: 99cqw;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 38%,
            var(--bb-blue) 100%
        );
    box-shadow:
        0 0.75cqw 1.65cqw rgba(8, 29, 121, 0.17);
    font-size: 1.35cqw;
    font-weight: 800;
    line-height: 1.2;
    text-align: center;
}

/* =========================================================
   FOOTER
   ========================================================= */

.bbs7-frame .bbs7-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: flex;
    height: 6.15%;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 47%,
            var(--bb-blue) 100%
        );
}

.bbs7-frame .bbs7-footer-logo {
    display: block;
    width: 7.5cqw;
    max-height: 3.85cqw;
    object-fit: contain;
    object-position: left center;
}

.bbs7-frame .bbs7-footer-page {
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.78cqw;
    font-weight: 700;
}

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

@media (max-width: 1024px) {
    .bbs7-frame {
        overflow-x: auto;
    }

    .bbs7-frame .bbs7-stage {
        width: 1280px;
        min-width: 1280px;
    }
}

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

@media (max-width: 767px) {
    .bbs7-frame .bbs7-stage {
        width: 980px;
        min-width: 980px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dbd6f8d *//* =========================================================
   BRIGHT BRAINS — SERVICE REQUEST MANAGEMENT
   Reference ratio: 2048 × 1151
   External SVG icons
   No JavaScript
   ========================================================= */

.bbs8-frame {
    --bb-navy: #081D79;
    --bb-navy-2: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-black: #101114;
    --bb-body: #171923;
    --bb-card-border: rgba(8, 127, 252, 0.30);

    position: relative;
    width: 100%;
    overflow: hidden;
    background: #F8FAFF;
    font-family: Arial, Helvetica, sans-serif;
}

.bbs8-frame,
.bbs8-frame * {
    box-sizing: border-box;
}

/* =========================================================
   MAIN CANVAS
   ========================================================= */

.bbs8-frame .bbs8-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    background:
        radial-gradient(
            circle at 25% 80%,
            rgba(126, 162, 254, 0.13),
            transparent 33%
        ),
        radial-gradient(
            circle at 85% 54%,
            rgba(63, 229, 255, 0.07),
            transparent 28%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFCFF 58%,
            #EEF5FF 100%
        );
}

/* Fine texture */
.bbs8-frame .bbs8-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.18;
    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.20) 0.55px,
            transparent 0.55px
        );
    background-size: 6px 6px;
}

/* =========================================================
   TOP TABS
   ========================================================= */

.bbs8-frame .bbs8-tabs {
    position: absolute;
    top: 2.45%;
    left: 4%;
    z-index: 40;
    display: grid;
    width: 73%;
    grid-template-columns: 1fr 1fr 1fr 1fr 1.35fr;
    gap: 1.15cqw;
}

.bbs8-frame .bbs8-tab {
    display: grid;
    min-height: 1.86cqw;
    place-items: center;
    padding: 0.34cqw 0.9cqw;
    border: 0.055cqw solid rgba(8, 127, 252, 0.24);
    border-radius: 99cqw;
    color: rgba(8, 29, 121, 0.50);
    background: rgba(255, 255, 255, 0.88);
    font-size: 0.73cqw;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    white-space: nowrap;
}

.bbs8-frame .bbs8-tab-active {
    border-color: transparent;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy),
            var(--bb-blue)
        );
}

/* =========================================================
   TITLE
   ========================================================= */

.bbs8-frame .bbs8-title {
    position: absolute;
    top: 10.9%;
    left: 4%;
    z-index: 30;
    max-width: 56%;
    margin: 0;
    color: var(--bb-black);
    font-size: 2.65cqw;
    font-weight: 800;
    letter-spacing: -0.08cqw;
    line-height: 1.12;
}

/* =========================================================
   LARGE LEFT PANEL
   ========================================================= */

.bbs8-frame .bbs8-left-panel {
    position: absolute;
    bottom: 6.15%;
    left: 0;
    z-index: 5;
    width: 56.2%;
    height: 58.4%;
    overflow: hidden;
    border-radius: 0 4.1cqw 0 0;
    background:
        linear-gradient(
            135deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 45%,
            var(--bb-blue) 100%
        );
}

.bbs8-frame .bbs8-left-panel::before {
    position: absolute;
    right: -12%;
    bottom: -31%;
    width: 86%;
    aspect-ratio: 1 / 1;
    border: 0.10cqw solid rgba(255, 255, 255, 0.10);
    border-radius: 50%;
    content: "";
}

.bbs8-frame .bbs8-left-panel::after {
    position: absolute;
    right: 7%;
    bottom: -34%;
    width: 68%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    content: "";
    opacity: 0.30;
    background:
        radial-gradient(
            circle,
            rgba(63, 229, 255, 0.24),
            transparent 67%
        );
}

/* =========================================================
   PHONE COLLAGE
   ========================================================= */

.bbs8-frame .bbs8-phones-wrap {
    position: absolute;
    bottom: 6.15%;
    left: 1.65%;
    z-index: 15;
    width: 31%;
    height: 68%;
    overflow: visible;
    pointer-events: none;
}

.bbs8-frame .bbs8-phones {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    max-width: none;
    height: auto;
    object-fit: contain;
    object-position: left bottom;
    filter:
        drop-shadow(0 0.95cqw 1.3cqw rgba(8, 29, 121, 0.21));
}

/* =========================================================
   STAFF IMAGE
   ========================================================= */

.bbs8-frame .bbs8-staff {
    position: absolute;
    bottom: 6.15%;
    left: 28.5%;
    z-index: 18;
    display: block;
    width: 18%;
    max-width: none;
    height: auto;
    object-fit: contain;
    object-position: center bottom;
    filter:
        drop-shadow(0 0.85cqw 1.1cqw rgba(8, 29, 121, 0.16));
}

/* =========================================================
   CENTER MESSAGE
   ========================================================= */

.bbs8-frame .bbs8-message {
    position: absolute;
    top: 41.1%;
    left: 35%;
    z-index: 20;
    width: 18.6%;
    margin: 0;
    color: #FFFFFF;
    font-size: 1.72cqw;
    font-weight: 800;
    line-height: 1.31;
    text-align: center;
}

/* =========================================================
   RIGHT FEATURE GRID
   ========================================================= */

.bbs8-frame .bbs8-grid {
    position: absolute;
    top: 12.8%;
    right: 4.25%;
    bottom: 10%;
    left: 58.8%;
    z-index: 20;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(2, minmax(0, 1fr));
    gap: 2.1% 3.5%;
}

/* =========================================================
   FEATURE CARD
   ========================================================= */

.bbs8-frame .bbs8-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: 1.75cqw 1.7cqw 1.35cqw;
    border: 0.11cqw solid var(--bb-card-border);
    border-radius: 1.15cqw;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.92),
            rgba(232, 244, 255, 0.71)
        );
    box-shadow:
        inset 0 0 2.4cqw rgba(126, 162, 254, 0.055),
        0 0.42cqw 1.2cqw rgba(8, 29, 121, 0.035);
    backdrop-filter: blur(3px);
}

/* =========================================================
   EXTERNAL SVG ICONS
   ========================================================= */

.bbs8-frame .bbs8-icon {
    display: grid;
    width: 4.7cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
    margin-bottom: 1.2cqw;
    border: 0.06cqw solid rgba(8, 127, 252, 0.30);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
        0 0.32cqw 0.82cqw rgba(8, 29, 121, 0.06);
}

.bbs8-frame .bbs8-icon img {
    display: block;
    width: 62%;
    height: 62%;
    object-fit: contain;
    object-position: center;
}

/* =========================================================
   CARD TEXT
   ========================================================= */

.bbs8-frame .bbs8-card-title {
    margin: 0;
    color: var(--bb-navy);
    font-size: 1.28cqw;
    font-weight: 800;
    line-height: 1.17;
}

.bbs8-frame .bbs8-card-text {
    margin: 0.85cqw 0 0;
    color: var(--bb-body);
    font-size: 1.03cqw;
    font-weight: 500;
    line-height: 1.28;
}

/* =========================================================
   FOOTER
   ========================================================= */

.bbs8-frame .bbs8-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 40;
    display: flex;
    height: 6.15%;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 47%,
            var(--bb-blue) 100%
        );
}

.bbs8-frame .bbs8-footer-logo {
    display: block;
    width: 7.5cqw;
    max-height: 3.85cqw;
    object-fit: contain;
    object-position: left center;
}

.bbs8-frame .bbs8-footer-page {
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.78cqw;
    font-weight: 700;
}

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

@media (max-width: 1024px) {
    .bbs8-frame {
        overflow-x: auto;
    }

    .bbs8-frame .bbs8-stage {
        width: 1280px;
        min-width: 1280px;
    }
}

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

@media (max-width: 767px) {
    .bbs8-frame .bbs8-stage {
        width: 980px;
        min-width: 980px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-87aec8e *//* =========================================================
   BRIGHT BRAINS — BUSINESS IMPACT
   Reference ratio: 2048 × 1151
   External SVG icons
   No JavaScript
   ========================================================= */

.bbs9-frame {
    --bb-navy: #081D79;
    --bb-navy-2: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-black: #101114;
    --bb-body: #171923;
    --bb-card-border: rgba(8, 127, 252, 0.18);
    --bb-divider: rgba(8, 127, 252, 0.42);

    position: relative;
    width: 100%;
    overflow: hidden;
    background: #F8FAFF;
    font-family: Arial, Helvetica, sans-serif;
}

.bbs9-frame,
.bbs9-frame * {
    box-sizing: border-box;
}

/* =========================================================
   MAIN CANVAS
   ========================================================= */

.bbs9-frame .bbs9-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    background:
        radial-gradient(
            circle at 14% 79%,
            rgba(126, 162, 254, 0.11),
            transparent 28%
        ),
        radial-gradient(
            circle at 86% 73%,
            rgba(63, 229, 255, 0.07),
            transparent 29%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFCFF 60%,
            #EEF5FF 100%
        );
}

/* Fine paper texture */
.bbs9-frame .bbs9-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.18;
    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.20) 0.55px,
            transparent 0.55px
        );
    background-size: 6px 6px;
}

/* Diagonal background shape in the top-right corner */
.bbs9-frame .bbs9-stage::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 43%;
    height: 39%;
    content: "";
    pointer-events: none;
    opacity: 0.62;
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 53% 100%);
    background:
        linear-gradient(
            135deg,
            rgba(126, 162, 254, 0.12),
            rgba(8, 127, 252, 0.08)
        );
}

/* =========================================================
   HEADER
   ========================================================= */

.bbs9-frame .bbs9-header {
    position: absolute;
    top: 7.2%;
    left: 4%;
    z-index: 20;
    width: 90%;
}

.bbs9-frame .bbs9-eyebrow {
    margin: 0 0 1.05cqw;
    color: var(--bb-blue);
    font-size: 0.92cqw;
    font-weight: 700;
    letter-spacing: 0.035cqw;
    line-height: 1;
    text-transform: uppercase;
}

.bbs9-frame .bbs9-title {
    max-width: 91%;
    margin: 0;
    color: var(--bb-black);
    font-size: 2.5cqw;
    font-weight: 800;
    letter-spacing: -0.075cqw;
    line-height: 1.13;
}

/* =========================================================
   IMPACT CARDS GRID
   ========================================================= */

.bbs9-frame .bbs9-grid {
    position: absolute;
    top: 32.9%;
    right: 4%;
    bottom: 10.5%;
    left: 4%;
    z-index: 10;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 1.2%;
}

/* =========================================================
   IMPACT CARD
   ========================================================= */

.bbs9-frame .bbs9-card {
    position: relative;
    min-width: 0;
    overflow: hidden;
    border-top: 0.48cqw solid var(--bb-blue);
    background:
        linear-gradient(
            160deg,
            rgba(255, 255, 255, 0.94),
            rgba(238, 246, 255, 0.80)
        );
    box-shadow:
        0 0.48cqw 1.45cqw rgba(8, 29, 121, 0.045);
}

/* =========================================================
   CARD IMAGE
   ========================================================= */

.bbs9-frame .bbs9-card-visual {
    position: relative;
    height: 12.2cqw;
    overflow: hidden;
    background:
        linear-gradient(
            135deg,
            rgba(126, 162, 254, 0.16),
            rgba(8, 127, 252, 0.10)
        );
}

.bbs9-frame .bbs9-card-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

/* Light brand overlay */
.bbs9-frame .bbs9-card-visual::after {
    position: absolute;
    inset: 0;
    z-index: 2;
    content: "";
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(8, 29, 121, 0.06),
            transparent 63%
        );
}

/* =========================================================
   EXTERNAL SVG ICONS
   ========================================================= */

.bbs9-frame .bbs9-icon {
    position: absolute;
    top: 3.05cqw;
    left: 2.4cqw;
    z-index: 5;
    display: grid;
    width: 5.05cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
    border: 0.065cqw solid rgba(8, 127, 252, 0.31);
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.96);
    box-shadow:
        0 0.36cqw 0.9cqw rgba(8, 29, 121, 0.06);
}

.bbs9-frame .bbs9-icon img {
    display: block;
    width: 62%;
    height: 62%;
    object-fit: contain;
    object-position: center;
}

/* =========================================================
   CARD BODY
   ========================================================= */

.bbs9-frame .bbs9-card-body {
    padding: 1.9cqw 2.55cqw 1.45cqw;
}

.bbs9-frame .bbs9-card-title {
    min-height: 4.35cqw;
    margin: 0;
    color: var(--bb-navy);
    font-size: 1.85cqw;
    font-weight: 800;
    letter-spacing: -0.045cqw;
    line-height: 1.12;
}

.bbs9-frame .bbs9-divider {
    width: 100%;
    height: 0.065cqw;
    margin: 1.35cqw 0 1.48cqw;
    background: var(--bb-divider);
}

.bbs9-frame .bbs9-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.bbs9-frame .bbs9-list li {
    position: relative;
    padding-left: 2.3cqw;
    color: var(--bb-body);
    font-size: 1.08cqw;
    font-weight: 500;
    line-height: 1.32;
}

.bbs9-frame .bbs9-list li + li {
    margin-top: 0.9cqw;
}

.bbs9-frame .bbs9-list li::before {
    position: absolute;
    top: 0.13em;
    left: 0;
    color: var(--bb-blue);
    content: "•";
    font-size: 1.55em;
    font-weight: 800;
    line-height: 1;
}

/* =========================================================
   FOOTER
   ========================================================= */

.bbs9-frame .bbs9-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: flex;
    height: 6.15%;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 47%,
            var(--bb-blue) 100%
        );
}

.bbs9-frame .bbs9-footer-logo {
    display: block;
    width: 7.5cqw;
    max-height: 3.85cqw;
    object-fit: contain;
    object-position: left center;
}

.bbs9-frame .bbs9-footer-page {
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.78cqw;
    font-weight: 700;
}

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

@media (max-width: 1024px) {
    .bbs9-frame {
        overflow-x: auto;
    }

    .bbs9-frame .bbs9-stage {
        width: 1280px;
        min-width: 1280px;
    }
}

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

@media (max-width: 767px) {
    .bbs9-frame .bbs9-stage {
        width: 980px;
        min-width: 980px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-12b39c5 *//* =========================================================
   BRIGHT BRAINS — COMMERCIAL OPPORTUNITY
   Reference ratio: 2048 × 1151
   External SVG icons
   No JavaScript
   ========================================================= */

.bbs10-frame {
    --bb-navy: #081D79;
    --bb-navy-2: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-black: #101114;
    --bb-body: #171923;
    --bb-muted: #5F6B85;
    --bb-card: rgba(240, 246, 255, 0.90);
    --bb-card-soft: rgba(255, 255, 255, 0.72);
    --bb-line: rgba(8, 127, 252, 0.30);

    position: relative;
    width: 100%;
    overflow: hidden;
    background: #F8FAFF;
    font-family: Arial, Helvetica, sans-serif;
}

.bbs10-frame,
.bbs10-frame * {
    box-sizing: border-box;
}

/* =========================================================
   MAIN CANVAS
   ========================================================= */

.bbs10-frame .bbs10-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    background:
        radial-gradient(
            circle at 16% 77%,
            rgba(126, 162, 254, 0.10),
            transparent 27%
        ),
        radial-gradient(
            circle at 88% 65%,
            rgba(63, 229, 255, 0.07),
            transparent 24%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFCFF 59%,
            #EEF5FF 100%
        );
}

/* Fine paper texture */
.bbs10-frame .bbs10-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.18;
    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.20) 0.55px,
            transparent 0.55px
        );
    background-size: 6px 6px;
}

/* Top-right diagonal decoration */
.bbs10-frame .bbs10-stage::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 43%;
    height: 35%;
    content: "";
    pointer-events: none;
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 54% 100%);
    background:
        linear-gradient(
            135deg,
            rgba(126, 162, 254, 0.15),
            rgba(8, 127, 252, 0.07)
        );
}

/* =========================================================
   HEADER
   ========================================================= */

.bbs10-frame .bbs10-header {
    position: absolute;
    top: 7.2%;
    left: 4%;
    z-index: 20;
    width: 91%;
}

.bbs10-frame .bbs10-eyebrow {
    margin: 0 0 1.05cqw;
    color: var(--bb-blue);
    font-size: 0.92cqw;
    font-weight: 700;
    letter-spacing: 0.035cqw;
    line-height: 1;
    text-transform: uppercase;
}

.bbs10-frame .bbs10-title {
    max-width: 90%;
    margin: 0;
    color: var(--bb-black);
    font-size: 2.46cqw;
    font-weight: 800;
    letter-spacing: -0.072cqw;
    line-height: 1.12;
}

/* =========================================================
   MAIN CONTENT LAYOUT
   ========================================================= */

.bbs10-frame .bbs10-content {
    position: absolute;
    top: 24.9%;
    right: 4%;
    bottom: 10.4%;
    left: 4%;
    z-index: 10;
    display: grid;
    grid-template-columns: 25.6% 49% 19.8%;
    gap: 2.8%;
}

/* =========================================================
   SECTION LABELS
   ========================================================= */

.bbs10-frame .bbs10-block-title {
    margin: 0 0 1.45cqw;
    color: var(--bb-navy);
    font-size: 1.24cqw;
    font-weight: 800;
    line-height: 1;
}

.bbs10-frame .bbs10-model-heading {
    display: grid;
    margin: 0 0 1.45cqw;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 2cqw;
}

.bbs10-frame .bbs10-model-heading h3 {
    margin: 0;
    color: var(--bb-navy);
    font-size: 1.24cqw;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.bbs10-frame .bbs10-model-line {
    height: 0.065cqw;
    background: var(--bb-line);
}

/* =========================================================
   LEFT ASSUMPTIONS PANEL
   ========================================================= */

.bbs10-frame .bbs10-assumptions-panel {
    min-height: 35.5cqw;
    overflow: hidden;
    padding: 2.1cqw 2cqw 1.55cqw;
    border-radius: 1.3cqw;
    background:
        linear-gradient(
            145deg,
            rgba(232, 244, 255, 0.94),
            rgba(255, 255, 255, 0.80)
        );
    box-shadow:
        inset 0 0 2.5cqw rgba(126, 162, 254, 0.06),
        0 0.48cqw 1.4cqw rgba(8, 29, 121, 0.045);
}

.bbs10-frame .bbs10-assumptions-grid {
    display: grid;
    height: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.bbs10-frame .bbs10-assumption {
    position: relative;
    min-width: 0;
    padding: 0 1.55cqw 1.1cqw 0;
}

.bbs10-frame .bbs10-assumption:nth-child(even) {
    padding-right: 0;
    padding-left: 1.8cqw;
    border-left: 0.065cqw solid var(--bb-line);
}

.bbs10-frame .bbs10-assumption:nth-child(n+3) {
    padding-top: 1.45cqw;
    border-top: 0.065cqw solid var(--bb-line);
}

.bbs10-frame .bbs10-assumption-icon {
    display: grid;
    width: 2.8cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
    margin-bottom: 0.7cqw;
}

.bbs10-frame .bbs10-assumption-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.bbs10-frame .bbs10-assumption-value {
    margin: 0;
    color: var(--bb-blue);
    font-size: 1.94cqw;
    font-weight: 800;
    letter-spacing: -0.035cqw;
    line-height: 1;
}

.bbs10-frame .bbs10-assumption-label {
    margin: 0.6cqw 0 0;
    color: var(--bb-black);
    font-size: 0.91cqw;
    font-weight: 500;
    line-height: 1.18;
}

/* =========================================================
   REVENUE MODEL PANEL
   ========================================================= */

.bbs10-frame .bbs10-model-panel {
    min-height: 35.5cqw;
    padding: 1.95cqw 2.25cqw;
    border-radius: 1.3cqw;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.92),
            rgba(238, 246, 255, 0.84)
        );
    box-shadow:
        inset 0 0 2.5cqw rgba(126, 162, 254, 0.055),
        0 0.48cqw 1.4cqw rgba(8, 29, 121, 0.04);
}

.bbs10-frame .bbs10-model-row {
    display: grid;
    min-height: 5.85cqw;
    grid-template-columns: 29% 1fr;
    align-items: start;
    gap: 1.7cqw;
    padding: 1cqw 0 0.98cqw;
}

.bbs10-frame .bbs10-model-row:first-child {
    padding-top: 0;
}

.bbs10-frame .bbs10-model-row + .bbs10-model-row {
    border-top: 0.065cqw solid var(--bb-line);
}

.bbs10-frame .bbs10-model-label {
    margin: 0;
    color: var(--bb-body);
    font-size: 0.96cqw;
    font-weight: 500;
    line-height: 1.19;
}

.bbs10-frame .bbs10-model-value {
    margin: 0;
    color: var(--bb-black);
    font-size: 1.18cqw;
    font-weight: 500;
    line-height: 1.36;
}

.bbs10-frame .bbs10-model-value strong {
    color: var(--bb-navy);
    font-weight: 800;
}

/* =========================================================
   RESULT CARD
   ========================================================= */

.bbs10-frame .bbs10-result-card {
    position: relative;
    min-height: 39.7cqw;
    overflow: hidden;
    border-radius: 1.3cqw;
    background:
        linear-gradient(
            180deg,
            var(--bb-blue) 0%,
            var(--bb-navy-2) 100%
        );
    box-shadow:
        0 0.7cqw 1.65cqw rgba(8, 29, 121, 0.16);
}

.bbs10-frame .bbs10-result-image-wrap {
    position: relative;
    height: 18.7cqw;
    overflow: hidden;
}

.bbs10-frame .bbs10-result-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* Gradient blend between image and result */
.bbs10-frame .bbs10-result-image-wrap::after {
    position: absolute;
    inset: 0;
    content: "";
    pointer-events: none;
    background:
        linear-gradient(
            180deg,
            rgba(8, 29, 121, 0.03) 0%,
            rgba(8, 29, 121, 0.06) 46%,
            var(--bb-blue) 100%
        );
}

.bbs10-frame .bbs10-result-copy {
    position: relative;
    z-index: 5;
    padding: 0.25cqw 1.45cqw 1.45cqw;
}

.bbs10-frame .bbs10-result-number {
    margin: 0;
    color: #FFFFFF;
    font-size: 3.65cqw;
    font-weight: 800;
    letter-spacing: -0.13cqw;
    line-height: 1;
}

.bbs10-frame .bbs10-result-label {
    margin: 2.15cqw 0 0;
    color: rgba(255, 255, 255, 0.98);
    font-size: 1.42cqw;
    font-weight: 800;
    line-height: 1.28;
}

/* =========================================================
   FOOTER
   ========================================================= */

.bbs10-frame .bbs10-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: flex;
    height: 6.15%;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 47%,
            var(--bb-blue) 100%
        );
}

.bbs10-frame .bbs10-footer-logo {
    display: block;
    width: 7.5cqw;
    max-height: 3.85cqw;
    object-fit: contain;
    object-position: left center;
}

.bbs10-frame .bbs10-footer-page {
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.78cqw;
    font-weight: 700;
}

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

@media (max-width: 1024px) {
    .bbs10-frame {
        overflow-x: auto;
    }

    .bbs10-frame .bbs10-stage {
        width: 1280px;
        min-width: 1280px;
    }
}

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

@media (max-width: 767px) {
    .bbs10-frame .bbs10-stage {
        width: 980px;
        min-width: 980px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ac45d02 *//* =========================================================
   BRIGHT BRAINS — OPERATING SAVINGS
   Reference ratio: 2048 × 1151
   External SVG icons
   No JavaScript
   ========================================================= */

.bbs11-frame {
    --bb-navy: #081D79;
    --bb-navy-2: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-black: #101114;
    --bb-body: #171923;
    --bb-line: rgba(8, 127, 252, 0.30);

    position: relative;
    width: 100%;
    overflow: hidden;
    background: #F8FAFF;
    font-family: Arial, Helvetica, sans-serif;
}

.bbs11-frame,
.bbs11-frame * {
    box-sizing: border-box;
}

/* =========================================================
   MAIN CANVAS
   ========================================================= */

.bbs11-frame .bbs11-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    background:
        radial-gradient(
            circle at 15% 78%,
            rgba(126, 162, 254, 0.11),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 68%,
            rgba(63, 229, 255, 0.07),
            transparent 27%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFCFF 58%,
            #EEF5FF 100%
        );
}

/* Fine paper texture */
.bbs11-frame .bbs11-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.18;
    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.20) 0.55px,
            transparent 0.55px
        );
    background-size: 6px 6px;
}

/* =========================================================
   HEADER
   ========================================================= */

.bbs11-frame .bbs11-header {
    position: absolute;
    top: 7.2%;
    left: 4%;
    z-index: 20;
    width: 91%;
}

.bbs11-frame .bbs11-eyebrow {
    margin: 0 0 1.05cqw;
    color: var(--bb-blue);
    font-size: 0.92cqw;
    font-weight: 700;
    letter-spacing: 0.035cqw;
    line-height: 1;
    text-transform: uppercase;
}

.bbs11-frame .bbs11-title {
    max-width: 91%;
    margin: 0;
    color: var(--bb-black);
    font-size: 2.46cqw;
    font-weight: 800;
    letter-spacing: -0.072cqw;
    line-height: 1.12;
}

/* =========================================================
   MAIN CONTENT GRID
   ========================================================= */

.bbs11-frame .bbs11-content {
    position: absolute;
    top: 24.9%;
    right: 4%;
    bottom: 10.4%;
    left: 4%;
    z-index: 10;
    display: grid;
    grid-template-columns: 25.6% 49% 19.8%;
    gap: 2.8%;
}

/* =========================================================
   SECTION TITLES
   ========================================================= */

.bbs11-frame .bbs11-block-title {
    margin: 0 0 1.45cqw;
    color: var(--bb-navy);
    font-size: 1.24cqw;
    font-weight: 800;
    line-height: 1;
}

.bbs11-frame .bbs11-model-heading {
    display: grid;
    margin: 0 0 1.45cqw;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 2cqw;
}

.bbs11-frame .bbs11-model-heading h3 {
    margin: 0;
    color: var(--bb-navy);
    font-size: 1.24cqw;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
}

.bbs11-frame .bbs11-model-line {
    height: 0.065cqw;
    background: var(--bb-line);
}

/* =========================================================
   LEFT ASSUMPTIONS PANEL
   ========================================================= */

.bbs11-frame .bbs11-assumptions-panel {
    min-height: 35.5cqw;
    overflow: hidden;
    padding: 2.1cqw 2cqw 1.55cqw;
    border-radius: 1.3cqw;
    background:
        linear-gradient(
            145deg,
            rgba(232, 244, 255, 0.94),
            rgba(255, 255, 255, 0.82)
        );
    box-shadow:
        inset 0 0 2.5cqw rgba(126, 162, 254, 0.06),
        0 0.48cqw 1.4cqw rgba(8, 29, 121, 0.045);
}

.bbs11-frame .bbs11-assumptions-grid {
    display: grid;
    height: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.bbs11-frame .bbs11-assumption {
    position: relative;
    min-width: 0;
    padding: 0 1.55cqw 1.1cqw 0;
}

.bbs11-frame .bbs11-assumption:nth-child(even) {
    padding-right: 0;
    padding-left: 1.8cqw;
    border-left: 0.065cqw solid var(--bb-line);
}

.bbs11-frame .bbs11-assumption:nth-child(n+3) {
    padding-top: 1.45cqw;
    border-top: 0.065cqw solid var(--bb-line);
}

/* =========================================================
   EXTERNAL SVG ICONS
   ========================================================= */

.bbs11-frame .bbs11-assumption-icon {
    display: grid;
    width: 2.8cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
    margin-bottom: 0.7cqw;
}

.bbs11-frame .bbs11-assumption-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.bbs11-frame .bbs11-assumption-value {
    margin: 0;
    color: var(--bb-blue);
    font-size: 1.94cqw;
    font-weight: 800;
    letter-spacing: -0.035cqw;
    line-height: 1;
}

.bbs11-frame .bbs11-assumption-label {
    margin: 0.6cqw 0 0;
    color: var(--bb-black);
    font-size: 0.91cqw;
    font-weight: 500;
    line-height: 1.18;
}

/* =========================================================
   OPERATING SAVINGS PANEL
   ========================================================= */

.bbs11-frame .bbs11-model-panel {
    min-height: 35.5cqw;
    padding: 1.95cqw 2.25cqw;
    border-radius: 1.3cqw;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.92),
            rgba(238, 246, 255, 0.84)
        );
    box-shadow:
        inset 0 0 2.5cqw rgba(126, 162, 254, 0.055),
        0 0.48cqw 1.4cqw rgba(8, 29, 121, 0.04);
}

.bbs11-frame .bbs11-model-row {
    display: grid;
    min-height: 6.65cqw;
    grid-template-columns: 38% 1fr;
    align-items: start;
    gap: 1.55cqw;
    padding: 1.22cqw 0 1.08cqw;
}

.bbs11-frame .bbs11-model-row:first-child {
    min-height: 5.7cqw;
    padding-top: 0;
}

.bbs11-frame .bbs11-model-row + .bbs11-model-row {
    border-top: 0.065cqw solid var(--bb-line);
}

.bbs11-frame .bbs11-model-label {
    margin: 0;
    color: var(--bb-body);
    font-size: 0.96cqw;
    font-weight: 500;
    line-height: 1.2;
}

.bbs11-frame .bbs11-model-label small {
    display: block;
    margin-top: 0.45cqw;
    color: var(--bb-body);
    font-size: 0.77cqw;
    font-style: italic;
    line-height: 1.3;
}

.bbs11-frame .bbs11-model-value {
    margin: 0;
    color: var(--bb-black);
    font-size: 1.18cqw;
    font-weight: 500;
    line-height: 1.36;
}

.bbs11-frame .bbs11-model-value strong {
    color: var(--bb-blue);
    font-weight: 800;
}

/* =========================================================
   RIGHT RESULTS COLUMN
   ========================================================= */

.bbs11-frame .bbs11-results {
    display: grid;
    min-height: 39.7cqw;
    grid-template-rows: 12.4cqw 7.4cqw 12.4cqw;
    gap: 4.1cqw;
}

.bbs11-frame .bbs11-result-card {
    display: grid;
    place-items: center;
    padding: 1.25cqw 1.1cqw;
    border-radius: 1.05cqw;
    color: #FFFFFF;
    text-align: center;
    background:
        linear-gradient(
            135deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 48%,
            var(--bb-blue) 100%
        );
    box-shadow:
        0 0.72cqw 1.55cqw rgba(8, 29, 121, 0.16);
}

.bbs11-frame .bbs11-result-number {
    margin: 0;
    color: #FFFFFF;
    font-size: 3.45cqw;
    font-weight: 800;
    letter-spacing: -0.12cqw;
    line-height: 1;
}

.bbs11-frame .bbs11-result-label {
    margin: 1.05cqw 0 0;
    color: rgba(255, 255, 255, 0.98);
    font-size: 1.33cqw;
    font-weight: 800;
    line-height: 1.24;
}

.bbs11-frame .bbs11-combined-value {
    display: grid;
    place-items: center;
    padding: 0.95cqw 0.8cqw;
    border-radius: 0.7cqw;
    background:
        linear-gradient(
            145deg,
            rgba(255, 255, 255, 0.94),
            rgba(232, 244, 255, 0.84)
        );
    box-shadow:
        0 0.42cqw 1cqw rgba(8, 29, 121, 0.04);
}

.bbs11-frame .bbs11-combined-value p {
    margin: 0;
    color: var(--bb-black);
    font-size: 1.03cqw;
    font-weight: 500;
    line-height: 1.22;
}

.bbs11-frame .bbs11-combined-value strong {
    display: block;
    margin-top: 0.55cqw;
    color: var(--bb-blue);
    font-size: 1.32cqw;
    font-weight: 800;
}

/* =========================================================
   FOOTER
   ========================================================= */

.bbs11-frame .bbs11-footer {
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    z-index: 30;
    display: flex;
    height: 6.15%;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-navy-2) 47%,
            var(--bb-blue) 100%
        );
}

.bbs11-frame .bbs11-footer-logo {
    display: block;
    width: 7.5cqw;
    max-height: 3.85cqw;
    object-fit: contain;
    object-position: left center;
}

.bbs11-frame .bbs11-footer-page {
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.78cqw;
    font-weight: 700;
}

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

@media (max-width: 1024px) {
    .bbs11-frame {
        overflow-x: auto;
    }

    .bbs11-frame .bbs11-stage {
        width: 1280px;
        min-width: 1280px;
    }
}

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

@media (max-width: 767px) {
    .bbs11-frame .bbs11-stage {
        width: 980px;
        min-width: 980px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec93c9e *//* =========================================================
   BRIGHT BRAINS — FINAL CLOSING SECTION
   Reference ratio: 2048 × 1151
   One transparent image containing the two phones
   No JavaScript
   ========================================================= */

.bbs12-frame {
    --bb-navy: #081D79;
    --bb-navy-2: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-black: #101114;

    position: relative;
    width: 100%;
    overflow: hidden;
    background: #F8FAFF;
    font-family: Arial, Helvetica, sans-serif;
}

.bbs12-frame,
.bbs12-frame * {
    box-sizing: border-box;
}

/* =========================================================
   MAIN CANVAS
   ========================================================= */

.bbs12-frame .bbs12-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;

    background:
        radial-gradient(
            circle at 18% 24%,
            rgba(126, 162, 254, 0.16),
            transparent 31%
        ),
        radial-gradient(
            circle at 82% 14%,
            rgba(63, 229, 255, 0.12),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #F7FAFF 0%,
            #FFFFFF 44%,
            #EEF6FF 100%
        );
}

/* Fine paper texture */
.bbs12-frame .bbs12-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.18;

    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.20) 0.55px,
            transparent 0.55px
        );

    background-size: 6px 6px;
}

/* Soft decorative glow */
.bbs12-frame .bbs12-stage::after {
    position: absolute;
    top: 6%;
    right: -10%;
    z-index: 1;
    width: 54%;
    height: 45%;
    border-radius: 50%;
    content: "";
    pointer-events: none;
    opacity: 0.34;

    background:
        radial-gradient(
            circle,
            rgba(8, 127, 252, 0.22),
            rgba(126, 162, 254, 0.08) 56%,
            transparent 72%
        );
}

/* =========================================================
   LOGO
   ========================================================= */

.bbs12-frame .bbs12-logo {
    position: absolute;
    top: 12.7%;
    left: 6.2%;
    z-index: 20;
    display: block;
    width: 17.2cqw;
    max-width: none !important;
    max-height: 8cqw;
    object-fit: contain;
    object-position: left center;
}

/* =========================================================
   LEFT CONTENT
   ========================================================= */

.bbs12-frame .bbs12-copy {
    position: absolute;
    top: 27.3%;
    left: 6.2%;
    z-index: 20;
    width: 40%;
}

.bbs12-frame .bbs12-title {
    margin: 0;
    color: var(--bb-black);
    font-size: 4.05cqw;
    font-weight: 800;
    letter-spacing: -0.14cqw;
    line-height: 1.19;
}

.bbs12-frame .bbs12-title span {
    display: block;
    color: var(--bb-blue);
}

/* =========================================================
   DESCRIPTION CARD
   ========================================================= */

.bbs12-frame .bbs12-description-card {
    position: absolute;
    bottom: 0;
    left: 3.9%;
    z-index: 22;
    width: 47%;
    min-height: 32.5%;
    padding: 4.5cqw 3.1cqw 2.1cqw;
    border-radius: 4cqw 0 0 0;

    background:
        linear-gradient(
            135deg,
            rgba(8, 29, 121, 0.96),
            rgba(27, 33, 125, 0.94) 52%,
            rgba(8, 127, 252, 0.90)
        );

    box-shadow:
        0 -0.8cqw 2cqw rgba(8, 29, 121, 0.12);
}

.bbs12-frame .bbs12-description {
    max-width: 40cqw;
    margin: 0;
    color: rgba(255, 255, 255, 0.98);
    font-size: 1.7cqw;
    font-style: italic;
    font-weight: 500;
    line-height: 1.45;
}

.bbs12-frame .bbs12-description strong {
    color: #FFFFFF;
    font-weight: 800;
}

/* =========================================================
   BUILDING IMAGE
   ========================================================= */

.bbs12-frame .bbs12-building-wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 5;
    width: 55.5%;
    height: 74%;
    overflow: hidden;
}

.bbs12-frame .bbs12-building {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center bottom;
}

/* Blend building into the background */
.bbs12-frame .bbs12-building-wrap::after {
    position: absolute;
    inset: 0;
    z-index: 3;
    content: "";
    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(248, 250, 255, 0.88) 0%,
            rgba(248, 250, 255, 0.22) 22%,
            rgba(8, 127, 252, 0.04) 100%
        );
}

/* =========================================================
   PHONE COLLAGE
   Two phones inside one transparent PNG or WebP image
   ========================================================= */

.bbs12-frame .bbs12-phone-collage {
    position: absolute;
    top: 11.8%;
    right: 7.8%;
    z-index: 20;
    display: block;

    width: 48% !important;
    max-width: none !important;
    height: auto !important;

    object-fit: contain;
    object-position: center;
    pointer-events: none;

    filter:
        drop-shadow(0 1.15cqw 1.3cqw rgba(8, 29, 121, 0.24))
        drop-shadow(0 0.25cqw 0.22cqw rgba(0, 0, 0, 0.18));
}

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

@media (max-width: 1024px) {
    .bbs12-frame {
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .bbs12-frame .bbs12-stage {
        width: 1280px;
        min-width: 1280px;
    }
}

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

@media (max-width: 767px) {
    .bbs12-frame .bbs12-stage {
        width: 980px;
        min-width: 980px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c10a41b *//* =========================================================
   BRIGHT BRAINS — THANK YOU SECTION
   Brand identity colors
   Reference ratio: 2048 × 1151
   External SVG icons
   No JavaScript
   ========================================================= */

.bbty-frame {
    --bb-navy: #081D79;
    --bb-deep-blue: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-bg: #F7FAFF;
    --bb-text: #101828;
    --bb-muted: #34415E;

    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--bb-bg);
    font-family: Arial, Helvetica, sans-serif;
}

.bbty-frame,
.bbty-frame * {
    box-sizing: border-box;
}

/* =========================================================
   MAIN CANVAS
   ========================================================= */

.bbty-frame .bbty-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    background:
        radial-gradient(
            circle at 17% 17%,
            rgba(63, 229, 255, 0.17),
            transparent 28%
        ),
        radial-gradient(
            circle at 78% 34%,
            rgba(126, 162, 254, 0.17),
            transparent 32%
        ),
        radial-gradient(
            circle at 40% 93%,
            rgba(246, 62, 129, 0.08),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #FFFFFF 0%,
            #F7FAFF 46%,
            #EEF7FF 100%
        );
}

/* Fine background texture */
.bbty-frame .bbty-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.16;
    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.22) 0.55px,
            transparent 0.55px
        );
    background-size: 6px 6px;
}

/* Soft central glow */
.bbty-frame .bbty-stage::after {
    position: absolute;
    top: 12%;
    right: 4%;
    z-index: 1;
    width: 39%;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    content: "";
    pointer-events: none;
    opacity: 0.55;
    background:
        radial-gradient(
            circle,
            rgba(255, 255, 255, 0.90) 0%,
            rgba(126, 162, 254, 0.16) 54%,
            transparent 74%
        );
}

/* =========================================================
   DECORATIVE BRAND SHAPES
   ========================================================= */

.bbty-frame .bbty-shape-top {
    position: absolute;
    top: -10%;
    right: -5%;
    z-index: 2;
    width: 43%;
    height: 33%;
    border-radius: 0 0 0 7cqw;
    background:
        linear-gradient(
            135deg,
            var(--bb-navy) 0%,
            var(--bb-deep-blue) 53%,
            var(--bb-purple) 100%
        );
    transform: rotate(5deg);
    transform-origin: top right;
}

.bbty-frame .bbty-shape-bottom {
    position: absolute;
    right: -7%;
    bottom: -13%;
    z-index: 2;
    width: 37%;
    height: 39%;
    border-radius: 9cqw 0 0 0;
    background:
        linear-gradient(
            135deg,
            var(--bb-purple) 0%,
            var(--bb-deep-blue) 36%,
            var(--bb-navy) 100%
        );
    transform: rotate(-8deg);
    transform-origin: bottom right;
}

.bbty-frame .bbty-soft-left {
    position: absolute;
    top: 2%;
    left: -12%;
    z-index: 1;
    width: 47%;
    height: 96%;
    border-radius: 44% 56% 51% 49% / 42% 45% 55% 58%;
    background:
        linear-gradient(
            145deg,
            rgba(63, 229, 255, 0.13),
            rgba(126, 162, 254, 0.08) 57%,
            rgba(255, 255, 255, 0.02)
        );
    transform: rotate(-8deg);
}

.bbty-frame .bbty-accent-blob {
    position: absolute;
    top: 22%;
    right: 10%;
    z-index: 3;
    width: 26%;
    aspect-ratio: 1 / 0.72;
    border-radius: 48% 52% 61% 39% / 52% 42% 58% 48%;
    opacity: 0.15;
    background:
        linear-gradient(
            135deg,
            var(--bb-cyan),
            var(--bb-blue) 43%,
            var(--bb-purple) 73%,
            var(--bb-pink)
        );
    transform: rotate(-9deg);
    filter: blur(0.35cqw);
}

.bbty-frame .bbty-lines-top,
.bbty-frame .bbty-lines-bottom {
    position: absolute;
    z-index: 3;
    width: 31%;
    height: 22%;
    pointer-events: none;
    opacity: 0.27;
    background:
        repeating-radial-gradient(
            ellipse at center,
            transparent 0 0.72cqw,
            rgba(8, 127, 252, 0.38) 0.77cqw 0.83cqw
        );
}

.bbty-frame .bbty-lines-top {
    top: -10%;
    left: -2%;
    transform: rotate(-8deg);
}

.bbty-frame .bbty-lines-bottom {
    bottom: -12%;
    left: 18%;
    transform: rotate(8deg);
}

/* =========================================================
   LEFT CONTENT
   ========================================================= */

.bbty-frame .bbty-left {
    position: absolute;
    top: 29.4%;
    left: 7.7%;
    z-index: 15;
    width: 47%;
}

.bbty-frame .bbty-title {
    margin: 0;
    color: var(--bb-navy);
    font-size: 5.25cqw;
    font-weight: 800;
    letter-spacing: -0.16cqw;
    line-height: 1;
}

.bbty-frame .bbty-title-line {
    display: flex;
    width: 31cqw;
    align-items: center;
    margin: 1.7cqw 0 2.5cqw;
    gap: 0.62cqw;
}

.bbty-frame .bbty-title-line::before {
    width: 27.7cqw;
    height: 0.13cqw;
    content: "";
    background:
        linear-gradient(
            90deg,
            var(--bb-navy),
            var(--bb-blue),
            var(--bb-cyan)
        );
}

.bbty-frame .bbty-title-line::after {
    width: 0.88cqw;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    content: "";
    background: var(--bb-pink);
}

.bbty-frame .bbty-small-title {
    margin: 0;
    color: var(--bb-text);
    font-size: 1.9cqw;
    font-weight: 500;
    line-height: 1.14;
}

.bbty-frame .bbty-owned {
    margin: 0.55cqw 0 0;
    color: var(--bb-blue);
    font-size: 3.6cqw;
    font-weight: 800;
    letter-spacing: -0.09cqw;
    line-height: 1.05;
}

.bbty-frame .bbty-brand-name {
    margin: 0.48cqw 0 0;
    color: var(--bb-navy);
    font-size: 4.5cqw;
    font-weight: 800;
    letter-spacing: -0.12cqw;
    line-height: 1;
}

.bbty-frame .bbty-small-accent {
    width: 4.5cqw;
    height: 0.36cqw;
    margin: 1.5cqw 0 1.85cqw;
    border-radius: 99cqw;
    background:
        linear-gradient(
            90deg,
            var(--bb-pink),
            var(--bb-purple),
            var(--bb-blue)
        );
}

.bbty-frame .bbty-description {
    max-width: 40cqw;
    margin: 0;
    color: var(--bb-muted);
    font-size: 1.54cqw;
    font-weight: 500;
    line-height: 1.36;
}

/* =========================================================
   RIGHT CONTENT
   ========================================================= */

.bbty-frame .bbty-right {
    position: absolute;
    top: 21.5%;
    right: 6.7%;
    z-index: 15;
    width: 35.7%;
}

.bbty-frame .bbty-logo {
    display: block;
    width: 25.5cqw;
    max-height: 17.5cqw;
    margin: 0 auto 3.15cqw;
    object-fit: contain;
    object-position: center;
    filter:
        drop-shadow(0 0.6cqw 0.9cqw rgba(8, 29, 121, 0.13));
}

/* =========================================================
   CONTACT AREA
   ========================================================= */

.bbty-frame .bbty-contact-area {
    position: relative;
    padding-left: 6.55cqw;
}

.bbty-frame .bbty-contact-area::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0.16cqw;
    border-radius: 99cqw;
    content: "";
    background:
        linear-gradient(
            180deg,
            var(--bb-cyan),
            var(--bb-blue),
            var(--bb-purple),
            var(--bb-pink)
        );
}

.bbty-frame .bbty-contact-list {
    display: flex;
    flex-direction: column;
    gap: 1.8cqw;
}

.bbty-frame .bbty-contact-row {
    display: grid;
    grid-template-columns: 4.7cqw 1fr;
    align-items: center;
    gap: 1.45cqw;
}

/* =========================================================
   CONTACT ICONS
   ========================================================= */

.bbty-frame .bbty-contact-icon {
    display: grid;
    width: 4.65cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
    border-radius: 50%;
    background:
        linear-gradient(
            135deg,
            var(--bb-navy) 0%,
            var(--bb-deep-blue) 44%,
            var(--bb-blue) 100%
        );
    box-shadow:
        0 0.45cqw 1cqw rgba(8, 29, 121, 0.18);
}

.bbty-frame .bbty-contact-icon img {
    display: block;
    width: 59%;
    height: 59%;
    object-fit: contain;
    object-position: center;
}

/* =========================================================
   CONTACT TEXT
   ========================================================= */

.bbty-frame .bbty-contact-label {
    margin: 0;
    color: var(--bb-muted);
    font-size: 1.24cqw;
    font-weight: 500;
    line-height: 1;
}

.bbty-frame .bbty-contact-value {
    display: inline-block;
    margin-top: 0.48cqw;
    color: var(--bb-navy);
    font-size: 1.53cqw;
    font-weight: 800;
    line-height: 1.05;
    text-decoration: none;
}

.bbty-frame .bbty-contact-value:hover {
    color: var(--bb-blue);
}

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

@media (max-width: 1024px) {
    .bbty-frame {
        overflow-x: auto;
    }

    .bbty-frame .bbty-stage {
        width: 1280px;
        min-width: 1280px;
    }
}

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

@media (max-width: 767px) {
    .bbty-frame .bbty-stage {
        width: 980px;
        min-width: 980px;
    }
}
.bbty-frame .bbty-contact-row:last-child .bbty-contact-label,
.bbty-frame .bbty-contact-row:last-child .bbty-contact-value {
    color: #FFFFFF;
}

.bbty-frame .bbty-contact-row:last-child .bbty-contact-value:hover {
    color: #FFFFFF;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7cdee22 *//* =========================================================
   BRIGHT BRAINS — SOURCE REFERENCES
   Reference ratio: 2048 × 1151
   External SVG link icon
   No JavaScript
   ========================================================= */

.bbs14-frame {
    --bb-navy: #081D79;
    --bb-deep-blue: #1B217D;
    --bb-blue: #087FFC;
    --bb-sky: #03A9FF;
    --bb-cyan: #3FE5FF;
    --bb-soft-blue: #7EA2FE;
    --bb-purple: #722778;
    --bb-pink: #F63E81;
    --bb-white: #FFFFFF;
    --bb-bg: #F8FAFF;
    --bb-text: #101828;
    --bb-muted: #34415E;
    --bb-line: rgba(8, 127, 252, 0.28);

    position: relative;
    width: 100%;
    overflow: hidden;
    background: var(--bb-bg);
    font-family: Arial, Helvetica, sans-serif;
}

.bbs14-frame,
.bbs14-frame * {
    box-sizing: border-box;
}

/* =========================================================
   MAIN CANVAS
   ========================================================= */

.bbs14-frame .bbs14-stage {
    position: relative;
    width: 100%;
    aspect-ratio: 2048 / 1151;
    overflow: hidden;
    isolation: isolate;
    container-type: inline-size;
    background:
        radial-gradient(
            circle at 15% 78%,
            rgba(126, 162, 254, 0.10),
            transparent 28%
        ),
        radial-gradient(
            circle at 88% 17%,
            rgba(63, 229, 255, 0.08),
            transparent 26%
        ),
        linear-gradient(
            180deg,
            #FFFFFF 0%,
            #FBFCFF 58%,
            #EEF6FF 100%
        );
}

/* Fine paper texture */
.bbs14-frame .bbs14-stage::before {
    position: absolute;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    opacity: 0.16;
    background-image:
        radial-gradient(
            rgba(8, 29, 121, 0.20) 0.55px,
            transparent 0.55px
        );
    background-size: 6px 6px;
}

/* Top-right decoration */
.bbs14-frame .bbs14-stage::after {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
    width: 43%;
    height: 35%;
    content: "";
    pointer-events: none;
    clip-path: polygon(18% 0, 100% 0, 100% 100%, 55% 100%);
    background:
        linear-gradient(
            135deg,
            rgba(126, 162, 254, 0.15),
            rgba(8, 127, 252, 0.07)
        );
}

/* =========================================================
   HEADER
   ========================================================= */

.bbs14-frame .bbs14-header {
    position: absolute;
    top: 8.3%;
    left: 4%;
    z-index: 20;
}

.bbs14-frame .bbs14-title {
    margin: 0;
    color: var(--bb-text);
    font-size: 3.55cqw;
    font-weight: 800;
    letter-spacing: -0.10cqw;
    line-height: 1;
}

/* =========================================================
   REFERENCES LIST
   ========================================================= */

.bbs14-frame .bbs14-list {
    position: absolute;
    top: 18.5%;
    left: 4%;
    z-index: 20;
    width: 61%;
}

.bbs14-frame .bbs14-item {
    position: relative;
    padding-left: 4cqw;
}

.bbs14-frame .bbs14-item + .bbs14-item {
    margin-top: 4.15cqw;
}

/* =========================================================
   NUMBER BADGE
   ========================================================= */

.bbs14-frame .bbs14-number {
    position: absolute;
    top: -0.38cqw;
    left: 0;
    display: grid;
    width: 3.05cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
    border: 0.075cqw solid rgba(8, 127, 252, 0.34);
    border-radius: 50%;
    color: var(--bb-blue);
    background: rgba(255, 255, 255, 0.96);
    font-size: 1.55cqw;
    font-weight: 800;
    line-height: 1;
    box-shadow:
        0 0.3cqw 0.75cqw rgba(8, 29, 121, 0.05);
}

/* =========================================================
   REFERENCE TEXT
   ========================================================= */

.bbs14-frame .bbs14-item-title {
    margin: 0;
    color: var(--bb-navy);
    font-size: 1.45cqw;
    font-weight: 800;
    line-height: 1.15;
}

.bbs14-frame .bbs14-source-name {
    margin: 0.72cqw 0 0;
    color: var(--bb-text);
    font-size: 1.05cqw;
    font-weight: 500;
    line-height: 1.28;
}

.bbs14-frame .bbs14-description {
    max-width: 58cqw;
    margin: 0.9cqw 0 0;
    color: var(--bb-text);
    font-size: 0.98cqw;
    font-weight: 500;
    line-height: 1.33;
}

/* =========================================================
   SOURCE LINK BUTTON
   ========================================================= */

.bbs14-frame .bbs14-link {
    display: inline-flex;
    min-width: 28cqw;
    min-height: 3.1cqw;
    align-items: center;
    gap: 0.85cqw;
    margin-top: 0.8cqw;
    padding: 0.55cqw 1.15cqw;
    border-radius: 0.46cqw;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-deep-blue) 42%,
            var(--bb-blue) 100%
        );
    box-shadow:
        0 0.45cqw 0.9cqw rgba(8, 29, 121, 0.14);
    font-size: 0.98cqw;
    font-weight: 700;
    line-height: 1.1;
    text-decoration: none;
    transition:
        transform 180ms ease,
        box-shadow 180ms ease;
}

.bbs14-frame .bbs14-link:hover {
    transform: translateY(-0.13cqw);
    box-shadow:
        0 0.65cqw 1.15cqw rgba(8, 29, 121, 0.20);
}

/* External SVG link icon */
.bbs14-frame .bbs14-link-icon {
    display: grid;
    width: 1.7cqw;
    aspect-ratio: 1 / 1;
    place-items: center;
    flex: 0 0 auto;
}

.bbs14-frame .bbs14-link-icon img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

/* =========================================================
   CALCULATION NOTE
   ========================================================= */

.bbs14-frame .bbs14-note {
    position: absolute;
    right: 7.1%;
    bottom: 7.9%;
    z-index: 12;
    width: 31%;
    min-height: 21%;
    padding: 4.9cqw 1.6cqw 1.35cqw 3.45cqw;
}

.bbs14-frame .bbs14-note::before {
    position: absolute;
    inset: 0;
    z-index: -1;
    content: "";
    opacity: 0.95;
    clip-path: polygon(24% 0, 100% 0, 100% 100%, 0 100%, 0 62%);
    background:
        linear-gradient(
            135deg,
            rgba(126, 162, 254, 0.18),
            rgba(8, 127, 252, 0.08)
        );
}

.bbs14-frame .bbs14-note-title {
    margin: 0;
    color: var(--bb-navy);
    font-size: 1.24cqw;
    font-weight: 800;
    line-height: 1.1;
}

.bbs14-frame .bbs14-note-text {
    margin: 0.68cqw 0 0;
    color: var(--bb-text);
    font-size: 0.92cqw;
    font-weight: 500;
    line-height: 1.36;
}

/* =========================================================
   FOOTER
   ========================================================= */

.bbs14-frame .bbs14-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    display: flex;
    height: 6.15%;
    align-items: center;
    justify-content: space-between;
    padding: 0 4%;
    color: #FFFFFF;
    background:
        linear-gradient(
            90deg,
            var(--bb-navy) 0%,
            var(--bb-deep-blue) 47%,
            var(--bb-blue) 100%
        );
}

.bbs14-frame .bbs14-footer-logo {
    display: block;
    width: 7.5cqw;
    max-height: 3.85cqw;
    object-fit: contain;
    object-position: left center;
}

.bbs14-frame .bbs14-footer-page {
    color: rgba(255, 255, 255, 0.94);
    font-size: 0.78cqw;
    font-weight: 700;
}

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

@media (max-width: 1024px) {
    .bbs14-frame {
        overflow-x: auto;
    }

    .bbs14-frame .bbs14-stage {
        width: 1280px;
        min-width: 1280px;
    }
}

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

@media (max-width: 767px) {
    .bbs14-frame .bbs14-stage {
        width: 980px;
        min-width: 980px;
    }
}/* End custom CSS */
/* Start custom CSS *//* =========================================================
   BRIGHT BRAINS — SOFT GLOBAL MOTION
   Smooth and subtle hover effects
   Add at the END of Additional CSS
   No JavaScript
   ========================================================= */

html {
    scroll-behavior: smooth;
}

/* =========================================================
   MOTION VARIABLES
   ========================================================= */

:where(
    .bbp2-frame,
    .bbs3-frame,
    .bbs4-frame,
    .bbs5-frame,
    .bbs6-frame,
    .bbs7-frame,
    .bbs8-frame,
    .bbs9-frame,
    .bbs10-frame,
    .bbs11-frame,
    .bbs12-frame,
    .bbty-frame,
    .bbs14-frame
) {
    --bb-motion-ease: cubic-bezier(0.22, 1, 0.36, 1);
    --bb-motion-fast: 360ms;
    --bb-motion-normal: 620ms;
    --bb-motion-slow: 900ms;

    --bb-shadow-soft:
        0 0.45cqw 1.1cqw rgba(8, 29, 121, 0.07);

    --bb-shadow-hover:
        0 0.9cqw 1.9cqw rgba(8, 29, 121, 0.13);

    --bb-glow-hover:
        0 0 0 0.08cqw rgba(63, 229, 255, 0.16),
        0 0.9cqw 1.9cqw rgba(8, 29, 121, 0.13);
}

/* =========================================================
   SMOOTH CARD TRANSITIONS
   ========================================================= */

:is(
    .bbp2-frame .bbp2-circle,
    .bbs3-frame .bbs3-ai-bar,
    .bbs4-frame .bbs4-step,
    .bbs5-frame .bbs5-card,
    .bbs6-frame .bbs6-info-row,
    .bbs7-frame .bbs7-card-body,
    .bbs8-frame .bbs8-card,
    .bbs9-frame .bbs9-card-body,
    .bbs10-frame .bbs10-assumptions-panel,
    .bbs10-frame .bbs10-model-panel,
    .bbs10-frame .bbs10-result-card,
    .bbs11-frame .bbs11-assumptions-panel,
    .bbs11-frame .bbs11-model-panel,
    .bbs11-frame .bbs11-result-card,
    .bbs11-frame .bbs11-combined-value,
    .bbs12-frame .bbs12-description-card,
    .bbty-frame .bbty-contact-row
) {
    transition:
        transform var(--bb-motion-normal) var(--bb-motion-ease),
        box-shadow var(--bb-motion-normal) var(--bb-motion-ease),
        border-color var(--bb-motion-fast) ease,
        filter var(--bb-motion-normal) var(--bb-motion-ease);
}

/* =========================================================
   ICON TRANSITIONS
   ========================================================= */

:is(
    .bbp2-frame .bbp2-badge,
    .bbp2-frame .bbp2-float,
    .bbs3-frame .bbs3-point-icon,
    .bbs4-frame .bbs4-step-icon,
    .bbs5-frame .bbs5-card-icon,
    .bbs6-frame .bbs6-info-icon,
    .bbs7-frame .bbs7-icon,
    .bbs8-frame .bbs8-icon,
    .bbs9-frame .bbs9-icon,
    .bbs10-frame .bbs10-assumption-icon,
    .bbs11-frame .bbs11-assumption-icon,
    .bbty-frame .bbty-contact-icon,
    .bbs14-frame .bbs14-link-icon
) {
    transition:
        transform var(--bb-motion-normal) var(--bb-motion-ease),
        box-shadow var(--bb-motion-normal) var(--bb-motion-ease),
        filter var(--bb-motion-normal) var(--bb-motion-ease);
}

:is(
    .bbs4-frame .bbs4-step-icon,
    .bbs5-frame .bbs5-card-icon,
    .bbs6-frame .bbs6-info-icon,
    .bbs7-frame .bbs7-icon,
    .bbs8-frame .bbs8-icon,
    .bbs9-frame .bbs9-icon,
    .bbty-frame .bbty-contact-icon,
    .bbs14-frame .bbs14-link-icon
) img {
    transition:
        transform var(--bb-motion-normal) var(--bb-motion-ease),
        filter var(--bb-motion-normal) var(--bb-motion-ease);
}

/* =========================================================
   TAB TRANSITIONS
   ========================================================= */

:is(
    .bbs4-frame .bbs4-tab,
    .bbs5-frame .bbs5-tab,
    .bbs6-frame .bbs6-tab,
    .bbs7-frame .bbs7-tab,
    .bbs8-frame .bbs8-tab
) {
    transition:
        transform var(--bb-motion-fast) var(--bb-motion-ease),
        border-color var(--bb-motion-fast) ease,
        box-shadow var(--bb-motion-normal) var(--bb-motion-ease),
        color var(--bb-motion-fast) ease,
        background var(--bb-motion-normal) var(--bb-motion-ease);
}

/* =========================================================
   IMAGE TRANSITIONS
   ========================================================= */

.bbs7-frame .bbs7-card-image,
.bbs9-frame .bbs9-popout,
.bbs12-frame .bbs12-phone-collage,
.bbs12-frame .bbs12-building {
    transition:
        transform var(--bb-motion-slow) var(--bb-motion-ease),
        filter var(--bb-motion-slow) var(--bb-motion-ease);
}

/* =========================================================
   SOFT CONTINUOUS ANIMATIONS
   ========================================================= */

@media (prefers-reduced-motion: no-preference) {

    /* Slowly moving gradients */
    :is(
        .bbs3-frame .bbs3-ai-bar,
        .bbs4-frame .bbs4-tab-active,
        .bbs5-frame .bbs5-tab-active,
        .bbs6-frame .bbs6-tab-active,
        .bbs7-frame .bbs7-tab-active,
        .bbs8-frame .bbs8-tab-active,
        .bbs4-frame .bbs4-result,
        .bbs5-frame .bbs5-result,
        .bbs7-frame .bbs7-result,
        .bbs8-frame .bbs8-left-panel,
        .bbs10-frame .bbs10-result-card,
        .bbs11-frame .bbs11-result-card,
        .bbs12-frame .bbs12-description-card,
        .bbs4-frame .bbs4-footer,
        .bbs5-frame .bbs5-footer,
        .bbs6-frame .bbs6-footer,
        .bbs7-frame .bbs7-footer,
        .bbs8-frame .bbs8-footer,
        .bbs9-frame .bbs9-footer,
        .bbs10-frame .bbs10-footer,
        .bbs11-frame .bbs11-footer,
        .bbs14-frame .bbs14-footer
    ) {
        background-size: 180% 180%;
        animation: bb-soft-gradient 18s ease-in-out infinite;
    }

    /* Floating phone images */
    .bbs4-frame .bbs4-step:nth-child(1) .bbs4-phone-wrap {
        animation: bb-soft-float 8.5s ease-in-out infinite;
    }

    .bbs4-frame .bbs4-step:nth-child(2) .bbs4-phone-wrap {
        animation: bb-soft-float 9.3s ease-in-out -2.4s infinite;
    }

    .bbs4-frame .bbs4-step:nth-child(3) .bbs4-phone-wrap {
        animation: bb-soft-float 8.9s ease-in-out -4.1s infinite;
    }

    .bbs6-frame .bbs6-phones-wrap {
        animation: bb-soft-float 9.5s ease-in-out -1.8s infinite;
    }

    .bbs8-frame .bbs8-phones-wrap {
        animation: bb-soft-float 9.8s ease-in-out -3.1s infinite;
    }

    .bbs12-frame .bbs12-phone-collage {
        animation: bb-soft-float 9s ease-in-out -1.3s infinite;
    }

    /* Opportunity floating icons */
    .bbp2-frame .bbp2-float {
        animation: bb-soft-float 8s ease-in-out infinite;
    }

    .bbp2-frame .bbp2-float-ai {
        animation-delay: -1.8s;
    }

    .bbp2-frame .bbp2-float-cloud {
        animation-delay: -3.2s;
    }

    .bbp2-frame .bbp2-float-security {
        animation-delay: -4.7s;
    }

    /* Closing building breathes very gently */
    .bbs12-frame .bbs12-building {
        animation: bb-soft-breathe 20s ease-in-out infinite;
        transform-origin: center bottom;
    }
}

/* =========================================================
   DESKTOP HOVER EFFECTS
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    /* Soft card lift */
    :is(
        .bbp2-frame .bbp2-circle,
        .bbs4-frame .bbs4-step,
        .bbs5-frame .bbs5-card,
        .bbs6-frame .bbs6-info-row,
        .bbs8-frame .bbs8-card,
        .bbs10-frame .bbs10-assumptions-panel,
        .bbs10-frame .bbs10-model-panel,
        .bbs10-frame .bbs10-result-card,
        .bbs11-frame .bbs11-assumptions-panel,
        .bbs11-frame .bbs11-model-panel,
        .bbs11-frame .bbs11-result-card,
        .bbs11-frame .bbs11-combined-value
    ):hover {
        transform: translateY(-0.28cqw);
        box-shadow: var(--bb-shadow-hover);
    }

    /* Cards with border glow */
    :is(
        .bbs4-frame .bbs4-step,
        .bbs5-frame .bbs5-card,
        .bbs6-frame .bbs6-info-row,
        .bbs8-frame .bbs8-card
    ):hover {
        border-color: rgba(63, 229, 255, 0.42);
        box-shadow: var(--bb-glow-hover);
    }

    /* Contextual upsell cards */
    .bbs7-frame .bbs7-card:hover .bbs7-card-body {
        transform: translateY(-0.28cqw);
        box-shadow: var(--bb-shadow-hover);
    }

    .bbs7-frame .bbs7-card:hover .bbs7-card-image {
        transform: scale(1.045);
        filter: saturate(1.04);
    }

    /* Business impact cards */
    .bbs9-frame .bbs9-card:hover .bbs9-card-body {
        transform: translateY(-0.28cqw);
        box-shadow: var(--bb-shadow-hover);
    }

    .bbs9-frame .bbs9-card:hover .bbs9-popout {
        transform: translateY(-0.15cqw) scale(1.025);
        filter:
            drop-shadow(0 0.9cqw 0.8cqw rgba(8, 29, 121, 0.17));
    }

    /* Tabs */
    :is(
        .bbs4-frame .bbs4-tab,
        .bbs5-frame .bbs5-tab,
        .bbs6-frame .bbs6-tab,
        .bbs7-frame .bbs7-tab,
        .bbs8-frame .bbs8-tab
    ):hover {
        transform: translateY(-0.1cqw);
        border-color: rgba(8, 127, 252, 0.46);
        box-shadow:
            0 0.28cqw 0.65cqw rgba(8, 29, 121, 0.09);
    }

    /* Icons */
    .bbs4-frame .bbs4-step:hover .bbs4-step-icon,
    .bbs5-frame .bbs5-card:hover .bbs5-card-icon,
    .bbs6-frame .bbs6-info-row:hover .bbs6-info-icon,
    .bbs7-frame .bbs7-card:hover .bbs7-icon,
    .bbs8-frame .bbs8-card:hover .bbs8-icon,
    .bbs9-frame .bbs9-card:hover .bbs9-icon,
    .bbty-frame .bbty-contact-row:hover .bbty-contact-icon {
        transform: translateY(-0.12cqw) scale(1.055);
        box-shadow:
            0 0.42cqw 0.92cqw rgba(8, 29, 121, 0.13);
    }

    .bbs4-frame .bbs4-step:hover .bbs4-step-icon img,
    .bbs5-frame .bbs5-card:hover .bbs5-card-icon img,
    .bbs6-frame .bbs6-info-row:hover .bbs6-info-icon img,
    .bbs7-frame .bbs7-card:hover .bbs7-icon img,
    .bbs8-frame .bbs8-card:hover .bbs8-icon img,
    .bbs9-frame .bbs9-card:hover .bbs9-icon img,
    .bbty-frame .bbty-contact-row:hover .bbty-contact-icon img {
        transform: scale(1.045);
    }

    /* Thank you contact rows */
    .bbty-frame .bbty-contact-row:hover {
        transform: translateX(0.22cqw);
    }

    .bbty-frame .bbty-contact-row:hover .bbty-contact-value {
        color: #087FFC;
    }

    /* Keep office number white */
    .bbty-frame .bbty-contact-row:last-child .bbty-contact-label,
    .bbty-frame .bbty-contact-row:last-child .bbty-contact-value,
    .bbty-frame .bbty-contact-row:last-child:hover .bbty-contact-value {
        color: #FFFFFF;
    }

    /* Closing section */
    .bbs12-frame:hover .bbs12-description-card {
        transform: translateY(-0.18cqw);
        box-shadow:
            0 -0.7cqw 1.8cqw rgba(8, 29, 121, 0.16);
    }

    .bbs12-frame:hover .bbs12-phone-collage {
        filter:
            drop-shadow(0 1.35cqw 1.45cqw rgba(8, 29, 121, 0.27))
            drop-shadow(0 0.25cqw 0.22cqw rgba(0, 0, 0, 0.17));
    }
}

/* =========================================================
   SOURCE BUTTONS
   ========================================================= */

.bbs14-frame .bbs14-link {
    position: relative;
    overflow: hidden;
    transition:
        transform var(--bb-motion-normal) var(--bb-motion-ease),
        box-shadow var(--bb-motion-normal) var(--bb-motion-ease);
}

.bbs14-frame .bbs14-link::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -32%;
    width: 20%;
    content: "";
    pointer-events: none;
    opacity: 0.34;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.66),
            transparent
        );
    transform: skewX(-18deg);
    transition:
        left 900ms var(--bb-motion-ease);
}

.bbs14-frame .bbs14-link > * {
    position: relative;
    z-index: 1;
}

@media (hover: hover) and (pointer: fine) {

    .bbs14-frame .bbs14-link:hover {
        transform: translateY(-0.18cqw);
        box-shadow:
            0 0.7cqw 1.25cqw rgba(8, 29, 121, 0.18);
    }

    .bbs14-frame .bbs14-link:hover::before {
        left: 112%;
    }

    .bbs14-frame .bbs14-link:hover .bbs14-link-icon {
        transform: translateX(0.1cqw) scale(1.05);
    }
}

/* =========================================================
   ACCESSIBILITY
   ========================================================= */

:is(
    .bbs14-frame .bbs14-link,
    .bbty-frame .bbty-contact-value
):focus-visible {
    outline: 0.14cqw solid #3FE5FF;
    outline-offset: 0.2cqw;
    border-radius: 0.3cqw;
}

/* =========================================================
   KEYFRAMES
   ========================================================= */

@keyframes bb-soft-gradient {
    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

@keyframes bb-soft-float {
    0%,
    100% {
        transform: translate3d(0, 0, 0);
    }

    50% {
        transform: translate3d(0, -0.32cqw, 0);
    }
}

@keyframes bb-soft-breathe {
    0%,
    100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.012);
    }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    :where(
        .bbp2-frame,
        .bbs3-frame,
        .bbs4-frame,
        .bbs5-frame,
        .bbs6-frame,
        .bbs7-frame,
        .bbs8-frame,
        .bbs9-frame,
        .bbs10-frame,
        .bbs11-frame,
        .bbs12-frame,
        .bbty-frame,
        .bbs14-frame
    ) *,
    :where(
        .bbp2-frame,
        .bbs3-frame,
        .bbs4-frame,
        .bbs5-frame,
        .bbs6-frame,
        .bbs7-frame,
        .bbs8-frame,
        .bbs9-frame,
        .bbs10-frame,
        .bbs11-frame,
        .bbs12-frame,
        .bbty-frame,
        .bbs14-frame
    ) *::before,
    :where(
        .bbp2-frame,
        .bbs3-frame,
        .bbs4-frame,
        .bbs5-frame,
        .bbs6-frame,
        .bbs7-frame,
        .bbs8-frame,
        .bbs9-frame,
        .bbs10-frame,
        .bbs11-frame,
        .bbs12-frame,
        .bbty-frame,
        .bbs14-frame
    ) *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}
/* =========================================================
   WORKING SECTION TABS NAVIGATION
   Smooth navigation between sections
   ========================================================= */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 90px;
}

#bb-checkin,
#bb-access,
#bb-directory,
#bb-upsell,
#bb-service-requests {
    scroll-margin-top: 90px;
}

/* Make tabs clickable */
:is(
    .bbs4-tab,
    .bbs5-tab,
    .bbs6-tab,
    .bbs7-tab,
    .bbs8-tab
) {
    cursor: pointer;
    text-decoration: none;
    user-select: none;
    transition:
        transform 360ms cubic-bezier(0.22, 1, 0.36, 1),
        color 360ms ease,
        border-color 360ms ease,
        background 520ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 520ms cubic-bezier(0.22, 1, 0.36, 1);
}

/* Hover only for inactive tabs */
:is(
    .bbs4-tab,
    .bbs5-tab,
    .bbs6-tab,
    .bbs7-tab,
    .bbs8-tab
):not(
    .bbs4-tab-active,
    .bbs5-tab-active,
    .bbs6-tab-active,
    .bbs7-tab-active,
    .bbs8-tab-active
):hover {
    color: #081D79;
    border-color: rgba(8, 127, 252, 0.58);
    background: rgba(255, 255, 255, 0.98);
    box-shadow:
        0 0.28cqw 0.72cqw rgba(8, 29, 121, 0.10);
    transform: translateY(-0.1cqw);
}

/* Active tab */
:is(
    .bbs4-tab-active,
    .bbs5-tab-active,
    .bbs6-tab-active,
    .bbs7-tab-active,
    .bbs8-tab-active
) {
    color: #FFFFFF;
    cursor: default;
    pointer-events: none;
}

/* Keyboard focus */
:is(
    .bbs4-tab,
    .bbs5-tab,
    .bbs6-tab,
    .bbs7-tab,
    .bbs8-tab
):focus-visible {
    outline: 0.15cqw solid #3FE5FF;
    outline-offset: 0.18cqw;
}
/* =========================================================
   BRIGHT BRAINS — WORKING GLOBAL NAVBAR STYLE
   Sections 4 → 8
   Add at the VERY END of Additional CSS
   ========================================================= */

html {
    scroll-behavior: smooth;
    scroll-padding-top: 90px;
}

#bb-checkin,
#bb-access,
#bb-directory,
#bb-upsell,
#bb-service-requests {
    scroll-margin-top: 90px;
}

/* =========================================================
   NAV CONTAINERS
   ========================================================= */

.bbs4-frame .bbs4-tabs,
.bbs5-frame .bbs5-tabs,
.bbs6-frame .bbs6-tabs,
.bbs7-frame .bbs7-tabs,
.bbs8-frame .bbs8-tabs {
    display: grid !important;
    grid-template-columns: 1fr 1fr 1fr 1fr 1.35fr !important;
    gap: 1.05cqw !important;
}

/* =========================================================
   ALL NAV LINKS
   ========================================================= */

.bbs4-frame a.bbs4-tab,
.bbs5-frame a.bbs5-tab,
.bbs6-frame a.bbs6-tab,
.bbs7-frame a.bbs7-tab,
.bbs8-frame a.bbs8-tab {
    position: relative !important;
    display: flex !important;
    min-height: 1.95cqw !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: 0.42cqw 0.82cqw !important;

    border: 0.06cqw solid rgba(8, 127, 252, 0.28) !important;
    border-radius: 999px !important;

    color: rgba(8, 29, 121, 0.68) !important;
    background: rgba(255, 255, 255, 0.92) !important;

    box-shadow:
        0 0.14cqw 0.38cqw rgba(8, 29, 121, 0.04) !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 0.72cqw !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;

    cursor: pointer !important;
    user-select: none !important;

    transition:
        transform 420ms cubic-bezier(0.22, 1, 0.36, 1),
        color 320ms ease,
        border-color 320ms ease,
        background 420ms cubic-bezier(0.22, 1, 0.36, 1),
        box-shadow 420ms cubic-bezier(0.22, 1, 0.36, 1) !important;
}

/* =========================================================
   SOFT LIGHT SWEEP
   ========================================================= */

.bbs4-frame a.bbs4-tab::before,
.bbs5-frame a.bbs5-tab::before,
.bbs6-frame a.bbs6-tab::before,
.bbs7-frame a.bbs7-tab::before,
.bbs8-frame a.bbs8-tab::before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -38%;
    width: 22%;

    content: "";
    pointer-events: none;

    opacity: 0;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(255, 255, 255, 0.78),
            transparent
        );

    transform: skewX(-18deg);

    transition:
        left 850ms cubic-bezier(0.22, 1, 0.36, 1),
        opacity 260ms ease;
}

/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    .bbs4-frame a.bbs4-tab:not(.bbs4-tab-active):hover,
    .bbs5-frame a.bbs5-tab:not(.bbs5-tab-active):hover,
    .bbs6-frame a.bbs6-tab:not(.bbs6-tab-active):hover,
    .bbs7-frame a.bbs7-tab:not(.bbs7-tab-active):hover,
    .bbs8-frame a.bbs8-tab:not(.bbs8-tab-active):hover {
        color: #081D79 !important;
        border-color: rgba(8, 127, 252, 0.62) !important;
        background: #FFFFFF !important;

        box-shadow:
            0 0.34cqw 0.78cqw rgba(8, 29, 121, 0.11) !important;

        transform: translateY(-0.12cqw) !important;
    }

    .bbs4-frame a.bbs4-tab:not(.bbs4-tab-active):hover::before,
    .bbs5-frame a.bbs5-tab:not(.bbs5-tab-active):hover::before,
    .bbs6-frame a.bbs6-tab:not(.bbs6-tab-active):hover::before,
    .bbs7-frame a.bbs7-tab:not(.bbs7-tab-active):hover::before,
    .bbs8-frame a.bbs8-tab:not(.bbs8-tab-active):hover::before {
        left: 116%;
        opacity: 0.78;
    }
}

/* =========================================================
   ACTIVE TAB
   ========================================================= */

.bbs4-frame a.bbs4-tab-active,
.bbs5-frame a.bbs5-tab-active,
.bbs6-frame a.bbs6-tab-active,
.bbs7-frame a.bbs7-tab-active,
.bbs8-frame a.bbs8-tab-active {
    border-color: transparent !important;
    color: #FFFFFF !important;

    background:
        linear-gradient(
            90deg,
            #081D79 0%,
            #1B217D 46%,
            #087FFC 100%
        ) !important;

    background-size: 180% 180% !important;

    box-shadow:
        0 0.38cqw 0.88cqw rgba(8, 29, 121, 0.19) !important;

    cursor: default !important;
    pointer-events: none !important;

    animation:
        bb-navbar-gradient 10s ease-in-out infinite !important;
}

/* =========================================================
   KEYBOARD FOCUS
   ========================================================= */

.bbs4-frame a.bbs4-tab:focus-visible,
.bbs5-frame a.bbs5-tab:focus-visible,
.bbs6-frame a.bbs6-tab:focus-visible,
.bbs7-frame a.bbs7-tab:focus-visible,
.bbs8-frame a.bbs8-tab:focus-visible {
    outline: 0.14cqw solid #3FE5FF !important;
    outline-offset: 0.18cqw !important;
}

/* =========================================================
   ACTIVE GRADIENT ANIMATION
   ========================================================= */

@keyframes bb-navbar-gradient {
    0%,
    100% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }
}

/* =========================================================
   REDUCED MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

    .bbs4-frame a.bbs4-tab,
    .bbs5-frame a.bbs5-tab,
    .bbs6-frame a.bbs6-tab,
    .bbs7-frame a.bbs7-tab,
    .bbs8-frame a.bbs8-tab {
        animation: none !important;
        transition-duration: 0.01ms !important;
    }
}
/* =========================================================
   BRIGHT BRAINS — FINAL RESPONSIVE SYSTEM
   Add at the VERY END of Additional CSS
   Desktop remains unchanged
   Tablet and mobile use real responsive layouts
   ========================================================= */

/* =========================================================
   GLOBAL SAFETY RESET
   ========================================================= */

html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden !important;
}

html {
    scroll-behavior: smooth;
    scroll-padding-top: 90px;
}

*,
*::before,
*::after {
    box-sizing: border-box;
}

img {
    max-width: 100%;
}

#bb-checkin,
#bb-access,
#bb-directory,
#bb-upsell,
#bb-service-requests {
    scroll-margin-top: 90px;
}

/* Elementor outer wrappers */
.elementor-widget-html,
.elementor-widget-html > .elementor-widget-container,
.e-con,
.e-con-inner {
    max-width: 100% !important;
}

/* All section frames */
:where(
    .bbp2-frame,
    .bbs3-frame,
    .bbs4-frame,
    .bbs5-frame,
    .bbs6-frame,
    .bbs7-frame,
    .bbs8-frame,
    .bbs9-frame,
    .bbs10-frame,
    .bbs11-frame,
    .bbs12-frame,
    .bbty-frame,
    .bbs14-frame
) {
    width: 100% !important;
    max-width: 100% !important;
    overflow: hidden !important;
}

/* =========================================================
   TABLET AND MOBILE BASE
   ========================================================= */

@media (max-width: 1024px) {

    /* Remove old fixed canvas widths */
    .bbp2-frame .bbp2-stage,
    .bbs3-frame .bbs3-stage,
    .bbs4-frame .bbs4-stage,
    .bbs5-frame .bbs5-stage,
    .bbs6-frame .bbs6-stage,
    .bbs7-frame .bbs7-stage,
    .bbs8-frame .bbs8-stage,
    .bbs9-frame .bbs9-stage,
    .bbs10-frame .bbs10-stage,
    .bbs11-frame .bbs11-stage,
    .bbs12-frame .bbs12-stage,
    .bbty-frame .bbty-stage,
    .bbs14-frame .bbs14-stage {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: auto !important;
        overflow: hidden !important;
        container-type: normal !important;
    }

    /* =====================================================
       GLOBAL NAVIGATION TABS
       ===================================================== */

    .bbs4-frame .bbs4-tabs,
    .bbs5-frame .bbs5-tabs,
    .bbs6-frame .bbs6-tabs,
    .bbs7-frame .bbs7-tabs,
    .bbs8-frame .bbs8-tabs {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        gap: 8px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        padding: 2px 0 8px !important;
        margin: 0 0 24px !important;

        scrollbar-width: none;
        -webkit-overflow-scrolling: touch;
    }

    .bbs4-frame .bbs4-tabs::-webkit-scrollbar,
    .bbs5-frame .bbs5-tabs::-webkit-scrollbar,
    .bbs6-frame .bbs6-tabs::-webkit-scrollbar,
    .bbs7-frame .bbs7-tabs::-webkit-scrollbar,
    .bbs8-frame .bbs8-tabs::-webkit-scrollbar {
        display: none;
    }

    .bbs4-frame a.bbs4-tab,
    .bbs5-frame a.bbs5-tab,
    .bbs6-frame a.bbs6-tab,
    .bbs7-frame a.bbs7-tab,
    .bbs8-frame a.bbs8-tab,
    .bbs4-frame span.bbs4-tab,
    .bbs5-frame span.bbs5-tab,
    .bbs6-frame span.bbs6-tab,
    .bbs7-frame span.bbs7-tab,
    .bbs8-frame span.bbs8-tab {
        display: flex !important;
        min-width: max-content !important;
        min-height: 34px !important;
        flex: 0 0 auto !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 8px 13px !important;
        border-width: 1px !important;
        border-radius: 999px !important;

        font-size: 10px !important;
        line-height: 1 !important;
        white-space: nowrap !important;
        text-decoration: none !important;
    }

    /* =====================================================
       GLOBAL FOOTERS
       ===================================================== */

    .bbp2-frame .bbp2-footer,
    .bbs3-frame .bbs3-footer,
    .bbs4-frame .bbs4-footer,
    .bbs5-frame .bbs5-footer,
    .bbs6-frame .bbs6-footer,
    .bbs7-frame .bbs7-footer,
    .bbs8-frame .bbs8-footer,
    .bbs9-frame .bbs9-footer,
    .bbs10-frame .bbs10-footer,
    .bbs11-frame .bbs11-footer,
    .bbs14-frame .bbs14-footer {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: flex !important;
        width: calc(100% + 40px) !important;
        min-height: 58px !important;
        height: auto !important;

        align-items: center !important;
        justify-content: space-between !important;

        padding: 12px 20px !important;
        margin: 28px -20px -28px !important;
    }

    .bbp2-frame .bbp2-footer-logo,
    .bbs3-frame .bbs3-footer-logo,
    .bbs4-frame .bbs4-footer-logo,
    .bbs5-frame .bbs5-footer-logo,
    .bbs6-frame .bbs6-footer-logo,
    .bbs7-frame .bbs7-footer-logo,
    .bbs8-frame .bbs8-footer-logo,
    .bbs9-frame .bbs9-footer-logo,
    .bbs10-frame .bbs10-footer-logo,
    .bbs11-frame .bbs11-footer-logo,
    .bbs14-frame .bbs14-footer-logo {
        width: 120px !important;
        max-width: 42% !important;
        max-height: 42px !important;
    }

    .bbp2-frame .bbp2-footer-page,
    .bbs3-frame .bbs3-footer-page,
    .bbs4-frame .bbs4-footer-page,
    .bbs5-frame .bbs5-footer-page,
    .bbs6-frame .bbs6-footer-page,
    .bbs7-frame .bbs7-footer-page,
    .bbs8-frame .bbs8-footer-page,
    .bbs9-frame .bbs9-footer-page,
    .bbs10-frame .bbs10-footer-page,
    .bbs11-frame .bbs11-footer-page,
    .bbs14-frame .bbs14-footer-page {
        font-size: 11px !important;
    }

    /* =====================================================
       SECTION 2 — OPPORTUNITY
       ===================================================== */

    .bbp2-frame .bbp2-stage {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 22px 16px !important;
        padding: 32px 20px 28px !important;
    }

    .bbp2-frame .bbp2-header {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        grid-column: 1 / -1 !important;
    }

    .bbp2-frame .bbp2-eyebrow {
        margin-bottom: 12px !important;
        font-size: 13px !important;
    }

    .bbp2-frame .bbp2-title {
        max-width: 100% !important;
        font-size: clamp(28px, 4.5vw, 46px) !important;
        line-height: 1.12 !important;
    }

    .bbp2-frame .bbp2-circle {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        aspect-ratio: 1 / 1 !important;
        transform: none !important;
    }

    .bbp2-frame .bbp2-circle-content {
        padding: 20% 9% 8% !important;
    }

    .bbp2-frame .bbp2-circle-title {
        min-height: 58px !important;
        font-size: 17px !important;
    }

    .bbp2-frame .bbp2-divider {
        height: 1px !important;
        margin: 18px auto !important;
    }

    .bbp2-frame .bbp2-number {
        font-size: 52px !important;
    }

    .bbp2-frame .bbp2-description,
    .bbp2-frame .bbp2-center-copy {
        font-size: 13px !important;
    }

    .bbp2-frame .bbp2-center-number {
        font-size: 42px !important;
    }

    .bbp2-frame .bbp2-badge {
        border-width: 1px !important;
    }

    .bbp2-frame .bbp2-float {
        display: none !important;
    }

    .bbp2-frame .bbp2-hotel-layer {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        grid-column: 1 / -1 !important;
        height: 220px !important;
        margin-top: 8px !important;
    }

    .bbp2-frame .bbp2-hotel-image {
        top: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center top !important;
    }

    .bbp2-frame .bbp2-source {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        grid-column: 1 / -1 !important;
        padding: 8px 12px !important;
        margin-top: -22px !important;
        font-size: 10px !important;
    }

    .bbp2-frame .bbp2-footer {
        grid-column: 1 / -1 !important;
    }

    /* =====================================================
       SECTION 3 — OUR SOLUTION
       ===================================================== */

    .bbs3-frame .bbs3-stage {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
        padding: 32px 20px 28px !important;
    }

    .bbs3-frame .bbs3-header {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
        grid-column: 1 / -1 !important;
    }

    .bbs3-frame .bbs3-eyebrow {
        font-size: 13px !important;
    }

    .bbs3-frame .bbs3-title {
        max-width: 100% !important;
        font-size: clamp(28px, 4.5vw, 46px) !important;
    }

    .bbs3-frame .bbs3-main-line,
    .bbs3-frame .bbs3-circle {
        display: none !important;
    }

    .bbs3-frame .bbs3-point {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        min-height: 170px !important;

        padding: 22px !important;
        border: 1px solid rgba(8, 127, 252, 0.18) !important;
        border-radius: 18px !important;

        text-align: left !important;
        transform: none !important;

        background: rgba(255, 255, 255, 0.86) !important;
        box-shadow: 0 10px 24px rgba(8, 29, 121, 0.06) !important;
    }

    .bbs3-frame .bbs3-point-title {
        font-size: 20px !important;
    }

    .bbs3-frame .bbs3-point-copy {
        margin-top: 8px !important;
        font-size: 15px !important;
    }

    .bbs3-frame .bbs3-point-icon {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 64px !important;
        margin: 18px 0 0 !important;
        transform: none !important;
    }

    .bbs3-frame .bbs3-family {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: block !important;
        width: min(620px, 100%) !important;
        grid-column: 1 / -1 !important;

        margin: 0 auto !important;
        transform: none !important;
    }

    .bbs3-frame .bbs3-ai-bar {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        grid-column: 1 / -1 !important;
        grid-template-columns: 34% 1fr !important;

        min-height: 116px !important;
        border-radius: 16px !important;
    }

    .bbs3-frame .bbs3-ai-title {
        padding: 18px !important;
    }

    .bbs3-frame .bbs3-ai-title svg {
        width: 58px !important;
        height: 58px !important;
    }

    .bbs3-frame .bbs3-ai-title strong {
        font-size: 20px !important;
    }

    .bbs3-frame .bbs3-ai-description {
        min-height: 100% !important;
        padding: 18px !important;
        border-left-width: 1px !important;
        font-size: 16px !important;
    }

    .bbs3-frame .bbs3-footer {
        grid-column: 1 / -1 !important;
    }

    /* =====================================================
       SECTION 4 — PRE-ARRIVAL CHECK-IN
       ===================================================== */

    .bbs4-frame .bbs4-stage {
        padding: 24px 20px 28px !important;
    }

    .bbs4-frame .bbs4-title {
        position: relative !important;
        top: auto !important;
        left: auto !important;

        max-width: 100% !important;
        margin: 0 0 24px !important;

        font-size: clamp(27px, 4.3vw, 44px) !important;
    }

    .bbs4-frame .bbs4-flow {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 18px !important;
    }

    .bbs4-frame .bbs4-step {
        min-height: 360px !important;
        grid-template-columns: minmax(180px, 46%) 1fr !important;

        border-width: 1px !important;
        border-radius: 18px !important;
    }

    .bbs4-frame .bbs4-phone-wrap {
        min-height: 340px !important;
        padding: 8px !important;
    }

    .bbs4-frame .bbs4-phone {
        width: auto !important;
        max-width: 100% !important;
        height: 94% !important;
        transform: none !important;
    }

    .bbs4-frame .bbs4-copy {
        padding: 22px 20px 22px 4px !important;
    }

    .bbs4-frame .bbs4-number {
        width: 36px !important;
        margin-bottom: 14px !important;
        font-size: 15px !important;
    }

    .bbs4-frame .bbs4-step-title {
        font-size: 21px !important;
    }

    .bbs4-frame .bbs4-step-text {
        margin-top: 12px !important;
        font-size: 16px !important;
    }

    .bbs4-frame .bbs4-step-icon {
        right: 18px !important;
        bottom: 18px !important;
        width: 66px !important;
    }

    .bbs4-frame .bbs4-result {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        min-height: 0 !important;
        padding: 17px 22px !important;
        margin-top: 22px !important;

        border-radius: 999px !important;
        font-size: 16px !important;
    }

    /* =====================================================
       SECTION 5 — SMART ROOM ACCESS
       ===================================================== */

    .bbs5-frame .bbs5-stage {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
        padding: 24px 20px 28px !important;
    }

    .bbs5-frame .bbs5-tabs,
    .bbs5-frame .bbs5-title,
    .bbs5-frame .bbs5-building-wrap,
    .bbs5-frame .bbs5-result,
    .bbs5-frame .bbs5-footer {
        grid-column: 1 / -1 !important;
    }

    .bbs5-frame .bbs5-title {
        position: relative !important;
        top: auto !important;
        left: auto !important;

        max-width: 100% !important;
        margin: 0 0 6px !important;

        font-size: clamp(27px, 4.3vw, 44px) !important;
    }

    .bbs5-frame .bbs5-card {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        min-height: 230px !important;

        padding: 22px !important;
        border-width: 1px !important;
        border-radius: 18px !important;

        text-align: left !important;
    }

    .bbs5-frame .bbs5-card-icon {
        width: 68px !important;
        margin: 0 0 16px !important;
        border-width: 1px !important;
    }

    .bbs5-frame .bbs5-card-title {
        font-size: 20px !important;
    }

    .bbs5-frame .bbs5-card-text {
        margin-top: 10px !important;
        font-size: 15px !important;
    }

    .bbs5-frame .bbs5-building-wrap {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        height: 310px !important;
        margin-top: 2px !important;
        transform: none !important;
    }

    .bbs5-frame .bbs5-building-image {
        width: auto !important;
        max-width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        transform: translateX(-50%) !important;
    }

    .bbs5-frame .bbs5-result {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        min-height: 0 !important;
        padding: 18px !important;

        border-radius: 16px !important;
        font-size: 16px !important;
    }

    /* =====================================================
       SECTION 6 — LIVE HOTEL DIRECTORY
       ===================================================== */

    .bbs6-frame .bbs6-stage {
        padding: 24px 20px 28px !important;
    }

    .bbs6-frame .bbs6-left-shape {
        display: none !important;
    }

    .bbs6-frame .bbs6-left-content {
        position: relative !important;
        top: auto !important;
        left: auto !important;

        width: 100% !important;
        padding: 26px !important;

        border-radius: 20px 20px 0 0 !important;

        background:
            linear-gradient(
                135deg,
                #081D79,
                #1B217D 58%,
                #087FFC
            ) !important;
    }

    .bbs6-frame .bbs6-title {
        font-size: clamp(34px, 6vw, 54px) !important;
        line-height: 1.14 !important;
    }

    .bbs6-frame .bbs6-summary {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        padding: 0 26px 24px !important;
        margin: 0 !important;

        border-radius: 0 0 20px 20px !important;

        background:
            linear-gradient(
                135deg,
                #081D79,
                #1B217D 58%,
                #087FFC
            ) !important;

        font-size: 16px !important;
    }

    .bbs6-frame .bbs6-person {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: block !important;
        width: min(300px, 72%) !important;
        margin: 18px auto 0 !important;
    }

    .bbs6-frame .bbs6-info-panel {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: grid !important;
        grid-template-rows: none !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;

        margin-top: 20px !important;
    }

    .bbs6-frame .bbs6-info-row {
        display: block !important;
        min-height: 240px !important;
        padding: 20px !important;

        border: 1px solid rgba(8, 127, 252, 0.14) !important;
        border-radius: 16px !important;
    }

    .bbs6-frame .bbs6-info-icon {
        width: 64px !important;
        margin-bottom: 14px !important;
        border-width: 1px !important;
    }

    .bbs6-frame .bbs6-info-title {
        font-size: 19px !important;
    }

    .bbs6-frame .bbs6-info-text {
        max-width: 100% !important;
        margin-top: 10px !important;
        font-size: 15px !important;
    }

    .bbs6-frame .bbs6-phones-wrap {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        height: 310px !important;
        margin-top: 20px !important;
    }

    .bbs6-frame .bbs6-phones {
        right: 50% !important;
        bottom: 0 !important;
        width: auto !important;
        max-width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        transform: translateX(50%) !important;
    }

    /* =====================================================
       SECTION 7 — CONTEXTUAL UPSELL
       ===================================================== */

    .bbs7-frame .bbs7-stage {
        padding: 24px 20px 28px !important;
    }

    .bbs7-frame .bbs7-title {
        position: relative !important;
        top: auto !important;
        left: auto !important;

        max-width: 100% !important;
        margin: 0 0 24px !important;

        font-size: clamp(27px, 4.3vw, 44px) !important;
    }

    .bbs7-frame .bbs7-grid {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;

        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 18px !important;
    }

    .bbs7-frame .bbs7-card-header {
        min-height: 92px !important;
        grid-template-columns: 68px 1fr !important;
        gap: 14px !important;
    }

    .bbs7-frame .bbs7-icon {
        width: 64px !important;
        border-width: 1px !important;
    }

    .bbs7-frame .bbs7-card-title {
        font-size: 19px !important;
    }

    .bbs7-frame .bbs7-card-body {
        min-height: 330px !important;
        border-top-width: 6px !important;
    }

    .bbs7-frame .bbs7-card-image {
        height: 210px !important;
    }

    .bbs7-frame .bbs7-card-copy {
        min-height: 128px !important;
        padding: 18px 20px !important;
        font-size: 16px !important;
    }

    .bbs7-frame .bbs7-result {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        min-height: 0 !important;
        padding: 17px 22px !important;
        margin-top: 22px !important;

        border-radius: 999px !important;
        font-size: 16px !important;
    }

    /* =====================================================
       SECTION 8 — SERVICE REQUEST MANAGEMENT
       ===================================================== */

    .bbs8-frame .bbs8-stage {
        padding: 24px 20px 28px !important;
    }

    .bbs8-frame .bbs8-title {
        position: relative !important;
        top: auto !important;
        left: auto !important;

        max-width: 100% !important;
        margin: 0 0 22px !important;

        font-size: clamp(27px, 4.3vw, 44px) !important;
    }

    .bbs8-frame .bbs8-left-panel {
        display: none !important;
    }

    .bbs8-frame .bbs8-phones-wrap {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        height: 320px !important;
    }

    .bbs8-frame .bbs8-phones {
        left: 50% !important;
        width: auto !important;
        max-width: 100% !important;
        height: 100% !important;

        object-fit: contain !important;
        transform: translateX(-50%) !important;
    }

    .bbs8-frame .bbs8-staff {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: block !important;
        width: min(260px, 62%) !important;
        margin: -90px auto 0 !important;
    }

    .bbs8-frame .bbs8-message {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;

        width: 100% !important;
        padding: 22px !important;
        margin: 18px 0 !important;

        border-radius: 18px !important;

        background:
            linear-gradient(
                135deg,
                #081D79,
                #1B217D 56%,
                #087FFC
            ) !important;

        font-size: 19px !important;
    }

    .bbs8-frame .bbs8-grid {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        grid-template-rows: none !important;
        gap: 16px !important;
    }

    .bbs8-frame .bbs8-card {
        min-height: 260px !important;
        padding: 20px !important;

        border-width: 1px !important;
        border-radius: 16px !important;
    }

    .bbs8-frame .bbs8-icon {
        width: 62px !important;
        margin-bottom: 14px !important;
        border-width: 1px !important;
    }

    .bbs8-frame .bbs8-card-title {
        font-size: 19px !important;
    }

    .bbs8-frame .bbs8-card-text {
        margin-top: 10px !important;
        font-size: 15px !important;
    }

    /* =====================================================
       SECTION 9 — BUSINESS IMPACT
       ===================================================== */

    .bbs9-frame .bbs9-stage {
        padding: 32px 20px 28px !important;
    }

    .bbs9-frame .bbs9-header {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
    }

    .bbs9-frame .bbs9-eyebrow {
        font-size: 13px !important;
    }

    .bbs9-frame .bbs9-title {
        max-width: 100% !important;
        font-size: clamp(28px, 4.5vw, 46px) !important;
    }

    .bbs9-frame .bbs9-grid {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 16px !important;

        margin-top: 30px !important;
    }

    .bbs9-frame .bbs9-card-visual {
        height: 190px !important;
        border-top-width: 6px !important;
    }

    .bbs9-frame .bbs9-popout {
        max-width: 92% !important;
        height: 250px !important;
    }

    .bbs9-frame .bbs9-icon {
        top: 22px !important;
        left: 20px !important;
        width: 64px !important;
        border-width: 1px !important;
    }

    .bbs9-frame .bbs9-card-body {
        min-height: 370px !important;
        padding: 22px !important;
    }

    .bbs9-frame .bbs9-card-title {
        min-height: 72px !important;
        font-size: 24px !important;
    }

    .bbs9-frame .bbs9-divider {
        height: 1px !important;
        margin: 16px 0 !important;
    }

    .bbs9-frame .bbs9-list li {
        padding-left: 22px !important;
        font-size: 15px !important;
    }

    .bbs9-frame .bbs9-list li + li {
        margin-top: 12px !important;
    }

    /* =====================================================
       SECTION 10 — COMMERCIAL OPPORTUNITY
       ===================================================== */

    .bbs10-frame .bbs10-stage {
        padding: 32px 20px 28px !important;
    }

    .bbs10-frame .bbs10-header {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
    }

    .bbs10-frame .bbs10-eyebrow {
        font-size: 13px !important;
    }

    .bbs10-frame .bbs10-title {
        max-width: 100% !important;
        font-size: clamp(28px, 4.5vw, 46px) !important;
    }

    .bbs10-frame .bbs10-content {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;

        margin-top: 30px !important;
    }

    .bbs10-frame .bbs10-block-title,
    .bbs10-frame .bbs10-model-heading h3 {
        font-size: 18px !important;
    }

    .bbs10-frame .bbs10-assumptions-panel,
    .bbs10-frame .bbs10-model-panel {
        min-height: 0 !important;
        padding: 20px !important;
        border-radius: 18px !important;
    }

    .bbs10-frame .bbs10-assumptions-grid {
        gap: 0 !important;
    }

    .bbs10-frame .bbs10-assumption {
        padding: 16px !important;
    }

    .bbs10-frame .bbs10-assumption-icon {
        width: 48px !important;
        margin-bottom: 9px !important;
    }

    .bbs10-frame .bbs10-assumption-value {
        font-size: 28px !important;
    }

    .bbs10-frame .bbs10-assumption-label {
        margin-top: 7px !important;
        font-size: 14px !important;
    }

    .bbs10-frame .bbs10-model-heading {
        margin-bottom: 14px !important;
    }

    .bbs10-frame .bbs10-model-line {
        height: 1px !important;
    }

    .bbs10-frame .bbs10-model-row {
        min-height: 0 !important;
        grid-template-columns: 31% 1fr !important;
        gap: 14px !important;
        padding: 15px 0 !important;
    }

    .bbs10-frame .bbs10-model-label {
        font-size: 14px !important;
    }

    .bbs10-frame .bbs10-model-value {
        font-size: 15px !important;
    }

    .bbs10-frame .bbs10-result-card {
        min-height: 0 !important;
        border-radius: 18px !important;
    }

    .bbs10-frame .bbs10-result-image-wrap {
        height: 240px !important;
    }

    .bbs10-frame .bbs10-result-copy {
        padding: 18px !important;
    }

    .bbs10-frame .bbs10-result-number {
        font-size: 56px !important;
    }

    .bbs10-frame .bbs10-result-label {
        margin-top: 12px !important;
        font-size: 22px !important;
    }

    /* =====================================================
       SECTION 11 — OPERATING SAVINGS
       ===================================================== */

    .bbs11-frame .bbs11-stage {
        padding: 32px 20px 28px !important;
    }

    .bbs11-frame .bbs11-header {
        position: relative !important;
        top: auto !important;
        left: auto !important;
        width: 100% !important;
    }

    .bbs11-frame .bbs11-eyebrow {
        font-size: 13px !important;
    }

    .bbs11-frame .bbs11-title {
        max-width: 100% !important;
        font-size: clamp(28px, 4.5vw, 46px) !important;
    }

    .bbs11-frame .bbs11-content {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;

        margin-top: 30px !important;
    }

    .bbs11-frame .bbs11-block-title,
    .bbs11-frame .bbs11-model-heading h3 {
        font-size: 18px !important;
    }

    .bbs11-frame .bbs11-assumptions-panel,
    .bbs11-frame .bbs11-model-panel {
        min-height: 0 !important;
        padding: 20px !important;
        border-radius: 18px !important;
    }

    .bbs11-frame .bbs11-assumption {
        padding: 16px !important;
    }

    .bbs11-frame .bbs11-assumption-icon {
        width: 48px !important;
        margin-bottom: 9px !important;
    }

    .bbs11-frame .bbs11-assumption-value {
        font-size: 28px !important;
    }

    .bbs11-frame .bbs11-assumption-label {
        margin-top: 7px !important;
        font-size: 14px !important;
    }

    .bbs11-frame .bbs11-model-heading {
        margin-bottom: 14px !important;
    }

    .bbs11-frame .bbs11-model-line {
        height: 1px !important;
    }

    .bbs11-frame .bbs11-model-row {
        min-height: 0 !important;
        grid-template-columns: 36% 1fr !important;
        gap: 14px !important;
        padding: 15px 0 !important;
    }

    .bbs11-frame .bbs11-model-label {
        font-size: 14px !important;
    }

    .bbs11-frame .bbs11-model-label small {
        margin-top: 6px !important;
        font-size: 12px !important;
    }

    .bbs11-frame .bbs11-model-value {
        font-size: 15px !important;
    }

    .bbs11-frame .bbs11-results {
        min-height: 0 !important;
        grid-template-rows: auto !important;
        gap: 14px !important;
    }

    .bbs11-frame .bbs11-result-card,
    .bbs11-frame .bbs11-combined-value {
        padding: 24px !important;
        border-radius: 16px !important;
    }

    .bbs11-frame .bbs11-result-number {
        font-size: 56px !important;
    }

    .bbs11-frame .bbs11-result-label {
        margin-top: 10px !important;
        font-size: 21px !important;
    }

    .bbs11-frame .bbs11-combined-value p {
        font-size: 15px !important;
    }

    .bbs11-frame .bbs11-combined-value strong {
        margin-top: 8px !important;
        font-size: 21px !important;
    }

    /* =====================================================
       SECTION 12 — FINAL CLOSING SECTION
       ===================================================== */

    .bbs12-frame .bbs12-stage {
        display: flex !important;
        flex-direction: column !important;
        padding: 32px 20px 0 !important;
    }

    .bbs12-frame .bbs12-logo {
        position: relative !important;
        top: auto !important;
        left: auto !important;

        width: min(240px, 52%) !important;
        max-height: none !important;
    }

    .bbs12-frame .bbs12-copy {
        position: relative !important;
        top: auto !important;
        left: auto !important;

        width: 100% !important;
        margin-top: 24px !important;
    }

    .bbs12-frame .bbs12-title {
        font-size: clamp(42px, 7vw, 72px) !important;
        line-height: 1.12 !important;
    }

    .bbs12-frame .bbs12-description-card {
        position: relative !important;
        bottom: auto !important;
        left: auto !important;

        width: 100% !important;
        min-height: 0 !important;

        padding: 26px !important;
        margin-top: 24px !important;

        border-radius: 26px !important;
    }

    .bbs12-frame .bbs12-description {
        max-width: 100% !important;
        font-size: 18px !important;
    }

    .bbs12-frame .bbs12-building-wrap {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;

        width: calc(100% + 40px) !important;
        height: 360px !important;

        margin: 22px -20px 0 !important;
    }

    .bbs12-frame .bbs12-phone-collage {
        position: relative !important;
        top: auto !important;
        right: auto !important;

        align-self: flex-end !important;
        width: min(520px, 72%) !important;

        margin: -300px 1% 12px 0 !important;
    }

    /* =====================================================
       THANK YOU SECTION
       ===================================================== */

    .bbty-frame .bbty-stage {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 26px !important;
        padding: 44px 28px !important;
    }

    .bbty-frame .bbty-left,
    .bbty-frame .bbty-right {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;

        width: 100% !important;
    }

    .bbty-frame .bbty-title {
        font-size: clamp(52px, 8vw, 88px) !important;
    }

    .bbty-frame .bbty-title-line {
        width: 100% !important;
        margin: 18px 0 24px !important;
    }

    .bbty-frame .bbty-title-line::before {
        width: 86% !important;
        height: 2px !important;
    }

    .bbty-frame .bbty-title-line::after {
        width: 12px !important;
    }

    .bbty-frame .bbty-small-title {
        font-size: 19px !important;
    }

    .bbty-frame .bbty-owned {
        margin-top: 7px !important;
        font-size: clamp(30px, 4.4vw, 48px) !important;
    }

    .bbty-frame .bbty-brand-name {
        margin-top: 7px !important;
        font-size: clamp(38px, 5vw, 58px) !important;
    }

    .bbty-frame .bbty-small-accent {
        width: 72px !important;
        height: 5px !important;
        margin: 18px 0 !important;
    }

    .bbty-frame .bbty-description {
        max-width: 100% !important;
        font-size: 16px !important;
    }

    .bbty-frame .bbty-logo {
        width: min(330px, 80%) !important;
        max-height: none !important;
        margin: 0 auto 32px !important;
    }

    .bbty-frame .bbty-contact-area {
        padding-left: 28px !important;
    }

    .bbty-frame .bbty-contact-area::before {
        width: 3px !important;
    }

    .bbty-frame .bbty-contact-list {
        gap: 18px !important;
    }

    .bbty-frame .bbty-contact-row {
        grid-template-columns: 60px 1fr !important;
        gap: 14px !important;
    }

    .bbty-frame .bbty-contact-icon {
        width: 58px !important;
    }

    .bbty-frame .bbty-contact-label {
        font-size: 14px !important;
    }

    .bbty-frame .bbty-contact-value {
        margin-top: 5px !important;
        font-size: 17px !important;
    }

    /* =====================================================
       SECTION 14 — SOURCE REFERENCES
       ===================================================== */

    .bbs14-frame .bbs14-stage {
        padding: 32px 20px 28px !important;
    }

    .bbs14-frame .bbs14-header {
        position: relative !important;
        top: auto !important;
        left: auto !important;
    }

    .bbs14-frame .bbs14-title {
        font-size: clamp(34px, 5vw, 56px) !important;
    }

    .bbs14-frame .bbs14-list {
        position: relative !important;
        top: auto !important;
        left: auto !important;

        width: 100% !important;
        margin-top: 30px !important;
    }

    .bbs14-frame .bbs14-item {
        padding-left: 56px !important;
    }

    .bbs14-frame .bbs14-item + .bbs14-item {
        margin-top: 34px !important;
    }

    .bbs14-frame .bbs14-number {
        top: -4px !important;
        width: 42px !important;
        border-width: 1px !important;
        font-size: 20px !important;
    }

    .bbs14-frame .bbs14-item-title {
        font-size: 21px !important;
    }

    .bbs14-frame .bbs14-source-name {
        margin-top: 9px !important;
        font-size: 15px !important;
    }

    .bbs14-frame .bbs14-description {
        max-width: 100% !important;
        margin-top: 10px !important;
        font-size: 14px !important;
    }

    .bbs14-frame .bbs14-link {
        min-width: 0 !important;
        min-height: 0 !important;

        padding: 11px 14px !important;
        margin-top: 10px !important;

        border-radius: 8px !important;
        font-size: 14px !important;
    }

    .bbs14-frame .bbs14-link-icon {
        width: 22px !important;
    }

    .bbs14-frame .bbs14-note {
        position: relative !important;
        right: auto !important;
        bottom: auto !important;

        width: 100% !important;
        min-height: 0 !important;

        padding: 22px !important;
        margin-top: 32px !important;

        border-radius: 16px !important;

        background:
            linear-gradient(
                135deg,
                rgba(126, 162, 254, 0.18),
                rgba(8, 127, 252, 0.08)
            ) !important;
    }

    .bbs14-frame .bbs14-note::before {
        display: none !important;
    }

    .bbs14-frame .bbs14-note-title {
        font-size: 19px !important;
    }

    .bbs14-frame .bbs14-note-text {
        margin-top: 10px !important;
        font-size: 14px !important;
    }
}

/* =========================================================
   MOBILE — 767PX AND BELOW
   ========================================================= */

@media (max-width: 767px) {

    /* General spacing */
    .bbp2-frame .bbp2-stage,
    .bbs3-frame .bbs3-stage,
    .bbs4-frame .bbs4-stage,
    .bbs5-frame .bbs5-stage,
    .bbs6-frame .bbs6-stage,
    .bbs7-frame .bbs7-stage,
    .bbs8-frame .bbs8-stage,
    .bbs9-frame .bbs9-stage,
    .bbs10-frame .bbs10-stage,
    .bbs11-frame .bbs11-stage,
    .bbs12-frame .bbs12-stage,
    .bbs14-frame .bbs14-stage {
        padding-right: 15px !important;
        padding-left: 15px !important;
    }

    /* Footer full width correction */
    .bbp2-frame .bbp2-footer,
    .bbs3-frame .bbs3-footer,
    .bbs4-frame .bbs4-footer,
    .bbs5-frame .bbs5-footer,
    .bbs6-frame .bbs6-footer,
    .bbs7-frame .bbs7-footer,
    .bbs8-frame .bbs8-footer,
    .bbs9-frame .bbs9-footer,
    .bbs10-frame .bbs10-footer,
    .bbs11-frame .bbs11-footer,
    .bbs14-frame .bbs14-footer {
        width: calc(100% + 30px) !important;
        padding: 11px 15px !important;
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

    /* Section 2 */
    .bbp2-frame .bbp2-stage {
        grid-template-columns: 1fr !important;
    }

    .bbp2-frame .bbp2-circle {
        width: min(100%, 380px) !important;
        justify-self: center !important;
    }

    .bbp2-frame .bbp2-circle-title {
        font-size: 18px !important;
    }

    .bbp2-frame .bbp2-number {
        font-size: 58px !important;
    }

    /* Section 3 */
    .bbs3-frame .bbs3-stage {
        grid-template-columns: 1fr !important;
    }

    .bbs3-frame .bbs3-point {
        min-height: 0 !important;
    }

    .bbs3-frame .bbs3-ai-bar {
        display: block !important;
        padding: 18px !important;
    }

    .bbs3-frame .bbs3-ai-title {
        min-height: 0 !important;
        padding: 0 !important;
    }

    .bbs3-frame .bbs3-ai-description {
        min-height: 0 !important;
        padding: 16px 0 0 !important;
        margin-top: 16px !important;
        border-top: 1px solid rgba(255, 255, 255, 0.42) !important;
        border-left: 0 !important;
    }

    /* Section 4 */
    .bbs4-frame .bbs4-step {
        display: block !important;
        min-height: 0 !important;
        padding-bottom: 86px !important;
    }

    .bbs4-frame .bbs4-phone-wrap {
        height: 330px !important;
        min-height: 0 !important;
    }

    .bbs4-frame .bbs4-copy {
        height: auto !important;
        padding: 18px !important;
    }

    .bbs4-frame .bbs4-step-text br,
    .bbs4-frame .bbs4-step-title br {
        display: none !important;
    }

    .bbs4-frame .bbs4-result {
        border-radius: 16px !important;
        font-size: 15px !important;
    }

    /* Section 5 */
    .bbs5-frame .bbs5-stage {
        grid-template-columns: 1fr !important;
    }

    .bbs5-frame .bbs5-card {
        min-height: 0 !important;
    }

    .bbs5-frame .bbs5-card br {
        display: none !important;
    }

    .bbs5-frame .bbs5-building-wrap {
        height: 240px !important;
    }

    /* Section 6 */
    .bbs6-frame .bbs6-title {
        font-size: 36px !important;
    }

    .bbs6-frame .bbs6-info-panel {
        grid-template-columns: 1fr !important;
    }

    .bbs6-frame .bbs6-info-row {
        min-height: 0 !important;
    }

    .bbs6-frame .bbs6-phones-wrap {
        height: 260px !important;
    }

    /* Section 7 */
    .bbs7-frame .bbs7-grid {
        grid-template-columns: 1fr !important;
    }

    .bbs7-frame .bbs7-card-header {
        min-height: 82px !important;
    }

    .bbs7-frame .bbs7-card-body {
        min-height: 300px !important;
    }

    .bbs7-frame .bbs7-card-image {
        height: 190px !important;
    }

    .bbs7-frame .bbs7-result {
        border-radius: 16px !important;
        font-size: 15px !important;
    }

    /* Section 8 */
    .bbs8-frame .bbs8-phones-wrap {
        height: 260px !important;
    }

    .bbs8-frame .bbs8-grid {
        grid-template-columns: 1fr !important;
    }

    .bbs8-frame .bbs8-card {
        min-height: 0 !important;
    }

    /* Section 9 */
    .bbs9-frame .bbs9-grid {
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .bbs9-frame .bbs9-card-visual {
        height: 210px !important;
    }

    .bbs9-frame .bbs9-popout {
        height: 270px !important;
    }

    .bbs9-frame .bbs9-card-body {
        min-height: 0 !important;
    }

    .bbs9-frame .bbs9-card-title {
        min-height: 0 !important;
    }

    /* Sections 10 and 11 */
    .bbs10-frame .bbs10-assumptions-grid,
    .bbs11-frame .bbs11-assumptions-grid {
        grid-template-columns: 1fr !important;
        grid-template-rows: none !important;
    }

    .bbs10-frame .bbs10-assumption,
    .bbs11-frame .bbs11-assumption {
        padding: 14px 0 !important;
        border-top: 1px solid rgba(8, 127, 252, 0.22) !important;
        border-left: 0 !important;
    }

    .bbs10-frame .bbs10-assumption:first-child,
    .bbs11-frame .bbs11-assumption:first-child {
        border-top: 0 !important;
    }

    .bbs10-frame .bbs10-model-row,
    .bbs11-frame .bbs11-model-row {
        display: block !important;
    }

    .bbs10-frame .bbs10-model-value,
    .bbs11-frame .bbs11-model-value {
        margin-top: 8px !important;
    }

    /* Section 12 */
    .bbs12-frame .bbs12-title {
        font-size: 45px !important;
    }

    .bbs12-frame .bbs12-building-wrap {
        width: calc(100% + 30px) !important;
        height: 260px !important;
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

    .bbs12-frame .bbs12-phone-collage {
        width: 88% !important;
        margin-top: -205px !important;
        margin-right: -2% !important;
    }

    /* Thank You */
    .bbty-frame .bbty-stage {
        display: block !important;
        padding: 38px 18px !important;
    }

    .bbty-frame .bbty-right {
        padding: 26px 20px !important;
        margin-top: 34px !important;

        border-radius: 22px !important;

        background:
            linear-gradient(
                135deg,
                #081D79,
                #1B217D 58%,
                #087FFC
            ) !important;
    }

    .bbty-frame .bbty-logo {
        width: min(280px, 80%) !important;
    }

    .bbty-frame .bbty-contact-label,
    .bbty-frame .bbty-contact-value {
        color: #FFFFFF !important;
    }

    .bbty-frame .bbty-contact-value {
        font-size: 15px !important;
        word-break: break-word !important;
    }

    .bbty-frame .bbty-contact-area {
        padding-left: 20px !important;
    }

    .bbty-frame .bbty-contact-row {
        grid-template-columns: 52px 1fr !important;
    }

    .bbty-frame .bbty-contact-icon {
        width: 50px !important;
    }

    /* Section 14 */
    .bbs14-frame .bbs14-item {
        padding-left: 0 !important;
        padding-top: 54px !important;
    }

    .bbs14-frame .bbs14-number {
        top: 0 !important;
    }

    .bbs14-frame .bbs14-link {
        display: flex !important;
        width: 100% !important;
        align-items: flex-start !important;
    }
}
/* =========================================================
   SECTION 2 — FINAL MOBILE CIRCLES ALIGNMENT
   Center circles and fix internal content
   Add at the VERY END of Additional CSS
   ========================================================= */

@media (max-width: 767px) {

    /* Main mobile layout */
    .bbp2-frame .bbp2-stage {
        display: grid !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        align-items: start !important;
        gap: 18px !important;

        width: 100% !important;
        padding-right: 14px !important;
        padding-left: 14px !important;
    }

    /* =====================================================
       ALL CIRCLES
       ===================================================== */

    .bbp2-frame .bbp2-circle {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: flex !important;
        width: min(92vw, 390px) !important;
        max-width: min(92vw, 390px) !important;
        aspect-ratio: 1 / 1 !important;

        align-items: center !important;
        justify-content: center !important;
        justify-self: center !important;

        margin: 0 auto 10px !important;

        transform: none !important;
    }

    /* =====================================================
       CONTENT INSIDE CIRCLES
       ===================================================== */

    .bbp2-frame .bbp2-circle-content {
        position: relative !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;

        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        height: 100% !important;

        flex-direction: column !important;
        align-items: center !important;
        justify-content: center !important;

        padding: 58px 34px 44px !important;

        text-align: center !important;

        transform: none !important;
    }

    /* Circle heading */
    .bbp2-frame .bbp2-circle-title {
        width: 100% !important;
        max-width: 290px !important;
        min-height: 0 !important;

        margin: 0 auto !important;

        font-size: 19px !important;
        line-height: 1.22 !important;
        text-align: center !important;
    }

    /* Divider */
    .bbp2-frame .bbp2-divider {
        width: 76% !important;
        height: 1px !important;

        margin: 22px auto !important;
    }

    /* Main percentage */
    .bbp2-frame .bbp2-number {
        width: 100% !important;
        margin: 0 !important;

        font-size: 70px !important;
        line-height: 0.95 !important;
        text-align: center !important;
    }

    /* Description under percentage */
    .bbp2-frame .bbp2-description {
        width: 100% !important;
        max-width: 265px !important;

        margin: 14px auto 0 !important;

        font-size: 15px !important;
        line-height: 1.34 !important;
        text-align: center !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    /* =====================================================
       CENTER CIRCLE — 92% AND 25%
       ===================================================== */

    .bbp2-frame .bbp2-center-row {
        display: grid !important;
        width: 100% !important;
        max-width: 310px !important;

        grid-template-columns: 105px minmax(0, 1fr) !important;
        align-items: center !important;
        gap: 16px !important;

        margin: 0 auto !important;
    }

    .bbp2-frame .bbp2-center-number {
        width: auto !important;
        min-width: 0 !important;
        margin: 0 !important;

        font-size: 55px !important;
        line-height: 0.95 !important;
        text-align: left !important;
    }

    .bbp2-frame .bbp2-center-copy {
        width: auto !important;
        min-width: 0 !important;
        max-width: none !important;
        margin: 0 !important;

        font-size: 13.5px !important;
        line-height: 1.26 !important;
        text-align: left !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    /* Separator between the 92% and 25% rows */
    .bbp2-frame .bbp2-center-row + .bbp2-divider {
        width: 100% !important;
        max-width: 310px !important;

        margin: 15px auto !important;
    }

    /* =====================================================
       TOP BADGES
       ===================================================== */

    .bbp2-frame .bbp2-badge {
        left: 50% !important;

        width: 66px !important;
        max-width: 66px !important;

        border-width: 1px !important;

        transform: translateX(-50%) !important;
    }

    /* Hide decorative floating icons on mobile */
    .bbp2-frame .bbp2-float {
        display: none !important;
    }
}

/* =========================================================
   EXTRA SMALL PHONES
   ========================================================= */

@media (max-width: 390px) {

    .bbp2-frame .bbp2-circle {
        width: min(90vw, 350px) !important;
        max-width: min(90vw, 350px) !important;
    }

    .bbp2-frame .bbp2-circle-content {
        padding: 54px 26px 38px !important;
    }

    .bbp2-frame .bbp2-circle-title {
        max-width: 260px !important;
        font-size: 17px !important;
    }

    .bbp2-frame .bbp2-number {
        font-size: 62px !important;
    }

    .bbp2-frame .bbp2-description {
        max-width: 235px !important;
        font-size: 13px !important;
    }

    .bbp2-frame .bbp2-center-row {
        max-width: 275px !important;
        grid-template-columns: 92px minmax(0, 1fr) !important;
        gap: 12px !important;
    }

    .bbp2-frame .bbp2-center-number {
        font-size: 48px !important;
    }

    .bbp2-frame .bbp2-center-copy {
        font-size: 12px !important;
    }

    .bbp2-frame .bbp2-center-row + .bbp2-divider {
        max-width: 275px !important;
    }
}/* End custom CSS */