/* =========================================================
   SERVOMIX PRIVACY POLICY PAGE
========================================================= */

:root{
    --privacy-bg:#050814;
    --privacy-bg-soft:#08101f;
    --privacy-card:#0b1020;
    --privacy-card-2:#0d1326;

    --privacy-text:#f7f8ff;
    --privacy-muted:#919bb2;

    --privacy-purple:#8b5cf6;
    --privacy-purple-light:#b277ff;
    --privacy-purple-dark:#5b21b6;

    --privacy-border:rgba(139,92,246,.20);
    --privacy-border-soft:rgba(255,255,255,.07);

    --privacy-shadow:
        0 20px 60px rgba(0,0,0,.35);
}


html{
    scroll-behavior:smooth;
}

body{
    background:#050814;
    color:var(--privacy-text);
}


/* =========================================================
   GENERAL CONTAINER
========================================================= */

.privacy-container{
    width:min(1380px,92%);
    margin:0 auto;
}


/* =========================================================
   TOP BACKGROUND / NAVBAR INTEGRATION
========================================================= */

.header{
    position:relative;
    z-index:100;

    margin:0 !important;
    padding:10px 0 0 !important;

    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(124,58,237,.10),
            transparent 34%
        ),
        #050814 !important;
}


/* =========================================================
   BREADCRUMB
========================================================= */

.privacy-breadcrumb{
    position:relative;
    z-index:5;

    margin:0;
    padding:18px 0 0;

    
}

.breadcrumb-inner{
    display:flex;
    align-items:center;
    gap:10px;

    color:#717b92;
    font-size:14px;
}

.breadcrumb-inner a{
    display:inline-flex;
    align-items:center;
    gap:7px;

    color:#8e98ae;
    text-decoration:none;

    transition:.25s ease;
}

.breadcrumb-inner a:hover{
    color:#c4a8ff;
}

.breadcrumb-inner > svg{
    width:14px;
    height:14px;
    opacity:.65;
}

.breadcrumb-inner a svg{
    width:15px;
    height:15px;
}

.breadcrumb-inner span{
    color:var(--privacy-purple-light);
}


/* =========================================================
   HERO
========================================================= */

.privacy-hero{
    position:relative;
    overflow:hidden;

    min-height:560px;

    display:flex;
    align-items:center;

    padding:65px 0 80px;

    
}

.privacy-hero::before{
    content:"";

    position:absolute;
    inset:0;

    pointer-events:none;

    background-image:
        linear-gradient(
            rgba(255,255,255,.018) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(255,255,255,.018) 1px,
            transparent 1px
        );

    background-size:56px 56px;

    mask-image:
        linear-gradient(
            to bottom,
            rgba(0,0,0,.7),
            transparent
        );
}

.privacy-hero-container{
    position:relative;
    z-index:2;

    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;

    gap:70px;
}


/* =========================================================
   HERO LEFT
========================================================= */

.privacy-hero-content{
    max-width:650px;
}

.privacy-badge{
    display:inline-flex;
    align-items:center;
    gap:9px;

    padding:9px 14px;

    border:1px solid rgba(139,92,246,.24);
    border-radius:999px;

    background:rgba(124,58,237,.08);

    color:#b995ff;

    font-size:12px;
    font-weight:700;
    letter-spacing:1.4px;

    margin-bottom:22px;
}

.privacy-badge svg{
    width:16px;
    height:16px;
}

.privacy-hero h1{
    margin:0;

    font-size:clamp(54px,6vw,88px);
    line-height:.95;
    letter-spacing:-3px;

    font-weight:800;

    color:#fff;
}

.privacy-hero h1 span{
    background:
        linear-gradient(
            100deg,
            #a66cff,
            #7c3aed,
            #9d4edd
        );

    -webkit-background-clip:text;
    background-clip:text;

    color:transparent;
}

.privacy-hero-description{
    margin:27px 0 0;

    max-width:610px;

    color:#98a1b6;

    font-size:17px;
    line-height:1.9;
}

.privacy-updated{
    display:flex;
    align-items:center;
    gap:24px;

    margin-top:34px;

    padding:17px 20px;

    width:max-content;
    max-width:100%;

    border:1px solid rgba(255,255,255,.07);
    border-radius:15px;

    background:rgba(10,15,31,.72);

    backdrop-filter:blur(12px);
}

.privacy-updated-item{
    display:flex;
    align-items:center;
    gap:12px;
}

.privacy-updated-item svg{
    width:20px;
    height:20px;

    color:var(--privacy-purple-light);
}

.privacy-updated-item div{
    display:flex;
    flex-direction:column;
    gap:3px;
}

.privacy-updated-item span{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#6f7890;
}

.privacy-updated-item strong{
    font-size:13px;
    color:#dfe4ef;
    font-weight:600;
}

.privacy-updated-divider{
    width:1px;
    height:38px;

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


/* =========================================================
   HERO RIGHT IMAGE
========================================================= */

.privacy-hero-visual{
    position:relative;

    min-height:420px;

    display:flex;
    align-items:center;
    justify-content:center;
}

.privacy-image-glow{
    position:absolute;

    width:420px;
    height:280px;

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(124,58,237,.22),
            rgba(91,33,182,.10) 45%,
            transparent 72%
        );

    filter:blur(20px);
}

.privacy-security-image{
    position:relative;
    z-index:2;

    width:min(590px,100%);
    height:auto;

    object-fit:contain;

    filter:
        drop-shadow(0 26px 45px rgba(62,20,130,.22));

    animation:
        privacyFloat 5s ease-in-out infinite;
}

@keyframes privacyFloat{
    0%,100%{
        transform:translateY(0);
    }

    50%{
        transform:translateY(-10px);
    }
}


/* =========================================================
   POLICY AREA
========================================================= */

.privacy-policy-section{
    position:relative;

    padding:75px 0 100px;

    background:
        radial-gradient(
            circle at 10% 15%,
            rgba(91,33,182,.07),
            transparent 25%
        ),
        #050814;
}

.privacy-policy-layout{
    display:grid;
    grid-template-columns:310px minmax(0,1fr);

    gap:28px;

    align-items:start;
}


/* =========================================================
   SIDEBAR
========================================================= */

.privacy-sidebar{
    position:sticky;
    top:105px;
}

.privacy-sidebar-card{
    border:1px solid rgba(255,255,255,.07);
    border-radius:18px;

    background:
        linear-gradient(
            180deg,
            rgba(14,20,39,.96),
            rgba(8,13,27,.96)
        );

    padding:22px;

    box-shadow:
        0 20px 50px rgba(0,0,0,.25);
}

.privacy-sidebar-label{
    display:block;

    margin-bottom:16px;

    color:#69738a;

    font-size:11px;
    font-weight:700;
    letter-spacing:1.4px;
}

.privacy-sidebar-nav{
    display:flex;
    flex-direction:column;
    gap:4px;
}

.privacy-sidebar-nav a{
    display:flex;
    align-items:center;
    gap:11px;

    padding:10px 11px;

    border-radius:9px;

    text-decoration:none;

    color:#8993aa;

    font-size:13px;
    line-height:1.35;

    transition:
        background .25s ease,
        color .25s ease,
        transform .25s ease;
}

.privacy-sidebar-nav a span{
    min-width:21px;

    font-size:10px;
    font-weight:700;

    color:#626c84;
}

.privacy-sidebar-nav a:hover{
    color:#dfd5ff;
    background:rgba(139,92,246,.08);

    transform:translateX(2px);
}

.privacy-sidebar-nav a.active{
    color:#fff;

    background:
        linear-gradient(
            90deg,
            rgba(124,58,237,.30),
            rgba(124,58,237,.12)
        );

    box-shadow:
        inset 2px 0 0 var(--privacy-purple);
}

.privacy-sidebar-nav a.active span{
    color:#bd99ff;
}


/* =========================================================
   SIDEBAR HELP BOX
========================================================= */

.privacy-sidebar-help{
    margin-top:22px;

    padding:18px;

    border:1px solid rgba(139,92,246,.18);
    border-radius:13px;

    background:rgba(124,58,237,.045);
}

.privacy-help-icon{
    width:38px;
    height:38px;

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

    border-radius:10px;

    margin-bottom:12px;

    background:rgba(139,92,246,.12);

    color:#a86aff;
}

.privacy-help-icon svg{
    width:19px;
    height:19px;
}

.privacy-sidebar-help h4{
    margin:0 0 8px;

    font-size:15px;
    color:#fff;
}

.privacy-sidebar-help p{
    margin:0;

    font-size:12px;
    line-height:1.7;

    color:#788298;
}

.privacy-sidebar-help a{
    display:flex;
    align-items:center;
    justify-content:center;

    margin-top:15px;

    padding:10px;

    border:1px solid rgba(139,92,246,.30);
    border-radius:9px;

    text-decoration:none;

    color:#b995ff;

    font-size:12px;
    font-weight:600;

    transition:.25s ease;
}

.privacy-sidebar-help a:hover{
    background:rgba(139,92,246,.12);
    color:#fff;
}


/* =========================================================
   MAIN POLICY
========================================================= */

.privacy-main{
    min-width:0;
}

.privacy-policy-card{
    position:relative;

    margin-bottom:18px;

    padding:30px 31px;

    border:1px solid rgba(255,255,255,.07);
    border-radius:17px;

    background:
        linear-gradient(
            145deg,
            rgba(14,20,39,.91),
            rgba(8,13,27,.96)
        );

    box-shadow:
        0 16px 45px rgba(0,0,0,.18);

    scroll-margin-top:120px;

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

.privacy-policy-card:hover{
    border-color:rgba(139,92,246,.18);

    box-shadow:
        0 20px 55px rgba(0,0,0,.25);
}


/* =========================================================
   POLICY HEADING
========================================================= */

.policy-heading{
    display:flex;
    align-items:center;

    gap:16px;

    padding-bottom:20px;
    margin-bottom:20px;

    border-bottom:1px solid rgba(255,255,255,.07);
}

.policy-icon{
    flex:0 0 auto;

    width:45px;
    height:45px;

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

    border:1px solid rgba(139,92,246,.25);
    border-radius:12px;

    background:
        linear-gradient(
            145deg,
            rgba(139,92,246,.15),
            rgba(91,33,182,.05)
        );

    color:#a76cff;
}

.policy-icon svg{
    width:21px;
    height:21px;
}

.policy-heading > div:last-child{
    display:flex;
    align-items:baseline;
    gap:10px;
}

.policy-heading span{
    font-size:11px;
    font-weight:800;
    letter-spacing:1.2px;

    color:#8350d9;
}

.policy-heading h2{
    margin:0;

    font-size:24px;
    letter-spacing:-.4px;

    color:#fff;
}


/* =========================================================
   POLICY BODY
========================================================= */

.policy-body{
    color:#939db3;

    font-size:15px;
    line-height:1.85;
}

.policy-body p{
    margin:0 0 15px;
}

.policy-body p:last-child{
    margin-bottom:0;
}

.policy-body strong{
    color:#e8e4ff;
}


/* =========================================================
   POLICY MINI CARDS
========================================================= */

.policy-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);

    gap:14px;

    margin-top:24px;
}

.policy-mini-card{
    padding:21px;

    border:1px solid rgba(255,255,255,.065);
    border-radius:13px;

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

    transition:.28s ease;
}

.policy-mini-card:hover{
    transform:translateY(-3px);

    border-color:rgba(139,92,246,.20);

    background:rgba(139,92,246,.035);
}

.policy-mini-card > svg{
    width:23px;
    height:23px;

    margin-bottom:14px;

    color:#a86aff;
}

.policy-mini-card h3{
    margin:0 0 9px;

    font-size:15px;
    color:#fff;
}

.policy-mini-card p{
    margin:0;

    color:#7e889f;

    font-size:13px;
    line-height:1.7;
}


/* =========================================================
   LISTS
========================================================= */

.privacy-list{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));

    gap:10px 20px;

    margin:20px 0 0;
    padding:0;

    list-style:none;
}

.privacy-list li{
    display:flex;
    align-items:flex-start;
    gap:10px;

    padding:10px 0;

    color:#8e98ae;

    font-size:14px;
}

.privacy-list li svg{
    flex:0 0 auto;

    width:17px;
    height:17px;

    margin-top:4px;

    color:#9b5cff;
}


/* =========================================================
   INFO NOTE
========================================================= */

.privacy-note{
    display:flex;
    gap:15px;

    margin-top:22px;

    padding:18px 20px;

    border:1px solid rgba(139,92,246,.18);
    border-radius:12px;

    background:
        linear-gradient(
            90deg,
            rgba(124,58,237,.07),
            rgba(124,58,237,.025)
        );
}

.privacy-note > svg{
    flex:0 0 auto;

    width:22px;
    height:22px;

    margin-top:2px;

    color:#a86aff;
}

.privacy-note strong{
    display:block;

    margin-bottom:4px;

    font-size:14px;
}

.privacy-note p{
    margin:0;

    font-size:13px;
    line-height:1.7;
}


/* =========================================================
   RETENTION TIMELINE
========================================================= */

.privacy-retention-card{
    border-color:rgba(139,92,246,.25);

    background:
        radial-gradient(
            circle at 50% 55%,
            rgba(124,58,237,.08),
            transparent 45%
        ),
        linear-gradient(
            145deg,
            rgba(14,20,39,.96),
            rgba(8,13,27,.97)
        );
}

.retention-timeline{
    display:grid;

    grid-template-columns:
        minmax(115px,1fr)
        35px
        minmax(115px,1fr)
        35px
        minmax(115px,1fr)
        35px
        minmax(115px,1fr)
        35px
        minmax(115px,1fr);

    align-items:start;

    margin-top:32px;
}

.retention-step{
    text-align:center;
}

.retention-dot{
    width:53px;
    height:53px;

    margin:0 auto 15px;

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

    border:1px solid rgba(179,120,255,.38);
    border-radius:50%;

    background:
        linear-gradient(
            145deg,
            #8b5cf6,
            #5b21b6
        );

    color:#fff;

    box-shadow:
        0 0 25px rgba(124,58,237,.22);
}

.retention-dot svg{
    width:20px;
    height:20px;
}

.retention-step > span{
    display:block;

    margin-bottom:8px;

    color:#9b65ee;

    font-size:10px;
    font-weight:800;
    letter-spacing:1px;
}

.retention-step h3{
    margin:0 0 8px;

    font-size:14px;
    color:#fff;
}

.retention-step p{
    margin:0;

    font-size:11px;
    line-height:1.6;

    color:#747e94;
}

.retention-line{
    height:1px;

    margin-top:26px;

    background:
        linear-gradient(
            90deg,
            rgba(139,92,246,.20),
            rgba(139,92,246,.8),
            rgba(139,92,246,.20)
        );
}

.privacy-retention-info{
    display:flex;
    align-items:flex-start;
    gap:12px;

    margin-top:30px;

    padding:15px 17px;

    border:1px solid rgba(139,92,246,.28);
    border-radius:11px;

    background:rgba(124,58,237,.08);
}

.privacy-retention-info > svg{
    flex:0 0 auto;

    width:20px;
    height:20px;

    margin-top:3px;

    color:#b37aff;
}

.privacy-retention-info p{
    margin:0;

    font-size:13px;
    line-height:1.7;

    color:#9a91ad;
}

.privacy-retention-info strong{
    display:block;

    margin-bottom:3px;

    color:#d5c2ff;
}


/* =========================================================
   SECURITY WARNING
========================================================= */

.privacy-warning{
    display:flex;
    align-items:center;
    gap:12px;

    margin-top:20px;

    padding:15px 17px;

    border:1px solid rgba(245,158,11,.18);
    border-radius:11px;

    background:rgba(245,158,11,.045);
}

.privacy-warning svg{
    flex:0 0 auto;

    width:20px;
    height:20px;

    color:#fbbf24;
}

.privacy-warning p{
    margin:0;

    color:#ac9c7b;

    font-size:13px;
}


/* =========================================================
   CONTACT CARD
========================================================= */

.privacy-contact-card{
    background:
        radial-gradient(
            circle at 85% 50%,
            rgba(124,58,237,.10),
            transparent 35%
        ),
        linear-gradient(
            145deg,
            rgba(14,20,39,.96),
            rgba(8,13,27,.96)
        );
}

.privacy-contact-options{
    display:grid;
    grid-template-columns:repeat(2,1fr);

    gap:13px;

    margin-top:22px;
}

.privacy-contact-option{
    display:flex;
    align-items:center;
    gap:13px;

    padding:14px;

    border:1px solid rgba(139,92,246,.18);
    border-radius:12px;

    background:rgba(124,58,237,.04);

    text-decoration:none;

    transition:.25s ease;
}

.privacy-contact-option:hover{
    transform:translateY(-2px);

    border-color:rgba(139,92,246,.35);

    background:rgba(124,58,237,.07);
}

.privacy-contact-option > div{
    width:40px;
    height:40px;

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

    border-radius:10px;

    background:rgba(139,92,246,.12);

    color:#ae74ff;
}

.privacy-contact-option > div svg,
.privacy-contact-option > div i{
    width:18px;
    height:18px;

    font-size:18px;
}

.privacy-contact-option span{
    flex:1;

    display:flex;
    flex-direction:column;

    color:#e6e1f3;

    font-size:13px;
    font-weight:600;
}

.privacy-contact-option span small{
    margin-bottom:2px;

    color:#707a90;

    font-size:10px;
    font-weight:600;
}

.privacy-contact-option > svg{
    width:17px;
    height:17px;

    color:#7751a8;
}


/* =========================================================
   BOTTOM CTA
========================================================= */

.privacy-bottom-cta{
    padding:0 0 90px;

    background:#050814;
}

.privacy-cta-card{
    display:grid;
    grid-template-columns:auto 1fr auto;

    align-items:center;

    gap:22px;

    padding:30px 32px;

    border:1px solid rgba(139,92,246,.28);
    border-radius:17px;

    background:
        radial-gradient(
            circle at 88% 50%,
            rgba(124,58,237,.16),
            transparent 34%
        ),
        linear-gradient(
            100deg,
            rgba(91,33,182,.17),
            rgba(11,16,32,.96)
        );
}

.privacy-cta-icon{
    width:58px;
    height:58px;

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

    border:1px solid rgba(139,92,246,.27);
    border-radius:15px;

    background:rgba(139,92,246,.12);

    color:#b277ff;
}

.privacy-cta-icon svg{
    width:26px;
    height:26px;
}

.privacy-cta-content span{
    color:#8f5bdc;

    font-size:10px;
    font-weight:800;
    letter-spacing:1.4px;
}

.privacy-cta-content h2{
    margin:5px 0 5px;

    font-size:22px;

    color:#fff;
}

.privacy-cta-content p{
    margin:0;

    color:#7f899f;

    font-size:13px;
}

.privacy-cta-card > a{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;

    padding:13px 18px;

    border:1px solid rgba(139,92,246,.4);
    border-radius:10px;

    background:
        linear-gradient(
            135deg,
            #7c3aed,
            #5b21b6
        );

    color:#fff;

    text-decoration:none;

    font-size:13px;
    font-weight:700;

    transition:.25s ease;
}

.privacy-cta-card > a svg{
    width:17px;
    height:17px;
}

.privacy-cta-card > a:hover{
    transform:translateY(-2px);

    box-shadow:
        0 10px 30px rgba(91,33,182,.25);
}


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

.footer{
    border-top:1px solid rgba(255,255,255,.06);

    background:#040712;
}

.footer-container{
    width:min(1380px,92%);
    margin:0 auto;

    display:grid;

    grid-template-columns:
        1.35fr
        repeat(4,1fr);

    gap:55px;

    padding:62px 0 45px;
}

.footer-logo{
    max-width:175px;
    height:auto;

    margin-bottom:16px;
}

.footer-brand p{
    max-width:300px;

    margin:0;

    color:#727c92;

    font-size:13px;
    line-height:1.8;
}

.footer-socials{
    display:flex;
    gap:9px;

    margin-top:18px;
}

.footer-socials a{
    width:34px;
    height:34px;

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

    border:1px solid rgba(255,255,255,.065);
    border-radius:8px;

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

    color:#717b91;

    text-decoration:none;

    transition:.25s ease;
}

.footer-socials a:hover{
    color:#b277ff;

    border-color:rgba(139,92,246,.25);

    background:rgba(139,92,246,.07);
}

.footer-column{
    display:flex;
    flex-direction:column;
    align-items:flex-start;

    gap:10px;
}

.footer-column h4{
    margin:0 0 7px;

    font-size:12px;

    text-transform:uppercase;
    letter-spacing:1px;

    color:#dfe3ec;
}

.footer-column a{
    color:#767f94;

    font-size:12px;

    text-decoration:none;

    transition:.2s ease;
}

.footer-column a:hover{
    color:#b277ff;
}

.footer-payment p{
    margin:0;

    color:#70798d;

    font-size:11px;
    line-height:1.6;
}

.razorpay-name{
    color:#fff;

    font-size:18px;
    font-weight:800;
    font-style:italic;
}

.payment-methods{
    display:flex;
    gap:6px;

    margin-top:6px;
}

.payment-methods span{
    padding:4px 7px;

    border-radius:4px;

    background:#f5f5f5;

    color:#161616;

    font-size:9px;
    font-weight:900;
}

.footer-bottom{
    width:min(1380px,92%);
    margin:0 auto;

    padding:20px 0 24px;

    display:flex;
    align-items:center;
    justify-content:space-between;

    border-top:1px solid rgba(255,255,255,.055);
}

.footer-bottom p{
    margin:0;

    color:#626c80;

    font-size:11px;
}

.footer-bottom-links{
    display:flex;
    gap:25px;
}

.footer-bottom-links a{
    color:#626c80;

    font-size:11px;
    text-decoration:none;

    transition:.2s ease;
}

.footer-bottom-links a:hover{
    color:#a86aff;
}


/* =========================================================
   SCROLLBAR
========================================================= */

::-webkit-scrollbar{
    width:8px;
}

::-webkit-scrollbar-track{
    background:#050814;
}

::-webkit-scrollbar-thumb{
    background:#1b2140;
    border-radius:999px;
}

::-webkit-scrollbar-thumb:hover{
    background:#6d3bc0;
}


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

@media (max-width:1100px){

    .privacy-hero-container{
        grid-template-columns:1fr .85fr;
        gap:35px;
    }

    .privacy-policy-layout{
        grid-template-columns:260px minmax(0,1fr);
        gap:20px;
    }

    .retention-timeline{
        grid-template-columns:1fr;
        gap:15px;
    }

    .retention-line{
        width:1px;
        height:26px;

        margin:0 auto;
    }

    .footer-container{
        grid-template-columns:repeat(3,1fr);
    }
}


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

@media (max-width:850px){

    .privacy-breadcrumb{
        padding-top:15px;
    }

    .privacy-hero{
        padding:55px 0 65px;
    }

    .privacy-hero-container{
        grid-template-columns:1fr;

        text-align:center;
    }

    .privacy-hero-content{
        margin:0 auto;
    }

    .privacy-badge{
        margin-left:auto;
        margin-right:auto;
    }

    .privacy-hero-description{
        margin-left:auto;
        margin-right:auto;
    }

    .privacy-updated{
        margin-left:auto;
        margin-right:auto;
    }

    .privacy-hero-visual{
        min-height:300px;
    }

    .privacy-security-image{
        width:min(500px,90%);
    }

    .privacy-policy-layout{
        grid-template-columns:1fr;
    }

    .privacy-sidebar{
        position:relative;
        top:auto;
    }

    .privacy-sidebar-nav{
        display:grid;
        grid-template-columns:repeat(2,1fr);
    }

    .privacy-sidebar-help{
        display:none;
    }

    .privacy-list{
        grid-template-columns:1fr;
    }

    .footer-container{
        grid-template-columns:repeat(2,1fr);
    }
}


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

@media (max-width:600px){

    .privacy-container{
        width:min(94%,1380px);
    }

    .breadcrumb-inner{
        font-size:12px;
    }

    .privacy-hero{
        min-height:auto;

        padding:45px 0 50px;
    }

    .privacy-hero h1{
        font-size:48px;
        letter-spacing:-2px;
    }

    .privacy-hero-description{
        font-size:14px;
        line-height:1.75;
    }

    .privacy-updated{
        width:100%;

        flex-direction:column;
        align-items:flex-start;

        gap:13px;
    }

    .privacy-updated-divider{
        width:100%;
        height:1px;
    }

    .privacy-hero-visual{
        min-height:240px;
    }

    .privacy-policy-section{
        padding:50px 0 70px;
    }

    .privacy-sidebar-card{
        padding:16px;
    }

    .privacy-sidebar-nav{
        grid-template-columns:1fr;
    }

    .privacy-policy-card{
        padding:22px 18px;
        border-radius:14px;
    }

    .policy-heading{
        align-items:flex-start;
    }

    .policy-heading h2{
        font-size:19px;
    }

    .policy-heading > div:last-child{
        flex-direction:column;
        gap:2px;
    }

    .policy-grid{
        grid-template-columns:1fr;
    }

    .privacy-contact-options{
        grid-template-columns:1fr;
    }

    .privacy-cta-card{
        grid-template-columns:1fr;

        text-align:center;
    }

    .privacy-cta-icon{
        margin:0 auto;
    }

    .privacy-cta-card > a{
        width:100%;
    }

    .footer-container{
        grid-template-columns:1fr;

        gap:35px;
    }

    .footer-bottom{
        flex-direction:column;

        gap:13px;

        text-align:center;
    }

    .footer-bottom-links{
        flex-wrap:wrap;
        justify-content:center;
    }
}
/* =========================================================
   FIX PRIVACY PAGE UNDER FIXED NAVBAR
========================================================= */



.privacy-hero{
    padding-top:45px !important;
}
.header{
    position:relative;
    z-index:100;

    margin:0 !important;
    padding:10px 0 0 !important;

    background:
        radial-gradient(
            circle at 80% 10%,
            rgba(124,58,237,.10),
            transparent 34%
        ),
        #050814 !important;
}
/* =========================================================
   KEEP EXISTING NAVBAR FIXED
========================================================= */

/* =========================================================
   PRIVACY PAGE TOP — SAME AS SERVICES STYLE
========================================================= */

.header{
    position:relative !important;
    top:auto !important;
    left:auto !important;

    width:100%;

    margin:0 !important;
    padding:10px 0 0 !important;

    z-index:100;

    background:transparent !important;
}

/* Navbar itself keeps its normal card background */
.navbar{
    position:relative !important;
    top:auto !important;
    left:auto !important;

    z-index:101;
}


/* Breadcrumb directly after navbar */
.privacy-breadcrumb{
    margin:0 !important;
    padding:25px 0 0 !important;

    background:transparent !important;
}


/* One continuous background behind navbar + breadcrumb + hero */
body{
    background:#050814 !important;
}

.privacy-hero{
    margin-top:0 !important;
    padding-top:65px !important;

    background:
        radial-gradient(
            circle at 16% 55%,
            rgba(91,33,182,.16),
            transparent 34%
        ),
        radial-gradient(
            circle at 78% 20%,
            rgba(124,58,237,.14),
            transparent 38%
        ),
        #050814 !important;
}
/* =========================================================
   COMBINE NAVBAR + BREADCRUMB + HERO
========================================================= */

body{
    background:#050814 !important;
}

/* navbar area */
.header{
    background:
        radial-gradient(
            circle at 80% 15%,
            rgba(124,58,237,.10),
            transparent 38%
        ),
        #050814 !important;
}

/* breadcrumb should continue same background */
.privacy-breadcrumb{
    background:
        radial-gradient(
            circle at 80% 0%,
            rgba(124,58,237,.10),
            transparent 40%
        ),
        #050814 !important;

    margin:0 !important;
    padding:22px 0 0 !important;
}

/* hero continues from breadcrumb */
.privacy-hero{
    margin:0 !important;

    padding-top:70px !important;

    background:
        radial-gradient(
            circle at 18% 55%,
            rgba(91,33,182,.12),
            transparent 38%
        ),
        radial-gradient(
            circle at 78% 10%,
            rgba(124,58,237,.12),
            transparent 40%
        ),
        #050814 !important;
}

/* remove any line / separator */
.privacy-breadcrumb,
.privacy-hero{
    border-top:none !important;
    border-bottom:none !important;
}
/* =========================================================
   FINAL FIX — ONE CONTINUOUS TOP BACKGROUND
========================================================= */

/* Page background */
body{
    background:#050814 !important;
}

/* Make all top sections transparent */
.header,
.privacy-breadcrumb,
.privacy-hero{
    background:transparent !important;
}

/* Remove any separators */
.header,
.privacy-breadcrumb,
.privacy-hero{
    border-top:none !important;
    border-bottom:none !important;
    box-shadow:none !important;
}

/* Shared continuous top background */
body::before{
    content:"";

    position:absolute;
    top:0;
    left:0;

    width:100%;
    height:820px;

    z-index:-1;

    background:
        radial-gradient(
            circle at 78% 30%,
            rgba(124,58,237,.13),
            transparent 38%
        ),
        radial-gradient(
            circle at 18% 55%,
            rgba(91,33,182,.10),
            transparent 35%
        ),
        #050814;
}

/* Make sure body can hold the shared background */
body{
    position:relative;
}

/* Navbar stays as its own card only */
.navbar{
    background:#0b1626 !important;
}

/* Breadcrumb spacing */
.privacy-breadcrumb{
    margin:0 !important;
    padding:24px 0 0 !important;
}

/* Hero directly continues */
.privacy-hero{
    margin:0 !important;
    padding-top:70px !important;
}