header{
    position: relative;
    z-index: 1;
}
header.sticky::after{
    content: unset;
}
    header::after {
        content: "";
        display: block;
        width: 100%;
        height: 1px;
        background-color: #ffffff14;
        position: absolute;
        bottom: 6px;
        left: 0;
    }
sup {
    font-size: 0.5rem;
    top: -2em;
}
.absolute-paragraph sup {
    top: -1.1em;
}

.welcome::before {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #ffffff14;
    top: 0;
    left: 100px;
}
.welcome::after {
    content: "";
    position: absolute;
    width: 1px;
    height: 100%;
    background-color: #ffffff14;
    top: 0;
    right: 100px;
}
.welcome {
    background-image: url('https://dz5tyoxl8h44g.cloudfront.net/ndx-BG.jpg');
    background-position: unset;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 100px;
    background-color: #14042a;
    color: white;
    position: relative;
}

.nist-card-wrapper {
    margin-top: 20px;
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 20px;
    padding: 30px 20px;
    background: rgb(255 255 255 / 3%);
    backdrop-filter: blur(10px);
    transition: all 0.3s ease;
    width: 99%;
}

.mb-3 {
    margin-bottom: 0.3rem !important;
}

.nist-btn {
    border-radius: 20px;
    font-size: 0.8rem;
    padding: 0.35rem 0.75rem;
    border-color: #8090f7;
    color: white
}

    .nist-btn:hover {
        background-color: #8090f7; /* fill with border color */
        color: #fff;
    }

.btn btn-outline-light{
   border: 3px white; 
}

.mb-2 {
    margin-bottom: 1rem !important;
    font-size: 1rem;
}

.mb-4 {
    margin-bottom: .5rem !important;
    font-size: 1.5rem;
    color: #98cfff;
}

.mb-5 {
    font-size: 0.9rem;
    margin-bottom: 2rem !important;
}

    .welcome .bubble-logo {
        width: 80px;
        padding: 15px 13px;
        border-radius: 25px;
        margin-top: 15px;
    }

    .welcome h3 {
        font-size: 2.1rem;
        font-weight: 400;
        letter-spacing: 0.5px;
    }

    .welcome h1 {
        font-size: 4.8rem;
        font-weight: 300;
        line-height: 69px;
    }

    .welcome .ultra-secure-features {
        width: 66px;
        background: rgb(255 255 255 / 5%);
        border-radius: 50%;
        padding: 14px 20px;
    }

    .welcome .banner-features-div .col-md-4 {
        width: 32.1%;
        width: 32.1%;
        border: 1px solid rgb(255 255 255 / 7%);
        background: rgb(255 255 255 / 3%);
        border-radius: 24px;
        padding: 35px 30px 0px;
        min-height: 300px;
        max-height: 300px;
    }

    .welcome .banner-features-div h3 {
        margin-top: 15px;
        max-width: 290px;
        font-size: 1.4rem;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .welcome .banner-features-div p {
        font-size: 12px;
        font-weight: 200;
        max-width: 289px;
        line-height: 18px;
        opacity: 0.9;
    }
        .welcome .banner-features-div p.terminate-supporting {
            max-width: unset;
        }

    /* ===== H1 heading size + spacing (our override) ===== */
    .welcome h1#nui1 {
        font-size: clamp(2.2rem, 3.45vw, 4.05rem);
        line-height: 1.12;
        margin-left: 1.3rem;
        width: auto;
        max-width: none;
        font-weight: 500;
        color: #b9cbff;
        background-image:
            linear-gradient(90deg, #adb5ff 0%, #c3ccff 52%, #d2d9ff 100%),
            linear-gradient(90deg, #d8f6dd 0%, #ecfae7 52%, #d7efe2 100%),
            linear-gradient(90deg, #b9d6ff 0%, #d8ebff 52%, #bcd9ff 100%);
        background-size: 100% 33.34%, 100% 33.33%, 100% 33.33%;
        background-position: top left, center left, bottom left;
        background-repeat: no-repeat;
        -webkit-background-clip: text;
        background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .welcome h1#nui1 br {
        display: block;
    }

    .welcome h1#nui1 .hero-line {
        display: block;
        white-space: nowrap;
        overflow: visible;
    }

    .welcome h1#nui1 .hero-line:nth-child(1) {
        background-image: none;
        -webkit-text-fill-color: #8090F7;
        filter: url(#h1-inner-shadow-strong);
    }

    .welcome h1#nui1 .hero-line:nth-child(2) {
        background-image: none;
        -webkit-text-fill-color: #C9FFCA;
        filter: url(#h1-inner-shadow-light);
    }

    .welcome h1#nui1 .hero-line:nth-child(3) {
        background-image: none;
        -webkit-text-fill-color: #96CFFF;
        filter: url(#h1-inner-shadow-light);
    }

    @media (min-width: 992px) {
        .welcome h1#nui1 {
            margin-bottom: 1.6rem !important;
        }
    }

    @media (min-width: 992px) {
        .welcome .hero-first-row {
            column-gap: 18px;
        }

        .welcome .hero-first-row > .col-lg-7 {
            flex: 0 0 60%;
            max-width: 60%;
            display: flex;
            flex-direction: column;
            min-height: 504px;
            padding-top: 18px;
        }

        .welcome .hero-first-row > .col-lg-7 #nui2 {
            margin-bottom: 0 !important;
        }

        .welcome .hero-first-row > .col-lg-7 .top-store-links {
            padding-top: 0px;
        }

        .welcome .hero-first-row > .hero-side-cards {
            flex: 0 0 32%;
            max-width: 32%;
        }
    }

    @media (min-width: 1600px) {
        .welcome h1#nui1 {
            font-size: 2.88rem;
            line-height: 1.1;
        }

        .welcome .hero-side-cards .hero-card.nist-card-wrapper {
            height: 300px;
            min-height: 300px;
        }

        .welcome .hero-first-row > .col-lg-7 {
            min-height: 612px;
            padding-top: 24px;
        }
    }

    @media (min-width: 1400px) and (max-width: 1599.98px) {
        .welcome h1#nui1 {
            font-size: 2.6rem;
            line-height: 1.11;
        }

        .welcome .hero-side-cards .hero-card.nist-card-wrapper {
            height: 286px;
            min-height: 286px;
        }

        .welcome .hero-first-row > .col-lg-7 {
            min-height: 584px;
            padding-top: 22px;
        }
    }

    @media (min-width: 1200px) and (max-width: 1399.98px) {
        .welcome h1#nui1 {
            font-size: 2.35rem;
            line-height: 1.12;
        }

        .welcome .hero-side-cards .hero-card.nist-card-wrapper {
            height: 268px;
            min-height: 268px;
        }

        .welcome .hero-first-row > .col-lg-7 {
            min-height: 548px;
            padding-top: 20px;
        }
    }

    @media (min-width: 992px) and (max-width: 1199.98px) {
        .welcome h1#nui1 {
            font-size: 2.08rem;
            line-height: 1.14;
        }

        .welcome .hero-side-cards .hero-card.nist-card-wrapper {
            height: 246px;
            min-height: 246px;
        }

        .welcome .hero-first-row > .col-lg-7 {
            min-height: 504px;
            padding-top: 18px;
        }
    }

    /* ===== 992–1200px: NIST & XAVE cards responsive fix ===== */
    @media (min-width: 992px) and (max-width: 1199.98px) {
        /* Release fixed height so content isn't clipped */
        .welcome .hero-side-cards .hero-card.nist-card-wrapper {
            height: auto !important;
            min-height: unset !important;
            overflow: visible;
        }

        /* Tighten card inner padding */
        .welcome .hero-side-cards .hero-card .hero-card-inner.nist-card {
            padding: 14px 12px;
            gap: 2px;
        }

        /* Scale down NIST logo */
        .welcome .hero-side-cards .hero-nist-card .hero-card-inner .img-fluid {
            width: 120px !important;
            max-width: 120px !important;
            margin-bottom: 6px !important;
        }

        /* "Now validated under the" */
        .welcome .hero-side-cards .hero-nist-card .hero-card-inner .mb-2 {
            font-size: 0.8rem;
            margin-bottom: 2px !important;
        }

        /* "Cryptographic Algorithm Validation Program (CAVP)" */
        .welcome .hero-side-cards .hero-nist-card .hero-card-inner .mb-4 {
            font-size: 1rem;
            line-height: 1.2;
            margin-bottom: 6px !important;
        }

        /* "The federal standard for cryptographic correctness." */
        .welcome .hero-side-cards .hero-nist-card .hero-card-inner .mb-5 {
            font-size: 0.78rem;
            line-height: 1.3;
            margin-bottom: 8px !important;
        }

        /* View Certification button */
        .welcome .hero-side-cards .hero-nist-card .hero-card-inner .nist-btn {
            min-width: 140px;
            font-size: 0.75rem;
            height: 30px;
            padding: 0.28rem 0.75rem;
        }

        /* Gap between the two cards */
        .welcome .hero-side-cards {
            gap: 8px;
        }

        /* XAVE card inner padding */
        .welcome .hero-side-cards .hero-xave-card .hero-card-inner.nist-card {
            padding: 14px 12px;
            gap: 4px;
        }

        /* XAVE icon */
        .welcome .s1-xave-icon {
            width: 48px;
            margin-bottom: 4px;
            margin-top: 2px;
        }

        /* XAVE title */
        .welcome .s1-xave-title {
            font-size: 0.86rem;
            margin-bottom: 8px;
        }

        /* "Easy integration with:" */
        .welcome .hero-side-cards .banner-xave-intro {
            font-size: 0.8rem;
        }

        /* XAVE store images */
        .welcome .hero-side-cards .banner-xave-store-img {
            max-width: 86px;
        }

        .welcome .hero-side-cards .banner-xave-stores {
            gap: 6px;
        }

    }

    .welcome .hero-first-row {
        align-items: stretch !important;
    }

    .welcome .hero-side-cards {
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    .welcome .hero-side-cards .hero-card.nist-card-wrapper {
        width: 100%;
        margin-top: 0;
        padding: 0;
        display: flex;
        height: 286px;
        min-height: 286px;
        overflow: hidden;
    }

    .welcome .hero-side-cards .hero-card .hero-card-inner.nist-card {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 24px 22px;
    }

    .welcome .hero-side-cards .hero-nist-card .hero-card-inner {
        justify-content: center;
        gap: 4px;
    }

    .welcome .hero-side-cards .hero-nist-card .hero-card-inner .mb-2 {
        font-size: 0.95rem;
        line-height: 1.35;
        margin-bottom: 4px !important;
    }

    .welcome .hero-side-cards .hero-nist-card .hero-card-inner .img-fluid {
        width: 100%;
        height: auto;
        margin-bottom: 10px !important;
    }

    .welcome .hero-side-cards .hero-nist-card .hero-card-inner .mb-4 {
        font-size: 1.35rem;
        line-height: 1.25;
        color: #93cdff;
        font-weight: 600;
        margin-bottom: 10px !important;
    }

    .welcome .hero-side-cards .hero-nist-card .hero-card-inner .mb-5 {
        font-size: 1rem;
        line-height: 1.35;
        margin-bottom: 14px !important;
        opacity: 0.95;
    }

    .welcome .hero-side-cards .hero-nist-card .hero-card-inner .nist-btn {
        min-width: 180px;
        height: 34px;
        font-size: 0.82rem;
        padding: 0.45rem 1rem;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }

    /* ===== Section 1: Banner app subtitle & caption ===== */
.welcome .banner-app-subtitle {
    font-size: 0.88rem;
    color: #ffffffc9;
    margin-left: 1.3rem;
    margin-bottom: 4px;
    font-weight: 400;
    max-width: unset;
    line-height: 1.4;
}

.welcome .banner-app-caption {
    font-size: 0.6rem;
    letter-spacing: 3.5px;
    color: #ffffffb0;
    margin-left: 1.3rem;
    margin-bottom: 1.6rem;
    font-weight: 500;
    text-transform: uppercase;
    max-width: unset;
}

    /* ===== Section 1: XAVE card (compact) ===== */
    .welcome .s1-xave-wrapper.nist-card-wrapper {
        padding: 0;
        margin-top: 0;
    }

    .welcome .s1-xave-icon {
        width: 62px;
        margin-bottom: 8px;
        margin-top: 4px;
    }

    .welcome .s1-xave-title {
        font-size: 1rem;
        line-height: 1.3;
        margin-top: 4px;
        margin-bottom: 12px;
        color: #ffffff;
        max-width: 86%;
        font-weight: 400;
        margin-left: auto;
        margin-right: auto;
    }

    .welcome .hero-side-cards .hero-xave-card .hero-card-inner {
        justify-content: center;
        gap: 6px;
    }

    .welcome .hero-side-cards .banner-xave-intro {
        font-size: 0.95rem;
        color: #ffffff;
        margin-bottom: 0;
    }

    .welcome .hero-side-cards .banner-xave-stores {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 8px;
        flex-wrap: nowrap;
        margin-top: 2px;
    }

    .welcome .hero-side-cards .banner-xave-store-link {
        flex: 1 1 0;
        max-width: 31%;
        text-decoration: none;
    }

    .welcome .hero-side-cards .banner-xave-store-img {
        width: 100%;
        max-width: 106px;
        height: auto;
        display: block;
        margin: 0 auto;
    }

    /* ===== Section 2: xID placeholder image ===== */
    .welcome .s2-xid-placeholder {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 20px;
        padding: 10px;
    }

    .welcome .s2-xid-img {
        width: 70%;
        height: auto;
        border-radius: 16px;
    }

    /* ===== RTL: right-align logo + heading for Arabic/Farsi ===== */
    html[dir="rtl"] .welcome .bubble-logo {
        margin-left: auto !important;
        margin-right: 0 !important;
    }

    html[dir="rtl"] .welcome .col-lg-7 {
        text-align: right !important;
    }

    html[dir="rtl"] .welcome .banner-features-div .banner-text-section {
        text-align: right !important;
        align-items: stretch !important;
    }

    html[dir="rtl"] #nui1 {
        text-align: right;
    }

    html[dir="rtl"] #nui2 {
        text-align: right;
    }

    /* ===== Banner Features - margin-top override ===== */
    .welcome .banner-features-div {
        margin-top: 2.5rem;
    }

    /* ===== Banner Text Section (Privacy Without Identity) ===== */
    .welcome .banner-features-div .banner-text-section {
        flex: 0 0 auto;
        padding-top: 40px;
    }

    .welcome .banner-features-div .banner-text-section h3 {
        max-width: 760px;
        font-size: 2.05rem;
        line-height: 1.12;
        font-weight: 400;
        margin-bottom: 20px;
        margin-left: 1.3rem;
    }

    .welcome .banner-features-div .banner-text-section h3 .s2-heading-accent {
        display: block;
        margin-top: 2px;
        font-size: 2.05rem;
        font-weight: 500;
    }

    .welcome .banner-features-div .banner-text-section h3 .s2-heading-highlight {
        color: #b9cbff;
    }

    .welcome .banner-features-div .banner-text-section p {
        max-width: 760px;
        font-size: 0.98rem;
        line-height: 1.52;
        font-weight: 400;
        margin-bottom: 0;
        margin-left: 1.3rem;
        color: rgba(235, 238, 248, 0.9);
    }

    .welcome .banner-features-div .banner-text-section p.banner-text-desc {
        opacity: 0.9;
        margin-bottom: 18px;
        margin-left: 1.3rem;
    }

    .welcome .banner-features-div .banner-text-section .banner-text-list {
        display: flex;
        flex-direction: column;
        gap: 10px;
        margin-bottom: 4px;
        margin-left: 1.3rem;
    }

    .welcome .banner-features-div .banner-text-section .bullet-row {
        display: flex;
        align-items: center;
        gap: 12px;
        line-height: 1.4;
    }

    .welcome .banner-features-div .banner-text-section .bullet-row span {
        font-size: 0.98rem;
        color: rgba(235, 238, 248, 0.9);
    }

    .welcome .banner-features-div .banner-text-section #nui3 {
        margin-bottom: 18px;
        -webkit-text-fill-color: white;
    }

    .welcome .banner-features-div .banner-text-section #nui3 .s2-heading-highlight {
        color: #8090F7;
        -webkit-text-fill-color: #8090F7;
        filter: url(#h1-inner-shadow-strong);
    }

    .welcome .banner-features-div .banner-text-section #nui4 {
        margin-bottom: 35px;
    }

    .welcome .banner-features-div .banner-text-section #nui6 {
        margin-top: 2px;
    }

    .welcome .banner-features-div .banner-text-section .banner-text-tick {
        width: 50px;
        height: 50px;
        flex-shrink: 0;
        object-fit: contain;
    }

    .welcome .banner-features-div .banner-text-section p.banner-text-footer {
        font-size: 0.98rem;
        line-height: 1.55;
        opacity: 0.78;
        margin-top: 40px;
        max-width: 760px;
    }

    /* ===== Banner XAVE Card ===== */
    .welcome .banner-features-div .banner-xave-card {
        max-height: unset;
        text-align: center !important;
        padding-top: 15px;
        width: 33%;
        margin-right: 0.33%;
    }

    .welcome .banner-features-div .banner-xave-icon {
        width: 80px;
        margin-bottom: 12px;
    }

    .welcome .banner-features-div .banner-xave-intro {
        font-size: 13px;
        color: white;
        margin-bottom: 3px;
        max-width: unset;
    }

    .welcome .banner-features-div .banner-xave-title {
        font-size: 1.4rem;
        margin-top: 5px;
        margin-bottom: 6px;
        max-width: unset;
    }

    .welcome .banner-features-div .banner-xave-subtitle {
        font-size: 13px;
        font-weight: 200;
        opacity: 0.9;
        margin-bottom: 10px;
        max-width: unset;
    }

    .welcome .banner-features-div .banner-xave-learnmore {
        color: #8b5cf6;
        font-size: 13px;
        text-decoration: none;
    }

    .welcome .banner-features-div .banner-xave-stores {
        gap: 10px;
        margin-top: 18px;
    }

    .welcome .banner-features-div .banner-xave-store-img {
        width: 95px;
    }

    .welcome .banner-features-div .banner-xave-store-link {
        text-decoration: none;
    }

    /* ===== Certification Section - New Elements ===== */
    .sliderSec .awards-sec #cert-sub1 {
        margin-bottom: 0;
        margin-top: 5px;
    }

    .sliderSec .awards-sec #cert-sub2 {
        margin-bottom: 15px;
    }

    .sliderSec .awards-sec #cert-footer {
        margin-top: 8px;
        font-weight: 400;
        font-size: 0.8rem;
    }

    .sliderSec .awards-sec .cert-list-item {
        margin-top: 10px;
    }

    .sliderSec .awards-sec .cert-list-item-first {
        margin-top: 8px;
    }

    /* ===== Certification Section - Overflow Protection ===== */
    .sliderSec .awards-sec > div:first-child {
        overflow: hidden;
    }

    /* ===== Language-specific Cert Section Adjustments ===== */
    /* Verbose Latin languages - slightly smaller heading and text */
    html[lang="de"] .sliderSec .awards-sec .dek-font-bg,
    html[lang="pt"] .sliderSec .awards-sec .dek-font-bg,
    html[lang="fr"] .sliderSec .awards-sec .dek-font-bg,
    html[lang="ro"] .sliderSec .awards-sec .dek-font-bg,
    html[lang="it"] .sliderSec .awards-sec .dek-font-bg {
        font-size: 1.35rem;
        line-height: 30px;
    }

    html[lang="de"] .sliderSec .awards-sec #cert-sub1,
    html[lang="de"] .sliderSec .awards-sec #cert-sub2,
    html[lang="de"] .sliderSec .awards-sec #cert-footer,
    html[lang="pt"] .sliderSec .awards-sec #cert-sub1,
    html[lang="pt"] .sliderSec .awards-sec #cert-sub2,
    html[lang="pt"] .sliderSec .awards-sec #cert-footer,
    html[lang="fr"] .sliderSec .awards-sec #cert-sub1,
    html[lang="fr"] .sliderSec .awards-sec #cert-sub2,
    html[lang="fr"] .sliderSec .awards-sec #cert-footer,
    html[lang="ro"] .sliderSec .awards-sec #cert-sub1,
    html[lang="ro"] .sliderSec .awards-sec #cert-sub2,
    html[lang="ro"] .sliderSec .awards-sec #cert-footer {
        font-size: 0.72rem;
        line-height: 15px;
    }

    /* Indic/Bengali scripts - may need extra line-height */
    html[lang="hi"] .sliderSec .awards-sec #cert-sub1,
    html[lang="hi"] .sliderSec .awards-sec #cert-sub2,
    html[lang="hi"] .sliderSec .awards-sec #cert-footer,
    html[lang="bn"] .sliderSec .awards-sec #cert-sub1,
    html[lang="bn"] .sliderSec .awards-sec #cert-sub2,
    html[lang="bn"] .sliderSec .awards-sec #cert-footer {
        font-size: 0.72rem;
        line-height: 16px;
    }

    /* Russian/Ukrainian - verbose Cyrillic */
    html[lang="ru"] .sliderSec .awards-sec .dek-font-bg,
    html[lang="uk"] .sliderSec .awards-sec .dek-font-bg {
        font-size: 1.3rem;
        line-height: 28px;
    }

    html[lang="ru"] .sliderSec .awards-sec #cert-sub1,
    html[lang="ru"] .sliderSec .awards-sec #cert-sub2,
    html[lang="ru"] .sliderSec .awards-sec #cert-footer,
    html[lang="uk"] .sliderSec .awards-sec #cert-sub1,
    html[lang="uk"] .sliderSec .awards-sec #cert-sub2,
    html[lang="uk"] .sliderSec .awards-sec #cert-footer {
        font-size: 0.72rem;
        line-height: 15px;
    }

    /* Vietnamese - accented Latin can be wider */
    html[lang="vi"] .sliderSec .awards-sec #cert-sub1,
    html[lang="vi"] .sliderSec .awards-sec #cert-sub2,
    html[lang="vi"] .sliderSec .awards-sec #cert-footer {
        font-size: 0.72rem;
        line-height: 15px;
    }

    /* Turkish - slightly verbose */
    html[lang="tr"] .sliderSec .awards-sec .dek-font-bg {
        font-size: 1.35rem;
        line-height: 30px;
    }

    .welcome .storeLinks {
        margin-top: 60px !important;
    }

    .welcome .storeLinks.top-store-links {
        margin-top: 24px !important;
        margin-left: 1.3rem;
    }

        .welcome .storeLinks img {
            width: 17%;
        }

        .welcome .storeLinks a {
            text-decoration: none;
        }

            .welcome .storeLinks a:nth-child(2) img {
                margin-left: 0.7rem;
                margin-right: 0.7rem;
            }

            .welcome .storeLinks a:nth-child(3) img {
                margin-right: 0.7rem;
            }

    .sliderSec {
        padding-top: 10px;
        color: white;
    }

        .sliderSec .col-md-6 {
            border: 1px solid #181718;
            border-radius: 25px;
            height: 770px;
            background: linear-gradient(180deg, #0C0A0D, #1A0C29, #1d0b40);
        }

        .sliderSec .home-slider {
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            height: 100%;
        }

        .sliderSec .homeSlides {
            justify-content: center;
            display: none;
            flex-direction: column;
            margin-top: -15px;
        }

        .sliderSec .home-slider .img-container {
            text-align: right;
            position: relative;
            width: 100%;
            max-width: unset;
            margin: 0 auto;
        }

            .sliderSec .home-slider .img-container video {
                display: block;
                margin-bottom: -125%;
                height: 387px;
                position: relative;
                top: 13px;
                left: 48px;
                border-radius: 39%;
            }

        .sliderSec .home-slider img {
            width: 250px;
            -webkit-transform: translate(0, 0);
            position: relative;
            top: 13px;
            left: 0;
            right: 0;
            margin: 0 auto;
        }

        .sliderSec .home-slider h2 {
            color: white;
            font-size: 1.5rem;
            text-align: center;
            font-weight: 400;
        }

            .sliderSec .home-slider h2 span {
                font-size: unset !important;
            }

        .sliderSec .home-slider p {
            color: white;
            opacity: 0.8;
            max-width: 400px;
            font-size: 0.8rem;
            line-height: 19px;
            text-align: center;
        }

        .sliderSec .txt-color {
            color: #7F8EF4;
        }

        .sliderSec span.terminate {
            color: #FF4848;
        }

        .sliderSec span.group-messaging {
            color: #02ADCC;
        }

        .sliderSec span.flicker-mode {
            color: #FFE05D;
        }

        .sliderSec span.distiller {
            color: #F7AAFF;
        }

        .sliderSec span.control {
            color: #8090F7;
        }

        .sliderSec .prev, .sliderSec .next {
            cursor: pointer;
            position: absolute;
            top: 50%;
            width: auto;
            padding: 4px 13PX;
            margin-top: -22px;
            font-size: 18px !important;
            transition: 0.6s ease;
            border-radius: 50% !important;
            user-select: none;
            text-decoration: none;
            color: white !important;
            background-color: #271C3D;
        }

        .sliderSec .prev {
            left: 30px;
        }

        .sliderSec .next {
            right: 30px;
        }

    html[dir="rtl"] .sliderSec .prev {
        right: 10px;
        left: auto;
    }

    html[dir="rtl"] .sliderSec .next {
        left: 10px;
        right: auto;
    }

    html[dir="rtl"] .sliderSec .video-overlay {
        right: auto;
        left: 12%;
    }

    .sliderSec .frame-container {
        position: relative;
        width: 315px;
        height: 630px;
        background: url('https://dz5tyoxl8h44g.cloudfront.net/nu_phone_x.png') no-repeat center/contain;
    }

    .sliderSec .video-overlay {
        position: absolute;
        top: 9%;
        left: 12%;
        width: 76%;
        height: 81%;
        border-radius: 26px;
    }

    .sliderSec video {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .sliderSec #terminate, .sliderSec #group, .sliderSec #flicker, .sliderSec #distlier, .sliderSec #control {
        margin-top: 3rem;
    }

    .sliderSec .col-md-6 {
        width: 53%;
    }

    .sliderSec .col-md-4 {
        width: 45%;
        height: 770px;
    }

    .sliderSec .awards-sec {
        border: 1px solid #181718;
        border-radius: 25px;
        background: linear-gradient(180deg, #080808, #1A0C29, #1e0a30);
        padding: 30px 30px;
        position: relative;
        height: calc((770px - 30px)* 0.54);
    }

        .sliderSec .awards-sec .dek-font-bg {
            font-size: 1.5rem;
            margin-bottom: 15px !important;
            line-height: 33px;
            font-weight: 400;
        }


        .sliderSec .awards-sec .ntick {
            width: 18px;
            margin-right: 0.9vw;
        }

        .sliderSec .awards-sec p {
            color: white;
            margin-bottom: 0px;
            letter-spacing: 0.3px;
            font-weight: 300;
            opacity: 0.9;
            line-height: 19px;
            font-size: 0.85rem;
        }

    html[dir="rtl"] .sliderSec .awards-sec p {
        margin-right: 15px;
    }

    .sliderSec .awards-sec p a {
        font-size: 0.7rem;
        font-weight: 400;
        color: #8090F7;
        cursor: pointer;
        text-decoration: none;
        line-height: 20px;
    }

        .sliderSec .awards-sec p a.cert {
            margin-right: 20px;
            text-decoration: none;
        }

    .sliderSec .awards-sec .banner-stamp-container img {
        width: 150px;
        position: absolute;
        bottom: 7px;
        right: 7px;
    }

    .sliderSec .awards-sec .mt-4 {
        margin-top: 2rem !important;
    }

    .sliderSec .awards-sec .mt-3 {
        margin-top: 1.8rem !important;
    }

    .sliderSec .xave-sec {
        margin-top: 30px;
        border: 1px solid #181718;
        border-radius: 25px;
        background: linear-gradient(90deg, #270A3C, #2E074B, #470077);
        padding: 30px 30px;
        height: calc((770px - 30px)* 0.46);
    }

        .sliderSec .xave-sec .data-locker {
            width: 90px;
            margin-bottom: 12px;
        }

        .sliderSec .xave-sec p {
            margin-bottom: 0px;
            color: white;
            font-size: 0.8rem;
        }

        .sliderSec .xave-sec h3 {
            color: white;
            font-size: 1.3rem;
            margin-bottom: 1px;
            font-weight: 500;
            margin-top: 5px;
        }

        .sliderSec .xave-sec p.desc {
            font-size: 0.81rem;
            font-weight: 200;
        }

        .sliderSec .xave-sec a.learnmore {
            display: block;
            text-decoration: none;
            color: #7F8EF4;
            margin-left: 0px;
            font-size: 0.7rem;
            margin-top: 22px;
        }

    .welcome .sliderSec .xave-sec .storeLinks {
        margin-top: 30px !important;
    }

    .sliderSec .xave-sec .storeLinks img {
        width: 105px;
    }

    .sliderSec .xave-sec .storeLinks a:nth-child(2) img {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
    }


    .privacy-security {
        padding-top: 100px;
        padding-bottom: 100px;
        background: linear-gradient(180deg, #0b0623, #060416, #020209);
        color: white;
    }

        .privacy-security h2 {
            font-size: 2.05rem;
            max-width: 650px;
            text-align: center;
            margin-bottom: 70px;
        }

            .privacy-security h2 span.privacy-span {
                color: #8b86f2;
            }

            .privacy-security h2 span.security-span {
                color: #95d07f;
            }

        .privacy-security img {
            width: 80px;
        }

            .privacy-security img.offline-lock {
                width: 53px;
            }

            .privacy-security img.remote-wipeout {
                width: 42px;
            }

            .privacy-security img.self-destruct {
                width: 70px;
            }

        .privacy-security .col-md-4 {
            height: 380px;
            width: 32%;
            background: linear-gradient(180deg, #161229, #080a17, #04030e);
            padding: 0 15px;
            border-radius: 25px;
        }

            .privacy-security .col-md-4 h3 {
                margin-top: 40px;
                font-size: 1.4rem;
            }

            .privacy-security .col-md-4 p {
                text-align: center;
                font-weight: 200;
                line-height: 21px;
                max-width: 250px;
                font-size: 14px;
                opacity: 0.8;
            }

                .privacy-security .col-md-4 p sup {
                    top: -9px;
                }

            .privacy-security .col-md-4 a {
                color: #8090F7;
                text-decoration: none;
                font-size: 14px;
            }

        .privacy-security .w-lg-100 {
            width: 100%;
        }



    .customize-chat {
        padding-top: 100px;
        padding-bottom: 100px;
        text-align: center;
    }

        .customize-chat h2 {
            font-size: 2.05rem;
            font-weight: 600;
            letter-spacing: -1px;
        }

        .customize-chat p {
            max-width: 650px;
            margin: 0 auto;
            font-size: 16px;
            line-height: 23px;
            color: black;
        }

            .customize-chat p.supporting {
                opacity: 0.8;
                font-size: 14px;
            }

        .customize-chat .preview-img {
            width: 25%;
            margin-left: 30px;
            margin-right: 30px;
            margin-top: 20px;
        }

        .customize-chat .custom-colors img {
            width: 30px;
            margin-bottom: 6px;
            border: 2px solid #EBEBEB;
            BORDER-RADIUS: 50%;
        }

            .customize-chat .custom-colors img:first-child {
                border: 2px solid black;
                padding: 2px;
            }

            .customize-chat .custom-colors img:last-child {
                margin-bottom: 0px;
            }

        .customize-chat .custom-colors {
            background-color: #FAFAFA;
            padding: 10px 5px;
            border: 2px solid #EBEBEB;
            border-radius: 25px;
        }

        .customize-chat .custom-bgs img {
            width: 55px;
            margin-bottom: 13px;
        }

            .customize-chat .custom-bgs img:first-child {
                border: 2px solid black;
                border-radius: 10px;
                padding: 1px;
            }

    .bottom-main {
        color: white;
    }

        .bottom-main h3 {
            font-family: "Modern Antiqua", serif !important;
            font-weight: 400;
            font-style: normal;
            color: #F8F3A2;
            font-size: 1.5rem;
        }

        .bottom-main p {
            margin-bottom: 0;
            max-width: 350px;
            margin-left: auto;
            margin-right: auto;
            font-weight: 300;
            opacity: 0.9;
        }

    .parent-wipeout a.read-more {
        border: unset;
    }

    .privacy-section .store-icons a {
        margin-right: 25px;
        background: rgb(60 30 75 / 41%);
        padding: 17px 18px;
        border-radius: 50%;
        text-decoration: none;
    }

    .privacy-section .store-icons img {
        width: 27px;
        margin-bottom: 5px;
    }

    .privacy-section a.footer-android::after, .privacy-section a.footer-ios::after {
        display: none;
    }

    .upgradeToGoldBtnContainer {
        margin-top: 3.5rem;
        margin-bottom: 3.5rem;
    }

    /*responsiveness*/
    @media (max-width: 1500px) {
        .welcome .bubble-logo {
            width: 90px;
            margin-top: 1.5rem !important;
        }

        .sliderSec .awards-sec .mt-3 {
            margin-top: 1.2rem !important;
        }

        .sliderSec .awards-sec .mt-4 {
            margin-top: 1.5rem !important;
        }

        .welcome h3 {
            font-size: 1.6rem;
        }

        .welcome h1 {
            font-size: 3.5rem;
            line-height: 60px;
        }

        .welcome .ultra-secure-features {
            width: 60px;
        }

        .welcome .banner-features-div h3 {
            max-width: 340px;
            font-size: 1.2rem;
            line-height: 25px;
        }

        .welcome .banner-features-div p.terminate-supporting {
            max-width: 315px;
        }

            .welcome .banner-features-div p.terminate-supporting br {
                display: none;
            }

        .welcome .banner-features-div .col-md-4 {
            min-height: 285px;
            max-height: 285px;
        }

        .welcome .storeLinks img {
            width: 20%;
        }

        .sliderSec .frame-container {
            width: 250px;
            height: 500px;
        }

        .sliderSec .home-slider h2 {
            font-size: 1.2rem;
        }

        .sliderSec .home-slider p {
            max-width: 355px;
            font-size: 0.7rem;
            line-height: 17px;
        }

        .sliderSec .home-slider img {
            width: 220px;
        }

        .sliderSec .awards-sec .dek-font-bg {
            font-size: 1.2rem;
            line-height: 28px;
        }

        .sliderSec .awards-sec p {
            line-height: 17px;
            font-size: 0.75rem;
        }

            .sliderSec .awards-sec p a {
                font-size: 0.65rem;
            }

        /* Language-specific: smaller heading for verbose languages at 1500px */
        html[lang="de"] .sliderSec .awards-sec .dek-font-bg,
        html[lang="pt"] .sliderSec .awards-sec .dek-font-bg,
        html[lang="fr"] .sliderSec .awards-sec .dek-font-bg,
        html[lang="ro"] .sliderSec .awards-sec .dek-font-bg,
        html[lang="ru"] .sliderSec .awards-sec .dek-font-bg,
        html[lang="uk"] .sliderSec .awards-sec .dek-font-bg,
        html[lang="tr"] .sliderSec .awards-sec .dek-font-bg {
            font-size: 1.1rem;
            line-height: 24px;
        }

        html[lang="de"] .sliderSec .awards-sec #cert-sub1,
        html[lang="de"] .sliderSec .awards-sec #cert-sub2,
        html[lang="de"] .sliderSec .awards-sec #cert-footer,
        html[lang="pt"] .sliderSec .awards-sec #cert-sub1,
        html[lang="pt"] .sliderSec .awards-sec #cert-sub2,
        html[lang="pt"] .sliderSec .awards-sec #cert-footer,
        html[lang="fr"] .sliderSec .awards-sec #cert-sub1,
        html[lang="fr"] .sliderSec .awards-sec #cert-sub2,
        html[lang="fr"] .sliderSec .awards-sec #cert-footer,
        html[lang="ro"] .sliderSec .awards-sec #cert-sub1,
        html[lang="ro"] .sliderSec .awards-sec #cert-sub2,
        html[lang="ro"] .sliderSec .awards-sec #cert-footer,
        html[lang="ru"] .sliderSec .awards-sec #cert-sub1,
        html[lang="ru"] .sliderSec .awards-sec #cert-sub2,
        html[lang="ru"] .sliderSec .awards-sec #cert-footer,
        html[lang="uk"] .sliderSec .awards-sec #cert-sub1,
        html[lang="uk"] .sliderSec .awards-sec #cert-sub2,
        html[lang="uk"] .sliderSec .awards-sec #cert-footer,
        html[lang="hi"] .sliderSec .awards-sec #cert-sub1,
        html[lang="hi"] .sliderSec .awards-sec #cert-sub2,
        html[lang="hi"] .sliderSec .awards-sec #cert-footer,
        html[lang="bn"] .sliderSec .awards-sec #cert-sub1,
        html[lang="bn"] .sliderSec .awards-sec #cert-sub2,
        html[lang="bn"] .sliderSec .awards-sec #cert-footer,
        html[lang="vi"] .sliderSec .awards-sec #cert-sub1,
        html[lang="vi"] .sliderSec .awards-sec #cert-sub2,
        html[lang="vi"] .sliderSec .awards-sec #cert-footer {
            font-size: 0.65rem;
            line-height: 14px;
        }

        .sliderSec .xave-sec .data-locker {
            width: 75px;
        }

        .sliderSec .xave-sec h3 {
            font-size: 1.2rem;
        }

        .sliderSec .xave-sec p.desc {
            font-size: 0.75rem;
        }

        .sliderSec .col-md-6 {
            height: 680px;
        }

        .sliderSec .awards-sec {
            height: calc((680px - 30px) / 2);
        }

        .sliderSec .xave-sec {
            height: calc((680px - 30px) / 2);
        }

        .privacy-security h2 {
            font-size: 2rem;
            max-width: 600px;
            margin-bottom: 50px;
        }

        .privacy-security .col-md-4 h3 {
            font-size: 1.2rem;
        }

        .privacy-security .col-md-4 p {
            line-height: 19px;
            max-width: 240px;
            font-size: 13px;
        }

        .privacy-security .col-md-4 a {
            font-size: 12px;
        }

        .customize-chat h2 {
            font-size: 2rem;
        }

        .customize-chat p {
            max-width: 570px;
            font-size: 16px;
            line-height: 23px;
        }

        .welcome::before {
            left: 30px;
        }

        .welcome::after {
            right: 30px;
        }

        .sliderSec .home-slider img.flicker-mode-img {
            width: 330px;
        }

        .sliderSec .home-slider img.distiller-img {
            width: 300px;
        }

        .sliderSec .home-slider img.abs-control-img {
            width: 240px;
        }

        .sliderSec .awards-sec .banner-stamp-container img {
            width: 120px;
        }
    }

    @media (max-width: 1400px) {
        .sliderSec .awards-sec {
            height: calc((680px - 25px) / 2);
        }

        .sliderSec .xave-sec {
            margin-top: 25px;
            height: calc((680px - 25px) / 2);
        }

        .welcome .banner-features-div .col-md-4 {
            padding: 35px 20px 0px;
        }

        .welcome .banner-features-div p.terminate-supporting {
            max-width: 100%;
        }

        .welcome .banner-features-div h3 {
            max-width: 240px;
        }

        .sliderSec .xave-sec {
            margin-top: 21px;
            height: calc((680px - 21px) / 2);
        }

        .sliderSec .awards-sec {
            height: calc((680px - 21px) / 2);
        }
    }

    @media (max-width: 1200px) {
        .welcome h1 {
            font-size: 3rem;
            line-height: 65px;
        }

        .welcome h1#nui1 {
            font-size: 2.08rem;
            line-height: 1.14;
        }

        .customize-chat .preview-img {
            width: 35%;
        }

        .privacy-security .col-md-4 p {
            font-size: 12px;
        }
    }

    @media (max-width: 992px) {
        .privacy-security .col-md-4 p {
            font-size: 13px;
        }

        .welcome .banner-features-div .col-md-4 {
            width: 60%;
            margin-bottom: 20px;
            margin-left: auto;
            margin-right: auto;
        }

        .welcome .banner-features-div p.terminate-supporting {
            max-width: 350px;
        }

        .welcome .storeLinks img {
            width: 18%;
        }

        .sliderSec .col-md-6 {
            width: 100%;
            height: 550px;
        }

        .sliderSec .col-md-4 {
            width: 100%;
            height: unset;
            margin-top: 30px;
        }

        .sliderSec .frame-container {
            width: 200px;
            height: 400px;
        }

        .sliderSec .home-slider img {
            width: 180px;
        }

        .sliderSec {
            padding-top: 0px;
            padding-bottom: 0px;
        }

            .sliderSec .awards-sec {
                height: unset;
            }

            .sliderSec .xave-sec {
                margin-top: 30px;
                height: unset;
            }

        .welcome .storeLinks img {
            width: 20%;
        }

        .privacy-security .col-md-4 {
            margin-bottom: 20px;
        }

        .privacy-security .col-md-4 {
            background: linear-gradient(180deg, #19192b, #080a17, #04030e);
        }

            .privacy-security .col-md-4 h3 {
                font-size: 1.3rem;
            }

        .customize-chat .preview-img {
            width: 45%;
        }

        .sliderSec .home-slider img.flicker-mode-img {
            width: 275px;
        }

        .sliderSec .home-slider img.distiller-img {
            width: 240px;
        }

        .sliderSec .home-slider img.abs-control-img {
            width: 220px;
        }

        .total-wipeout-mockup {
            margin-right: 0px;
        }

        .col-lg-7.reverse-video {
            display: flex;
            justify-content: center;
        }

        video.wipeout-video-smoke {
            left: 0;
        }

        .privacy-security .col-md-4 {
            margin-left: auto;
            margin-right: auto;
            width: 80%;
        }

        .welcome .banner-features-div .banner-text-section {
            width: 100%;
        }

        .welcome .banner-features-div .banner-xave-card {
            width: 60%;
            margin: 15px auto 0;
        }

        .welcome .hero-side-cards .hero-card.nist-card-wrapper {
            height: auto;
            min-height: 0;
        }

        .welcome .hero-side-cards .hero-card .hero-card-inner.nist-card {
            padding: 22px 20px;
        }

        .welcome .banner-app-subtitle {
            text-align: start;
        }

        .welcome .banner-app-caption {
            text-align: start;
        }

        .welcome .banner-features-div .banner-text-section h3 {
            font-size: 1.75rem;
        }

        .welcome .s2-xid-img {
            max-width: 40%;
            border-radius: 16px;
        }
    }

    @media (max-width: 767px) {
        .welcome .banner-features-div .banner-text-section {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }

        .welcome .banner-features-div .banner-text-section h3,
        .welcome .banner-features-div .banner-text-section #nui3 {
            margin-left: 0 !important;
            padding-left: 0 !important;
        }

        .welcome {
            background-position: top;
        }

        .welcome h1#nui1 {
            font-size: 1.75rem;
            line-height: 1.28;
            margin: auto;
            width: 100%;
            max-width: 100%;
            padding-left: 12px;
            padding-right: 12px;
            box-sizing: border-box;
            background-image:
                linear-gradient(90deg, #adb5ff 0%, #c3ccff 52%, #d2d9ff 100%),
                linear-gradient(90deg, #d8f6dd 0%, #ecfae7 52%, #d7efe2 100%),
                linear-gradient(90deg, #b9d6ff 0%, #d8ebff 52%, #bcd9ff 100%);
            background-size: 100% 33.34%, 100% 33.33%, 100% 33.33%;
            background-position: top left, center left, bottom left;
            background-repeat: no-repeat;
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        .welcome h1#nui1 .hero-line {
            white-space: normal;
            line-height: 1.24;
        }

        .welcome .banner-app-subtitle {
            margin-left: 0;
            text-align: center;
            font-size: 0.82rem;
        }

        .welcome .banner-app-caption {
            margin-left: 0;
            text-align: center;
        }

        .welcome .s2-xid-placeholder {
            margin-top: 10px;
            padding: 0;
        }

        .welcome .s2-xid-img {
            max-width: 75%;
            margin: 0 auto;
            display: block;
        }

            .welcome .banner-features-div .col-md-4 {
                width: 100%;
            }

            .welcome h1 {
                font-size: 1.9rem;
                line-height: 30px;
                text-align: center;
            }

        .banner-features-div {
            margin-top: 2rem !important;
        }

        .sliderSec .col-md-6 {
            display: none;
        }

        .sliderSec .awards-sec .banner-stamp-container img {
            display: none;
        }

        .sliderSec .awards-sec .dek-font-bg br {
            display: none;
        }

        .welcome .sliderSec .xave-sec .storeLinks {
            justify-content: center !important;
        }

        .welcome h3 {
            font-size: 1.3rem;
            font-weight: 200;
        }

        .welcome .banner-features-div .col-md-4 {
            min-height: unset;
            max-height: unset;
            margin-bottom: 15px;
            padding: 20px 15px 20px;
            background: rgb(255 255 255 / 8%);
        }

        .welcome .banner-features-div h3 {
            max-width: 240px;
            font-weight: 500;
            line-height: 28px;
            font-size: 1.3rem;
            margin-left: auto !important;
        }

        .welcome .banner-features-div p {
            margin-bottom: 0;
            margin-left: 0px !important;
        }

        .welcome .bubble-logo {
            width: 75px;
            margin-left: auto !important;
            margin-right: auto !important;
        }

        .welcome .storeLinks img {
            width: 40%;
        }

        .welcome .storeLinks.xpal-store-links img {
            width: 130px;
        }

        .welcome .storeLinks.top-store-links {
            margin-left: 0;
            text-align: center !important;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            gap: 10px;
        }

        .sliderSec .awards-sec {
            background: linear-gradient(180deg, #1b182b, #050310, #2e0f49);
            border-radius: 20px;
            padding: 30px 20px;
        }

            .sliderSec .awards-sec p.secure-practices {
                font-size: 17px;
                font-weight: 400;
            }

            .sliderSec .awards-sec p br {
                display: none;
            }

            .sliderSec .awards-sec p a.cert {
                margin-left: 0px;
            }

            .sliderSec .awards-sec p a {
                display: block;
                padding: 0px 12px;
                border: 1px solid #8090F7;
                border-radius: 50px;
                margin-top: 10px;
                max-width: fit-content;
                color: white;
                line-height: 24px;
            }

            .sliderSec .awards-sec .ntick {
                width: 18px;
                margin-right: 3.5vw;
                margin-top: 1px;
            }

        .sliderSec .xave-sec a.learnmore {
            display: none;
        }

        .xave-sec .d-flex {
            flex-direction: row !important;
            align-items: start !important;
        }

        .sliderSec .xave-sec p {
            text-align: left;
        }

        .sliderSec .xave-sec h3 {
            font-size: 1.2rem;
            text-align: left;
        }

        .sliderSec .xave-sec {
            padding: 15px 15px;
        }

            .sliderSec .xave-sec .data-locker {
                width: 60px;
                margin-right: 15px;
            }

            .sliderSec .xave-sec h3 {
                font-size: 1rem;
                text-align: left;
                margin-top: 3px;
                font-weight: 500;
                color: #7F8EF4;
            }

        .privacy-security .col-md-4 {
            height: 380px;
        }

        .privacy-security h2 {
            font-size: 2.05rem;
            margin-bottom: 50px;
            max-width: 300px;
        }

        .customize-chat h2 {
            font-size: 2.05rem;
        }

        .customize-chat p {
            font-size: 15px;
            line-height: 20px;
            margin-bottom: 30px;
        }

        .customize-chat .custom-colors {
            display: none !important;
        }

        .customize-chat .preview-img {
            width: 71%;
            margin-left: 0px;
            margin-right: 0px;
            margin-top: 0px;
        }

        .welcome::before {
            display: none;
        }

        .welcome::after {
            display: none;
        }

        .customize-chat {
            padding-top: 50px;
            padding-bottom: 50px;
            text-align: center;
            position: relative;
        }

        .custom-bgs {
            position: absolute;
            right: 10px;
            bottom: 20%;
        }

        .customize-chat .custom-bgs img {
            width: 40px;
        }

        .privacy-security {
            padding-top: 50px;
            padding-bottom: 50px;
        }

        .casa-para-mobile p, .owasp-para-mobile p, .dekra-para-mobile p {
            margin-bottom: 0px;
        }

        .customize-chat .custom-color-mobile {
            display: flex !important;
            max-width: 270px;
            margin-left: auto;
            margin-right: auto;
            margin-bottom: 10px;
            padding: 9px 5px;
        }

        .customize-chat .custom-colors img {
            width: 35px;
            margin-bottom: 0px;
            margin-left: 3px;
            margin-right: 3px;
        }

        .welcome .sliderSec .xave-sec .storeLinks.xave-web-storeLinks {
            display: none !important
        }

        .welcome .sliderSec .xave-sec .storeLinks.xave-mobile-storeLinks {
            display: flex !important
        }

        .sliderSec .xave-sec {
            border-radius: 20px;
            margin-top: 15px;
        }

        .bottom-main h3 {
            margin-top: 2rem;
        }

        .bottom-main p {
            max-width: 270px;
            font-size: 12px;
        }

        h2.award-heading {
            font-size: 21px !important;
            line-height: 29px;
        }

        .welcome .banner-features-div .banner-text-section {
            text-align: center;
            align-items: center;
        }

        .welcome .banner-features-div .banner-xave-card {
            width: 100%;
            margin-top: 40px;
            padding: 20px 15px 20px;
        }

        .welcome .banner-features-div .banner-xave-icon {
            width: 60px;
            margin-bottom: 8px;
        }

        .welcome .banner-features-div .banner-xave-store-img {
            width: 80px;
        }
    }

    @media (max-width: 500px) {
        .welcome .storeLinks.xpal-store-links img {
            width: 130px;
            margin-top: 8px;
            margin-bottom: 8px;
        }

        .floating-sec-1 {
            bottom: 16% !important;
            background-position: left;
            color: black;
            font-weight: 500;
            background: linear-gradient(to top, #B79656, #EBDEB6, #FFF7D7);
            border: unset !important;
            padding: 9px 7px 9px 9px !important;
        }

            .floating-sec-1 img {
                width: 64% !important;
                padding-left: 3px;
                padding-right: 2px;
                margin-top: 0px !important;
                margin-bottom: 0px !important;
            }
    }

    @media (max-width: 340px) {
        .welcome h1,
        .welcome h1#nui1 {
            font-size: 1.6rem;
        }
    }

    /* ===== 992–1200px: Second div text section scale (placed last to win cascade) ===== */
    @media (min-width: 992px) and (max-width: 1199.98px) {
        .welcome .banner-features-div .banner-text-section {
            padding-top: 20px;
        }

        .welcome .banner-features-div .banner-text-section h3 {
            font-size: 1.55rem !important;
            line-height: 1.15 !important;
            margin-bottom: 12px !important;
        }

        .welcome .banner-features-div .banner-text-section h3 .s2-heading-accent {
            font-size: 1.2em !important;
        }

        .welcome .banner-features-div .banner-text-section p {
            font-size: 0.85rem !important;
            line-height: 1.45 !important;
        }

        .welcome .banner-features-div .banner-text-section p.banner-text-desc {
            margin-bottom: 14px !important;
        }

        .welcome .banner-features-div .banner-text-section .banner-text-list {
            gap: 8px !important;
        }

        .welcome .banner-features-div .banner-text-section .banner-text-tick {
            width: 38px !important;
            height: 38px !important;
        }

        .welcome .banner-features-div .banner-text-section .bullet-row span {
            font-size: 0.85rem !important;
        }

        .welcome .banner-features-div .banner-text-section p.banner-text-footer {
            font-size: 0.82rem !important;
            line-height: 1.45 !important;
            margin-top: 24px !important;
        }

        .welcome .s2-xid-img {
            max-width: 70%;
        }
    }

    /* ===== 992–1200px: sliderSec awards/certification section (placed last to win cascade) ===== */
    @media (min-width: 992px) and (max-width: 1199.98px) {
        /* Match col-md-4 height to col-md-6 (680px) and use flex to distribute sections */
        .sliderSec .col-md-4 {
            height: 680px !important;
            display: flex !important;
            flex-direction: column !important;
        }

        /* awards-sec fills remaining space after xave-sec */
        .sliderSec .awards-sec {
            height: auto !important;
            min-height: unset !important;
            flex: 1 1 0 !important;
            overflow: hidden !important;
            padding: 16px 14px !important;
        }

        .sliderSec .awards-sec > div:first-child {
            overflow: visible !important;
        }

        .sliderSec .awards-sec .dek-font-bg {
            font-size: 1rem !important;
            line-height: 1.25 !important;
            margin-bottom: 5px !important;
        }

        .sliderSec .awards-sec p {
            font-size: 0.68rem !important;
            line-height: 1.35 !important;
        }

        .sliderSec .awards-sec p a {
            font-size: 0.62rem !important;
        }

        .sliderSec .awards-sec .mt-3 {
            margin-top: 0.4rem !important;
        }

        .sliderSec .awards-sec .mt-4 {
            margin-top: 0.5rem !important;
        }

        .sliderSec .awards-sec .banner-stamp-container img {
            width: 76px !important;
        }

        /* xave-sec takes its natural height at the bottom */
        .sliderSec .xave-sec {
            height: auto !important;
            flex: 0 0 auto !important;
            margin-top: 14px !important;
            padding: 16px 14px !important;
        }
    }

    /* ===== 1200–1500px: sliderSec awards/certification section (placed last to win cascade) ===== */
    @media (min-width: 1200px) and (max-width: 1499.98px) {
        /* Match col-md-4 height to col-md-6 (680px) and use flex to distribute sections */
        .sliderSec .col-md-4 {
            height: 680px !important;
            display: flex !important;
            flex-direction: column !important;
        }

        /* awards-sec fills remaining space after xave-sec */
        .sliderSec .awards-sec {
            height: auto !important;
            min-height: unset !important;
            flex: 1 1 0 !important;
            overflow: hidden !important;
            padding: 18px 18px !important;
        }

        .sliderSec .awards-sec > div:first-child {
            overflow: visible !important;
        }

        .sliderSec .awards-sec .dek-font-bg {
            font-size: 1.15rem !important;
            line-height: 1.25 !important;
            margin-bottom: 6px !important;
        }

        .sliderSec .awards-sec p {
            font-size: 0.72rem !important;
            line-height: 1.35 !important;
        }

        .sliderSec .awards-sec p a {
            font-size: 0.65rem !important;
        }

        .sliderSec .awards-sec .mt-3 {
            margin-top: 0.5rem !important;
        }

        .sliderSec .awards-sec .mt-4 {
            margin-top: 0.6rem !important;
        }

        .sliderSec .awards-sec .banner-stamp-container img {
            width: 90px !important;
        }

        /* xave-sec takes its natural height at the bottom */
        .sliderSec .xave-sec {
            height: auto !important;
            flex: 0 0 auto !important;
            margin-top: 18px !important;
            padding: 18px 18px !important;
        }
    }