.apv3-breadcrumb{



padding:18px 0;



background:#F8F5EF;



border-bottom:1px solid #ECE4D3;



}



.apv3-breadcrumb ul{



display:flex;



gap:14px;



padding:0;



margin:0;



list-style:none;



align-items:center;



}



.apv3-breadcrumb li{



font-size:15px;



color:#666;



}



.apv3-breadcrumb li a{



color:#0B2545;



text-decoration:none;



font-weight:600;



}



.apv3-breadcrumb li:not(:last-child):after{



content:"/";



margin-left:14px;



color:#C9A961;



}


/*PAGES*/
/* =========================================================
   ABOUT A2Z VALUERS — NATIONAL PRACTICE
   SECTION 1
   Namespace: gaviAboutIntro
========================================================= */

.gaviAboutIntro{
    position:relative;
    padding:85px 0;
    background:#f8fafc;
    overflow:hidden;
}

.gaviAboutIntro:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429,#b97800,#061d3d);
}

.gaviAboutIntroGrid{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
    gap:65px;
    align-items:center;
}

.gaviAboutEyebrow{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:17px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.gaviAboutEyebrow span{
    display:inline-block;
    width:38px;
    height:2px;
    background:#b97800;
}

.gaviAboutIntroContent h1{
    margin:0 0 24px;
    color:#061d3d;
    font-size:clamp(36px,4vw,58px);
    line-height:1.08;
    font-weight:800;
    letter-spacing:-1.4px;
}

.gaviAboutIntroContent h1 strong{
    display:block;
    color:#b97800;
}

.gaviAboutIntroContent p{
    margin:0 0 19px;
    color:#536276;
    font-size:16px;
    line-height:1.8;
}

.gaviAboutIntroContent p strong{
    color:#092f62;
    font-weight:750;
}

.gaviAboutIntroContent .gaviAboutLead{
    color:#263b54;
    font-size:19px;
    line-height:1.7;
}


/* =========================================================
   INTRO STAT PANEL
========================================================= */

.gaviAboutIntroPanel{
    position:relative;
    padding:29px;
    border:1px solid rgba(185,120,0,.38);
    border-radius:10px;
    background:linear-gradient(145deg,#04152d,#092f62);
    box-shadow:0 25px 55px rgba(6,29,61,.15);
    overflow:hidden;
}

.gaviAboutIntroPanel:after{
    content:"";
    position:absolute;
    width:180px;
    height:180px;
    right:-90px;
    top:-90px;
    border:1px solid rgba(240,180,41,.22);
    border-radius:50%;
}

.gaviAboutPanelTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-bottom:19px;
    border-bottom:1px solid rgba(255,255,255,.13);
}

.gaviAboutPanelTop span{
    color:#d3ddea;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.3px;
}

.gaviAboutPanelTop strong{
    color:#f0b429;
    font-size:15px;
    letter-spacing:1px;
}

.gaviAboutStats{
    display:grid;
    grid-template-columns:1fr 1fr;
}

.gaviAboutStat{
    padding:24px 12px 21px 0;
    border-bottom:1px solid rgba(255,255,255,.11);
}

.gaviAboutStat:nth-child(odd){
    padding-right:20px;
    border-right:1px solid rgba(255,255,255,.11);
}

.gaviAboutStat:nth-child(even){
    padding-left:20px;
}

.gaviAboutStat:nth-child(3),
.gaviAboutStat:nth-child(4){
    border-bottom:0;
}

.gaviAboutStat strong{
    display:block;
    margin-bottom:6px;
    color:#f0b429;
    font-size:32px;
    line-height:1;
    font-weight:850;
}

.gaviAboutStat span{
    display:block;
    color:#dce5ef;
    font-size:15px;
    line-height:1.45;
}

.gaviAboutPanelFooter{
    display:flex;
    align-items:flex-start;
    gap:10px;
    padding-top:20px;
    color:#c5d1de;
    font-size:15px;
    line-height:1.55;
}

.gaviAboutPanelFooter strong{
    color:#fff;
}

.gaviAboutDot{
    flex:0 0 8px;
    width:8px;
    height:8px;
    margin-top:5px;
    border-radius:50%;
    background:#f0b429;
    box-shadow:0 0 0 5px rgba(240,180,41,.11);
}


/* =========================================================
   SECTION 2
   NATIONAL PRACTICE MODEL
   Namespace: gaviAboutScope
========================================================= */

.gaviAboutScope{
    position:relative;
    padding:88px 0;
    background:#fff;
}

.gaviAboutSectionHeader{
    max-width:820px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviAboutSectionHeader h2{
    margin:0 0 16px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,48px);
    line-height:1.15;
    font-weight:800;
    letter-spacing:-1px;
}

.gaviAboutSectionHeader h2 strong{
    color:#b97800;
}

.gaviAboutSectionHeader p{
    margin:0 auto;
    color:#59697b;
    font-size:16px;
    line-height:1.75;
}

.gaviAboutScopeGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.gaviAboutScopeCard{
    position:relative;
    padding:28px 24px 27px;
    border:1px solid #dce4ed;
    border-radius:9px;
    background:#fff;
    box-shadow:0 8px 25px rgba(6,29,61,.045);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviAboutScopeCard:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800);
    transform:scaleX(.25);
    transform-origin:left;
    transition:transform .3s ease;
}

.gaviAboutScopeCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.42);
    box-shadow:0 18px 38px rgba(6,29,61,.09);
}

.gaviAboutScopeCard:hover:before{
    transform:scaleX(1);
}

.gaviAboutScopeNumber{
    position:absolute;
    top:17px;
    right:18px;
    color:#e3e8ee;
    font-size:15px;
    font-weight:900;
}

.gaviAboutScopeIcon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    min-width:64px;
    margin-bottom:19px;
    padding:7px 10px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:.8px;
}

.gaviAboutScopeCard h3{
    margin:0 0 12px;
    color:#061d3d;
    font-size:21px;
    line-height:1.35;
    font-weight:750;
}

.gaviAboutScopeCard h3 strong{
    color:#b97800;
}

.gaviAboutScopeCard p{
    margin:0;
    color:#59697b;
    font-size:15px;
    line-height:1.72;
}

.gaviAboutScopeCard p strong{
    color:#092f62;
    font-weight:750;
}


/* =========================================================
   SECTION 3
   CREDENTIALS
   Namespace: gaviAboutCredentials
========================================================= */

.gaviAboutCredentials{
    position:relative;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 85% 15%,rgba(185,120,0,.12),transparent 25%),
        linear-gradient(135deg,#f5f8fc,#fff);
}

.gaviAboutCredentialsGrid{
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(360px,.75fr);
    gap:65px;
    align-items:center;
}

.gaviAboutCredentialsContent h2{
    margin:0 0 18px;
    color:#061d3d;
    font-size:clamp(32px,3.5vw,48px);
    line-height:1.15;
    font-weight:800;
}

.gaviAboutCredentialsContent h2 strong{
    color:#b97800;
}

.gaviAboutCredentialsContent > p{
    max-width:760px;
    margin:0 0 28px;
    color:#59697b;
    font-size:16px;
    line-height:1.8;
}

.gaviAboutCredentialsContent > p strong{
    color:#092f62;
}

.gaviCredentialList{
    display:grid;
    gap:13px;
}

.gaviCredentialItem{
    display:flex;
    align-items:flex-start;
    gap:13px;
    padding:16px 17px;
    border:1px solid #dce4ed;
    border-radius:6px;
    background:#fff;
}

.gaviCredentialMark{
    flex:0 0 27px;
    width:27px;
    height:27px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviCredentialItem strong{
    display:block;
    margin-bottom:3px;
    color:#092f62;
    font-size:16px;
}

.gaviCredentialItem span{
    display:block;
    color:#607084;
    font-size:15px;
    line-height:1.5;
}


/* =========================================================
   CREDENTIAL CARD
========================================================= */

.gaviAboutCredentialsCard{
    position:relative;
    padding:36px 32px;
    border:1px solid rgba(185,120,0,.4);
    border-radius:10px;
    background:linear-gradient(145deg,#04152d,#092f62);
    color:#fff;
    box-shadow:0 25px 55px rgba(6,29,61,.16);
    overflow:hidden;
}

.gaviAboutCredentialsCard:before{
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    top:-130px;
    right:-110px;
    border:1px solid rgba(240,180,41,.2);
    border-radius:50%;
}

.gaviCredentialsCardLabel{
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gaviCredentialsCardTitle{
    display:flex;
    align-items:baseline;
    gap:10px;
    margin-top:22px;
}

.gaviCredentialsCardTitle strong{
    color:#f0b429;
    font-size:54px;
    line-height:1;
}

.gaviCredentialsCardTitle span{
    color:#fff;
    font-size:19px;
    font-weight:800;
    letter-spacing:2px;
}

.gaviCredentialsCardLine{
    width:65px;
    height:3px;
    margin:19px 0;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviAboutCredentialsCard > p{
    margin:0;
    color:#e1e8f0;
    font-size:17px;
    line-height:1.55;
}

.gaviCredentialsCardAddress{
    display:grid;
    gap:4px;
    margin-top:25px;
    padding-top:20px;
    border-top:1px solid rgba(255,255,255,.12);
}

.gaviCredentialsCardAddress strong{
    color:#fff;
    font-size:17px;
}

.gaviCredentialsCardAddress span{
    color:#bdcad8;
    font-size:15px;
    line-height:1.45;
}

.gaviCredentialsCardStats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:27px;
    padding-top:21px;
    border-top:1px solid rgba(255,255,255,.12);
}

.gaviCredentialsCardStats div{
    text-align:center;
}

.gaviCredentialsCardStats strong{
    display:block;
    color:#f0b429;
    font-size:20px;
}

.gaviCredentialsCardStats span{
    display:block;
    margin-top:4px;
    color:#b9c7d6;
    font-size:15px;
}


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

.gaviAboutFinalCta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    margin-top:62px;
    padding:31px 34px;
    border:1px solid rgba(185,120,0,.4);
    border-radius:9px;
    background:linear-gradient(110deg,#04152d,#092f62);
    box-shadow:0 18px 40px rgba(6,29,61,.12);
}

.gaviAboutFinalCtaText > span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.3px;
}

.gaviAboutFinalCtaText h3{
    margin:0 0 7px;
    color:#fff;
    font-size:25px;
    line-height:1.35;
}

.gaviAboutFinalCtaText h3 strong{
    color:#f0b429;
}

.gaviAboutFinalCtaText p{
    max-width:700px;
    margin:0;
    color:#cbd6e2;
    font-size:15px;
    line-height:1.6;
}

.gaviAboutFinalCtaActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:12px;
}

.gaviAboutPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:53px;
    padding:0 24px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviAboutPrimaryCta:hover{
    transform:translateY(-2px);
    box-shadow:0 10px 25px rgba(185,120,0,.3);
}

.gaviAboutPrimaryCta span{
    font-size:20px;
}

.gaviAboutPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:53px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    text-decoration:none !important;
}

.gaviAboutPhoneCta:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media (max-width:1100px){

    .gaviAboutIntroGrid{
        grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);
        gap:35px;
    }

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

    .gaviAboutCredentialsGrid{
        grid-template-columns:1fr 1fr;
        gap:35px;
    }

}


@media (max-width:991px){

    .gaviAboutIntro{
        padding:70px 0;
    }

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

    .gaviAboutIntroPanel{
        max-width:600px;
    }

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

    .gaviAboutCredentialsCard{
        max-width:600px;
    }

    .gaviAboutFinalCta{
        flex-direction:column;
        align-items:flex-start;
    }

}


@media (max-width:767px){

    .gaviAboutIntro,
    .gaviAboutScope,
    .gaviAboutCredentials{
        padding:60px 0;
    }

    .gaviAboutIntroContent h1{
        font-size:38px;
    }

    .gaviAboutIntroContent .gaviAboutLead{
        font-size:17px;
    }

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

    .gaviAboutScopeCard{
        padding:25px 21px;
    }

    .gaviAboutCredentialsCard{
        padding:29px 23px;
    }

    .gaviAboutFinalCta{
        padding:25px 21px;
    }

    .gaviAboutFinalCtaText h3{
        font-size:21px;
    }

    .gaviAboutFinalCtaActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviAboutPrimaryCta,
    .gaviAboutPhoneCta{
        width:100%;
    }

}


@media (max-width:480px){

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

    .gaviAboutStat,
    .gaviAboutStat:nth-child(odd),
    .gaviAboutStat:nth-child(even){
        padding:18px 0;
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.11);
    }

    .gaviAboutStat:last-child{
        border-bottom:0;
    }

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

}

/* =========================================================
   GOVERNMENT APPROVED VALUERS INDIA
   ENGAGEMENT PAGE
   ROYAL NAVY + GOLD DESIGN
========================================================= */


/* =========================================================
   SECTION 1 — HERO
   Namespace: gaviEngageHero
========================================================= */

.gaviEngageHero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 85% 15%,rgba(185,120,0,.16),transparent 28%),
        linear-gradient(135deg,#04152d 0%,#061d3d 55%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviEngageHero:after{
    content:"";
    position:absolute;
    right:-180px;
    bottom:-220px;
    width:500px;
    height:500px;
    border:1px solid rgba(240,180,41,.13);
    border-radius:50%;
    box-shadow:
        0 0 0 35px rgba(240,180,41,.025),
        0 0 0 75px rgba(240,180,41,.018);
}

.gaviEngageHeroPattern{
    position:absolute;
    inset:0;
    opacity:.16;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:55px 55px;
    pointer-events:none;
}

.gaviEngageHeroInner{
    position:relative;
    z-index:2;
    max-width:1080px;
    margin:0 auto;
    text-align:center;
}

.gaviEngageHeroEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviEngageHeroEyebrow span{
    display:block;
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviEngageHero h1{
    margin:0;
    color:#fff;
    font-size:clamp(40px,5vw,67px);
    line-height:1.08;
    font-weight:850;
    letter-spacing:-1.7px;
}

.gaviEngageHero h1 strong{
    display:block;
    margin-top:9px;
    color:#f0b429;
    font-size:.55em;
    line-height:1.25;
    letter-spacing:-.2px;
}

.gaviEngageHeroLead{
    max-width:850px;
    margin:26px auto 0;
    color:#d9e3ee;
    font-size:18px;
    line-height:1.75;
}

.gaviEngageHeroLead strong{
    color:#fff;
}

.gaviEngageHeroStats{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin:36px auto 0;
    max-width:800px;
    border:1px solid rgba(240,180,41,.23);
    border-radius:8px;
    background:rgba(255,255,255,.045);
    backdrop-filter:blur(7px);
}

.gaviEngageHeroStats div{
    flex:1;
    min-width:180px;
    padding:19px 20px;
}

.gaviEngageHeroStats div + div{
    border-left:1px solid rgba(255,255,255,.13);
}

.gaviEngageHeroStats strong{
    display:block;
    color:#f0b429;
    font-size:22px;
    line-height:1.25;
}

.gaviEngageHeroStats span{
    display:block;
    margin-top:4px;
    color:#bfcbd8;
    font-size:15px;
}

.gaviEngageHeroActions{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:32px;
}

.gaviEngagePrimaryBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    min-height:57px;
    padding:0 28px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gaviEngagePrimaryBtn span{
    font-size:22px;
}

.gaviEngagePrimaryBtn:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 35px rgba(185,120,0,.35);
}

.gaviEngagePhoneBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:57px;
    padding:0 22px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    background:rgba(255,255,255,.055);
    font-size:17px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviEngagePhoneBtn span{
    color:#f0b429;
    font-size:21px;
}

.gaviEngagePhoneBtn:hover{
    border-color:#f0b429;
    background:rgba(185,120,0,.10);
}


/* =========================================================
   COMMON SECTION INTRO
========================================================= */

.gaviEngageSectionIntro{
    max-width:820px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviEngageSectionLabel{
    display:inline-block;
    margin-bottom:12px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviEngageSectionIntro h2{
    margin:0 0 14px;
    color:#061d3d;
    font-size:clamp(31px,3.6vw,48px);
    line-height:1.16;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviEngageSectionIntro h2 strong{
    color:#b97800;
}

.gaviEngageSectionIntro p{
    margin:0;
    color:#566679;
    font-size:16px;
    line-height:1.75;
}

.gaviEngageSectionIntro p strong{
    color:#092f62;
}


/* =========================================================
   SECTION 2 — ENGAGEMENT MODEL
   Namespace: gaviEngageModel
========================================================= */

.gaviEngageModel{
    position:relative;
    padding:88px 0 85px;
    background:#f8fafc;
}

.gaviEngageModel:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429,#b97800,#061d3d);
}

.gaviEngageInputGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px;
}

.gaviEngageInputCard{
    position:relative;
    min-height:330px;
    padding:31px 27px 28px;
    border:1px solid #dce3ec;
    border-radius:9px;
    background:#fff;
    box-shadow:0 12px 30px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviEngageInputCard:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800);
    transform:scaleX(.25);
    transform-origin:left;
    transition:transform .3s ease;
}

.gaviEngageInputCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.38);
    box-shadow:0 20px 42px rgba(6,29,61,.10);
}

.gaviEngageInputCard:hover:before{
    transform:scaleX(1);
}

.gaviEngageInputNo{
    position:absolute;
    top:18px;
    right:20px;
    color:#dce3eb;
    font-size:15px;
    font-weight:900;
}

.gaviEngageInputIcon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:65px;
    height:42px;
    margin-bottom:21px;
    padding:0 10px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:.8px;
}

.gaviEngageInputCard h3{
    margin:0 0 14px;
    color:#061d3d;
    font-size:22px;
    line-height:1.3;
    font-weight:800;
}

.gaviEngageInputCard h3 strong{
    color:#b97800;
}

.gaviEngageInputCard p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.75;
}

.gaviEngageInputCard p strong{
    color:#092f62;
}

.gaviEngageModelNote{
    display:flex;
    align-items:flex-start;
    gap:18px;
    max-width:950px;
    margin:34px auto 0;
    padding:20px 23px;
    border-left:4px solid #b97800;
    border-radius:0 6px 6px 0;
    background:#fff;
    box-shadow:0 7px 20px rgba(6,29,61,.045);
}

.gaviEngageModelNote > span{
    color:#b97800;
    font-size:15px;
    font-weight:900;
}

.gaviEngageModelNote p{
    margin:0;
    color:#566679;
    font-size:15px;
    line-height:1.7;
}

.gaviEngageModelNote strong{
    color:#092f62;
}


/* =========================================================
   SECTION 3 — PROCESS FLOW
   Namespace: gaviEngageFlow
========================================================= */

.gaviEngageFlow{
    position:relative;
    padding:88px 0;
    background:
        radial-gradient(circle at 20% 80%,rgba(185,120,0,.11),transparent 28%),
        linear-gradient(135deg,#04152d,#061d3d 58%,#092f62);
    overflow:hidden;
}

.gaviEngageSectionIntroLight .gaviEngageSectionLabel{
    color:#f0b429;
}

.gaviEngageSectionIntroLight h2{
    color:#fff;
}

.gaviEngageSectionIntroLight h2 strong{
    color:#f0b429;
}

.gaviEngageSectionIntroLight p{
    color:#c5d0dc;
}

.gaviEngageSectionIntroLight p strong{
    color:#fff;
}

.gaviEngageFlowGrid{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;
    align-items:center;
    gap:12px;
}

.gaviEngageFlowStep{
    min-height:255px;
    padding:28px 22px;
    border:1px solid rgba(240,180,41,.23);
    border-radius:8px;
    background:rgba(255,255,255,.055);
    text-align:center;
    backdrop-filter:blur(8px);
    transition:all .3s ease;
}

.gaviEngageFlowStep:hover{
    transform:translateY(-6px);
    border-color:rgba(240,180,41,.55);
    background:rgba(185,120,0,.08);
}

.gaviEngageFlowStep > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:48px;
    height:48px;
    margin:0 auto 17px;
    border:1px solid #b97800;
    border-radius:50%;
    color:#061d3d;
    background:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviEngageFlowStep h3{
    margin:0 0 11px;
    color:#fff;
    font-size:20px;
    line-height:1.3;
}

.gaviEngageFlowStep p{
    margin:0;
    color:#bdc9d6;
    font-size:15px;
    line-height:1.7;
}

.gaviEngageFlowStep p strong{
    color:#f0b429;
}

.gaviEngageFlowConnector{
    width:35px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}


/* =========================================================
   SECTION 4 — TIMELINES
   Namespace: gaviEngageTimelines
========================================================= */

.gaviEngageTimelines{
    padding:88px 0 84px;
    background:#f8fafc;
}

.gaviTimelineGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px;
}

.gaviTimelineCard{
    display:flex;
    align-items:flex-start;
    gap:20px;
    padding:25px;
    border:1px solid #dce3ec;
    border-radius:8px;
    background:#fff;
    box-shadow:0 9px 25px rgba(6,29,61,.045);
    transition:all .3s ease;
}

.gaviTimelineCard:hover{
    transform:translateY(-4px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 15px 32px rgba(6,29,61,.09);
}

.gaviTimelineIcon{
    flex:0 0 65px;
    width:65px;
    height:65px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:6px;
    background:linear-gradient(145deg,#061d3d,#092f62);
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:.5px;
}

.gaviTimelineContent{
    flex:1;
}

.gaviTimelineTag{
    display:inline-block;
    margin-bottom:8px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:.7px;
}

.gaviTimelineContent h3{
    margin:0 0 8px;
    color:#061d3d;
    font-size:21px;
    line-height:1.3;
}

.gaviTimelineContent h3 strong{
    color:#b97800;
}

.gaviTimelineContent p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.7;
}

.gaviTimelineContent p strong{
    color:#092f62;
}

.gaviTimelineNote{
    margin-top:25px;
    padding:18px 22px;
    border:1px solid #e1e6ed;
    border-left:4px solid #b97800;
    border-radius:0 6px 6px 0;
    background:#fff;
    color:#5a6878;
    font-size:15px;
    line-height:1.7;
}

.gaviTimelineNote strong{
    color:#092f62;
}


/* =========================================================
   SECTION 5 — FINAL CTA
   Namespace: gaviEngageCta
========================================================= */

.gaviEngageCta{
    padding:65px 0;
    background:#fff;
}

.gaviEngageCtaInner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    padding:38px 42px;
    border:1px solid rgba(185,120,0,.4);
    border-radius:10px;
    background:
        linear-gradient(115deg,#04152d 0%,#092f62 65%,#061d3d 100%);
    box-shadow:0 22px 50px rgba(6,29,61,.15);
}

.gaviEngageCtaContent{
    max-width:700px;
}

.gaviEngageCtaLabel{
    margin-bottom:8px;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.5px;
}

.gaviEngageCtaContent h2{
    margin:0 0 12px;
    color:#fff;
    font-size:32px;
    line-height:1.2;
    font-weight:800;
}

.gaviEngageCtaContent h2 strong{
    color:#f0b429;
}

.gaviEngageCtaContent p{
    margin:0;
    color:#c8d3df;
    font-size:15px;
    line-height:1.72;
}

.gaviEngageCtaContent p strong{
    color:#fff;
}

.gaviEngageCtaActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
}

.gaviEngageFinalBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:55px;
    padding:0 25px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:900;
    text-decoration:none !important;
    box-shadow:0 10px 26px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gaviEngageFinalBtn:hover{
    transform:translateY(-3px);
    box-shadow:0 15px 32px rgba(185,120,0,.34);
}

.gaviEngageFinalBtn span{
    font-size:21px;
}

.gaviEngageFinalPhone{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:55px;
    padding:6px 17px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    color:#fff !important;
    background:rgba(255,255,255,.05);
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviEngageFinalPhone > span{
    color:#f0b429;
    font-size:20px;
}

.gaviEngageFinalPhone small{
    display:block;
    color:#aebdcd;
    font-size:15px;
}

.gaviEngageFinalPhone strong{
    display:block;
    color:#fff;
    font-size:16px;
}

.gaviEngageFinalPhone:hover{
    border-color:#f0b429;
}


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

@media (max-width:1100px){

    .gaviEngageFlowGrid{
        grid-template-columns:repeat(2,1fr);
        gap:18px;
    }

    .gaviEngageFlowConnector{
        display:none;
    }

}


@media (max-width:991px){

    .gaviEngageHero{
        padding:70px 0;
    }

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

    .gaviEngageInputCard{
        min-height:auto;
    }

    .gaviEngageCtaInner{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviEngageCtaActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gaviEngageHero{
        padding:58px 0;
    }

    .gaviEngageHero h1{
        font-size:40px;
        letter-spacing:-1px;
    }

    .gaviEngageHero h1 strong{
        font-size:22px;
    }

    .gaviEngageHeroLead{
        font-size:16px;
    }

    .gaviEngageHeroStats{
        flex-direction:column;
    }

    .gaviEngageHeroStats div{
        min-width:100%;
    }

    .gaviEngageHeroStats div + div{
        border-top:1px solid rgba(255,255,255,.13);
        border-left:0;
    }

    .gaviEngageHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviEngagePrimaryBtn,
    .gaviEngagePhoneBtn{
        width:100%;
    }

    .gaviEngageModel,
    .gaviEngageFlow,
    .gaviEngageTimelines{
        padding:65px 0;
    }

    .gaviEngageSectionIntro h2{
        font-size:32px;
    }

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

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

    .gaviTimelineCard{
        padding:21px;
    }

    .gaviEngageCta{
        padding:45px 0;
    }

    .gaviEngageCtaInner{
        padding:29px 22px;
    }

    .gaviEngageCtaContent h2{
        font-size:27px;
    }

    .gaviEngageCtaActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviEngageFinalBtn,
    .gaviEngageFinalPhone{
        width:100%;
        justify-content:center;
    }

}


@media (max-width:480px){

    .gaviEngageHero h1{
        font-size:34px;
    }

    .gaviEngageHero h1 strong{
        font-size:20px;
    }

    .gaviEngageInputCard{
        padding:27px 21px;
    }

    .gaviTimelineCard{
        flex-direction:column;
    }

    .gaviTimelineIcon{
        width:60px;
        height:60px;
    }

}
/* =========================================================
   PAN INDIA DELIVERY MODEL
   HERO
   Namespace: gavpidHero
========================================================= */

.gavpidHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 82px;
    background:
        radial-gradient(circle at 85% 15%,rgba(240,180,41,.13),transparent 28%),
        radial-gradient(circle at 10% 85%,rgba(185,120,0,.08),transparent 25%),
        linear-gradient(135deg,#04152d 0%,#061d3d 55%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gavpidHeroPattern{
    position:absolute;
    inset:0;
    opacity:.15;
    background-image:
        linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);
    background-size:55px 55px;
    mask-image:linear-gradient(135deg,transparent 10%,#000 50%,transparent 95%);
}

.gavpidHeroInner{
    position:relative;
    max-width:1000px;
    margin:0 auto;
    text-align:center;
}

.gavpidHeroEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-bottom:20px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2.2px;
}

.gavpidHeroEyebrow span{
    width:45px;
    height:2px;
    background:linear-gradient(90deg,transparent,#f0b429);
}

.gavpidHeroEyebrow span:last-child{
    background:linear-gradient(90deg,#f0b429,transparent);
}

.gavpidHero h1{
    margin:0;
    color:#fff;
    font-size:clamp(42px,5vw,68px);
    line-height:1.05;
    font-weight:800;
    letter-spacing:-1.8px;
}

.gavpidHero h1 strong{
    display:block;
    margin-top:8px;
    color:#f0b429;
    font-weight:800;
}

.gavpidHeroLead{
    max-width:840px;
    margin:25px auto 0;
    color:#d9e3ee;
    font-size:18px;
    line-height:1.78;
}

.gavpidHeroLead strong{
    color:#fff;
}

.gavpidHeroStats{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:0;
    max-width:730px;
    margin:37px auto 0;
    border:1px solid rgba(240,180,41,.25);
    border-radius:8px;
    background:rgba(255,255,255,.045);
    backdrop-filter:blur(8px);
}

.gavpidHeroStat{
    flex:1 1 200px;
    padding:18px 22px;
    border-right:1px solid rgba(240,180,41,.18);
}

.gavpidHeroStat:last-child{
    border-right:0;
}

.gavpidHeroStat strong{
    display:block;
    color:#f0b429;
    font-size:21px;
    line-height:1.3;
}

.gavpidHeroStat span{
    display:block;
    margin-top:4px;
    color:#c6d2df;
    font-size:15px;
}


/* =========================================================
   INTRO
   Namespace: gavpidIntro
========================================================= */

.gavpidIntro{
    padding:72px 0;
    background:#fff;
    border-bottom:1px solid #e5eaf0;
}

.gavpidIntroGrid{
    display:grid;
    grid-template-columns:250px minmax(0,1fr);
    gap:70px;
    align-items:start;
}

.gavpidIntroLabel{
    position:relative;
    padding-top:5px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
    line-height:1.5;
}

.gavpidIntroLabel span{
    display:block;
    margin-bottom:12px;
    color:#092f62;
    font-size:38px;
    font-weight:900;
    line-height:1;
}

.gavpidIntroContent{
    max-width:850px;
}

.gavpidIntroContent h2{
    margin:0 0 17px;
    color:#061d3d;
    font-size:clamp(30px,3.3vw,45px);
    line-height:1.15;
    letter-spacing:-1px;
}

.gavpidIntroContent h2 strong{
    color:#b97800;
}

.gavpidIntroContent p{
    margin:0 0 13px;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

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

.gavpidIntroContent strong{
    color:#092f62;
}


/* =========================================================
   STAGES
   Namespace: gavpidStages
========================================================= */

.gavpidStages{
    position:relative;
    padding:90px 0 95px;
    background:#f6f8fb;
    overflow:hidden;
}

.gavpidStages:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:5px;
    background:linear-gradient(
        90deg,
        #061d3d,
        #b97800,
        #f0b429,
        #b97800,
        #061d3d
    );
}

.gavpidStagesHeader{
    max-width:760px;
    margin:0 auto 55px;
    text-align:center;
}

.gavpidStagesEyebrow{
    margin-bottom:12px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gavpidStagesHeader h2{
    margin:0 0 13px;
    color:#061d3d;
    font-size:clamp(32px,3.8vw,50px);
    line-height:1.12;
    letter-spacing:-1.1px;
}

.gavpidStagesHeader h2 strong{
    color:#b97800;
}

.gavpidStagesHeader p{
    margin:0;
    color:#637184;
    font-size:16px;
    line-height:1.7;
}


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

.gavpidStageTimeline{
    position:relative;
    max-width:1080px;
    margin:0 auto;
}

.gavpidStageTimeline:before{
    content:"";
    position:absolute;
    top:50px;
    bottom:50px;
    left:38px;
    width:2px;
    background:linear-gradient(
        180deg,
        #b97800,
        #092f62 48%,
        #b97800
    );
}

.gavpidStage{
    position:relative;
    display:grid;
    grid-template-columns:78px minmax(0,1fr);
    gap:27px;
    margin-bottom:28px;
}

.gavpidStage:last-child{
    margin-bottom:0;
}

.gavpidStageMarker{
    position:relative;
    z-index:3;
    width:76px;
    height:76px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:2px solid #b97800;
    border-radius:50%;
    background:#fff;
    color:#092f62;
    font-size:19px;
    font-weight:900;
    box-shadow:0 8px 22px rgba(6,29,61,.09);
}

.gavpidStageNavy .gavpidStageMarker{
    border-color:#092f62;
    color:#b97800;
}

.gavpidStageBody{
    position:relative;
    padding:30px 34px 31px;
    border:1px solid #dce3eb;
    border-radius:10px;
    background:#fff;
    box-shadow:0 10px 28px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gavpidStageBody:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:5px;
}

.gavpidStageGold .gavpidStageBody:before{
    background:linear-gradient(180deg,#f0b429,#b97800);
}

.gavpidStageNavy .gavpidStageBody:before{
    background:linear-gradient(180deg,#092f62,#061d3d);
}

.gavpidStageBody:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(6,29,61,.10);
}

.gavpidStageTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:10px;
}

.gavpidStageLabel{
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.3px;
}

.gavpidStageNavy .gavpidStageLabel{
    color:#092f62;
}

.gavpidStageMini{
    padding:6px 9px;
    border:1px solid #e0e6ed;
    border-radius:3px;
    color:#687789;
    background:#f8fafc;
    font-size:15px;
    font-weight:700;
    letter-spacing:.5px;
}

.gavpidStageBody h3{
    margin:0 0 14px;
    color:#061d3d;
    font-size:27px;
    line-height:1.25;
    font-weight:750;
    letter-spacing:-.5px;
}

.gavpidStageBody h3 strong{
    color:#b97800;
}

.gavpidStageNavy .gavpidStageBody h3 strong{
    color:#092f62;
}

.gavpidStageBody > p{
    max-width:900px;
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.78;
}

.gavpidStageBody > p strong{
    color:#092f62;
    font-weight:750;
}


/* =========================================================
   STAGE DETAILS
========================================================= */

.gavpidStageDetails{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:21px;
}

.gavpidStageDetails span{
    padding:8px 11px;
    border:1px solid #dce3eb;
    border-radius:4px;
    background:#f8fafc;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}

.gavpidStageGold .gavpidStageDetails span{
    border-color:rgba(185,120,0,.25);
    background:#fffaf0;
}

.gavpidStageNote{
    margin-top:21px;
    padding:13px 15px;
    border-left:3px solid #b97800;
    background:#faf7f0;
    color:#59697b;
    font-size:15px;
    line-height:1.65;
}

.gavpidStageNavy .gavpidStageNote{
    border-left-color:#092f62;
    background:#f3f6fa;
}

.gavpidStageNote strong{
    color:#061d3d;
}


/* =========================================================
   DATABASE GRID
========================================================= */

.gavpidDatabaseGrid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:9px;
    margin-top:22px;
}

.gavpidDatabaseGrid span{
    min-height:68px;
    padding:10px 11px;
    border:1px solid #dce3eb;
    border-radius:5px;
    background:#f8fafc;
    color:#627184;
    font-size:15px;
    line-height:1.4;
}

.gavpidDatabaseGrid strong{
    display:block;
    margin-bottom:2px;
    color:#092f62;
    font-size:15px;
}


/* =========================================================
   REVIEW GRID
========================================================= */

.gavpidReviewGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:9px;
    margin-top:22px;
}

.gavpidReviewGrid div{
    min-height:70px;
    padding:11px 13px;
    border:1px solid rgba(185,120,0,.25);
    border-radius:5px;
    background:#fffaf0;
    color:#5c6878;
    font-size:15px;
    line-height:1.45;
}

.gavpidReviewGrid strong{
    display:block;
    margin-bottom:3px;
    color:#b97800;
    font-size:16px;
}


/* =========================================================
   ASSURANCE SECTION
   Namespace: gavpidAssurance
========================================================= */

.gavpidAssurance{
    padding:90px 0;
    background:#fff;
}

.gavpidAssuranceGrid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:70px;
    align-items:center;
}

.gavpidAssuranceEyebrow{
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.8px;
}

.gavpidAssuranceContent h2{
    margin:0 0 20px;
    color:#061d3d;
    font-size:clamp(32px,3.6vw,48px);
    line-height:1.15;
    letter-spacing:-1px;
}

.gavpidAssuranceContent h2 strong{
    color:#b97800;
}

.gavpidAssuranceContent p{
    margin:0 0 15px;
    color:#58687a;
    font-size:16px;
    line-height:1.8;
}

.gavpidAssuranceContent p strong{
    color:#092f62;
}

.gavpidAssurancePoints{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.gavpidAssurancePoint{
    display:flex;
    gap:13px;
    padding:21px;
    border:1px solid #dce3eb;
    border-radius:8px;
    background:#f8fafc;
    transition:all .3s ease;
}

.gavpidAssurancePoint:hover{
    transform:translateY(-3px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 12px 28px rgba(6,29,61,.07);
}

.gavpidAssurancePoint > span{
    flex:0 0 37px;
    width:37px;
    height:37px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gavpidAssurancePoint strong{
    display:block;
    margin-bottom:5px;
    color:#092f62;
    font-size:16px;
}

.gavpidAssurancePoint p{
    margin:0;
    color:#657386;
    font-size:15px;
    line-height:1.55;
}


/* =========================================================
   FINAL CTA
   Namespace: gavpidFinal
========================================================= */

.gavpidFinal{
    padding:0 0 90px;
    background:#fff;
}

.gavpidFinalBox{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:42px 45px;
    border:1px solid rgba(185,120,0,.45);
    border-radius:10px;
    background:
        radial-gradient(circle at 90% 30%,rgba(240,180,41,.15),transparent 30%),
        linear-gradient(120deg,#04152d,#092f62);
    box-shadow:0 22px 50px rgba(6,29,61,.15);
    overflow:hidden;
}

.gavpidFinalBox:after{
    content:"";
    position:absolute;
    width:220px;
    height:220px;
    right:-100px;
    bottom:-120px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gavpidFinalContent{
    position:relative;
    z-index:2;
    max-width:730px;
}

.gavpidFinalContent > span{
    display:block;
    margin-bottom:9px;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.7px;
}

.gavpidFinalContent h2{
    margin:0 0 12px;
    color:#fff;
    font-size:clamp(26px,3vw,39px);
    line-height:1.2;
    letter-spacing:-.6px;
}

.gavpidFinalContent h2 strong{
    color:#f0b429;
}

.gavpidFinalContent p{
    margin:0;
    color:#d4deea;
    font-size:16px;
    line-height:1.7;
}

.gavpidFinalContent p strong{
    color:#fff;
}

.gavpidFinalActions{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    flex-direction:column;
    gap:12px;
    min-width:205px;
}

.gavpidFinalButton{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    width:100%;
    min-height:57px;
    padding:0 23px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:900;
    text-decoration:none !important;
    box-shadow:0 12px 27px rgba(0,0,0,.17);
    transition:all .3s ease;
}

.gavpidFinalButton:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 32px rgba(0,0,0,.25);
}

.gavpidFinalButton span{
    font-size:22px;
}

.gavpidFinalPhone{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    min-height:57px;
    padding:7px 16px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:5px;
    color:#fff !important;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gavpidFinalPhone:hover{
    border-color:#f0b429;
}

.gavpidFinalPhone small{
    color:#b9c6d5;
    font-size:15px;
}

.gavpidFinalPhone strong{
    margin-top:2px;
    color:#f0b429;
    font-size:17px;
}


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

@media (max-width:1100px){

    .gavpidStageBody{
        padding:27px 29px;
    }

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

}


@media (max-width:991px){

    .gavpidHero{
        padding:72px 0;
    }

    .gavpidIntroGrid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .gavpidIntroLabel{
        display:flex;
        align-items:center;
        gap:12px;
    }

    .gavpidIntroLabel span{
        margin:0;
        font-size:30px;
    }

    .gavpidAssuranceGrid{
        grid-template-columns:1fr;
        gap:40px;
    }

    .gavpidFinalBox{
        flex-direction:column;
        align-items:flex-start;
    }

    .gavpidFinalActions{
        width:100%;
        max-width:320px;
        align-items:stretch;
    }

}


@media (max-width:767px){

    .gavpidHero{
        padding:55px 0;
    }

    .gavpidHero h1{
        font-size:40px;
        letter-spacing:-1px;
    }

    .gavpidHeroLead{
        font-size:16px;
        line-height:1.7;
    }

    .gavpidHeroStats{
        flex-direction:column;
    }

    .gavpidHeroStat{
        border-right:0;
        border-bottom:1px solid rgba(240,180,41,.18);
    }

    .gavpidHeroStat:last-child{
        border-bottom:0;
    }

    .gavpidStages{
        padding:65px 0;
    }

    .gavpidStageTimeline:before{
        left:25px;
    }

    .gavpidStage{
        grid-template-columns:52px minmax(0,1fr);
        gap:15px;
    }

    .gavpidStageMarker{
        width:50px;
        height:50px;
        font-size:15px;
    }

    .gavpidStageBody{
        padding:24px 21px;
    }

    .gavpidStageTop{
        align-items:flex-start;
        flex-direction:column;
        gap:7px;
    }

    .gavpidStageBody h3{
        font-size:22px;
    }

    .gavpidStageBody > p{
        font-size:15px;
    }

    .gavpidDatabaseGrid,
    .gavpidReviewGrid{
        grid-template-columns:1fr;
    }

    .gavpidAssurance{
        padding:65px 0;
    }

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

    .gavpidFinal{
        padding-bottom:65px;
    }

    .gavpidFinalBox{
        padding:30px 22px;
    }

}


@media (max-width:480px){

    .gavpidHeroEyebrow{
        font-size:15px;
        letter-spacing:1.3px;
    }

    .gavpidHeroEyebrow span{
        width:25px;
    }

    .gavpidHero h1{
        font-size:34px;
    }

    .gavpidHero h1 strong{
        font-size:29px;
    }

    .gavpidStageTimeline:before{
        display:none;
    }

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

    .gavpidStageMarker{
        margin-bottom:-2px;
    }

    .gavpidStageBody{
        padding:22px 18px;
    }

    .gavpidStageDetails{
        gap:6px;
    }

    .gavpidStageDetails span{
        width:100%;
    }

}
/* =========================================================
   GOVERNMENT APPROVED VALUERS INDIA
   INSIGHTS PAGE
   Royal Navy + Gold
========================================================= */


/* =========================================================
   HERO
   Namespace: gaviInsightsHero
========================================================= */

.gaviInsightsHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 78% 25%,rgba(185,120,0,.17),transparent 27%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviInsightsHero:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429,#b97800,#061d3d);
}

.gaviInsightsHeroPattern{
    position:absolute;
    width:520px;
    height:520px;
    right:-220px;
    top:-260px;
    border:1px solid rgba(240,180,41,.17);
    border-radius:50%;
    box-shadow:
        0 0 0 30px rgba(185,120,0,.025),
        0 0 0 70px rgba(185,120,0,.02);
    z-index:-1;
}

.gaviInsightsHeroInner{
    max-width:970px;
    margin:0 auto;
    text-align:center;
}

.gaviInsightsHeroEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    margin-bottom:19px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2.2px;
}

.gaviInsightsHeroEyebrow span{
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviInsightsHero h1{
    margin:0 0 23px;
    color:#fff;
    font-size:clamp(39px,5vw,67px);
    line-height:1.04;
    font-weight:800;
    letter-spacing:-1.7px;
}

.gaviInsightsHero h1 strong{
    color:#f0b429;
}

.gaviInsightsHeroInner > p{
    max-width:850px;
    margin:0 auto;
    color:#dbe4ee;
    font-size:17px;
    line-height:1.8;
}

.gaviInsightsHeroInner > p strong{
    color:#fff;
}

.gaviInsightsHeroMeta{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:10px;
    margin-top:28px;
}

.gaviInsightsHeroMeta span{
    padding:9px 17px;
    border:1px solid rgba(240,180,41,.27);
    border-radius:4px;
    background:rgba(255,255,255,.05);
    color:#dbe4ee;
    font-size:15px;
}

.gaviInsightsHeroMeta b{
    color:#f0b429;
}

.gaviInsightsHeroActions{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:31px;
}

.gaviInsightsPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 28px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.24);
    transition:all .3s ease;
}

.gaviInsightsPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 36px rgba(185,120,0,.34);
}

.gaviInsightsPrimaryCta span{
    font-size:21px;
}

.gaviInsightsPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:56px;
    padding:0 21px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    font-size:16px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviInsightsPhoneCta:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


/* =========================================================
   INTRO
   Namespace: gaviInsightsIntro
========================================================= */

.gaviInsightsIntro{
    padding:82px 0;
    background:#fff;
}

.gaviInsightsIntroGrid{
    display:grid;
    grid-template-columns:210px minmax(0,1fr);
    gap:65px;
    align-items:start;
    max-width:1100px;
    margin:0 auto;
}

.gaviInsightsIntroLabel{
    padding:23px 20px;
    border-left:4px solid #b97800;
    background:linear-gradient(145deg,#061d3d,#092f62);
    color:#fff;
}

.gaviInsightsIntroLabel span{
    display:block;
    margin-bottom:17px;
    color:#f0b429;
    font-size:31px;
    line-height:1;
    font-weight:900;
}

.gaviInsightsIntroLabel strong{
    font-size:15px;
    line-height:1.7;
    letter-spacing:1.3px;
}

.gaviInsightsSectionEyebrow{
    margin-bottom:12px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gaviInsightsIntroContent h2{
    margin:0 0 18px;
    color:#061d3d;
    font-size:clamp(30px,3.5vw,46px);
    line-height:1.16;
    letter-spacing:-1px;
}

.gaviInsightsIntroContent h2 strong{
    color:#b97800;
}

.gaviInsightsIntroContent p{
    max-width:880px;
    margin:0 0 15px;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

.gaviInsightsIntroContent p strong{
    color:#092f62;
}


/* =========================================================
   ARTICLE GRID
   Namespace: gaviInsightsGrid
========================================================= */

.gaviInsightsGrid{
    padding:88px 0 94px;
    background:
        linear-gradient(180deg,#f7f9fc 0%,#fff 100%);
    border-top:1px solid #e5eaf0;
}

.gaviInsightsHeading{
    max-width:760px;
    margin:0 auto 47px;
    text-align:center;
}

.gaviInsightsHeading h2{
    margin:0 0 13px;
    color:#061d3d;
    font-size:clamp(31px,3.6vw,48px);
    line-height:1.15;
    font-weight:800;
}

.gaviInsightsHeading h2 strong{
    color:#b97800;
}

.gaviInsightsHeading p{
    margin:0;
    color:#617084;
    font-size:16px;
    line-height:1.7;
}

.gaviArticleGrid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:20px;
}

.gaviArticleCard{
    position:relative;
    height:457px;
    padding:28px 25px 24px;
    border:1px solid #dce3eb;
    border-radius:8px;
    background:#fff;
    box-shadow:0 8px 27px rgba(6,29,61,.045);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviArticleCard:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800,#f0b429);
    transform:scaleX(.18);
    transform-origin:left;
    transition:transform .3s ease;
}

.gaviArticleCard:hover{
    transform:translateY(-7px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 19px 42px rgba(6,29,61,.11);
}

.gaviArticleCard:hover:before{
    transform:scaleX(1);
}

.gaviArticleNumber{
    position:absolute;
    right:20px;
    top:18px;
    color:#e3e8ee;
    font-size:15px;
    font-weight:900;
}

.gaviArticleCategory{
    display:inline-block;
    margin-bottom:18px;
    padding:6px 9px;
    border:1px solid rgba(185,120,0,.28);
    border-radius:3px;
    background:#fffaf0;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:.7px;
}

.gaviArticleCard h3{
    margin:0 0 15px;
    color:#061d3d;
    font-size:20px;
    line-height:1.4;
    font-weight:750;
}

.gaviArticleCard h3 strong{
    color:#092f62;
}

.gaviArticleCard p{
    margin:0;
    color:#5a697b;
    font-size:15px;
    line-height:1.72;
}

.gaviArticleCard p strong{
    color:#092f62;
}

.gaviArticleLink{
    position:absolute;
    left:25px;
    right:25px;
    bottom:23px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:14px;
    border-top:1px solid #e7ebf0;
    color:#092f62 !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}

.gaviArticleLink span{
    color:#b97800;
    font-size:21px;
    transition:transform .25s ease;
}

.gaviArticleLink:hover{
    color:#b97800 !important;
}

.gaviArticleLink:hover span{
    transform:translateX(5px);
}


/* =========================================================
   FINAL CTA
   Namespace: gaviInsightsCta
========================================================= */

.gaviInsightsCta{
    padding:0 0 88px;
    background:#fff;
}

.gaviInsightsCtaBox{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    padding:39px 42px;
    border:1px solid rgba(185,120,0,.42);
    border-radius:9px;
    background:
        radial-gradient(circle at 85% 15%,rgba(240,180,41,.13),transparent 30%),
        linear-gradient(115deg,#04152d,#092f62);
    box-shadow:0 20px 45px rgba(6,29,61,.14);
    overflow:hidden;
}

.gaviInsightsCtaBox:after{
    content:"";
    position:absolute;
    right:-100px;
    bottom:-160px;
    width:350px;
    height:350px;
    border:1px solid rgba(240,180,41,.14);
    border-radius:50%;
}

.gaviInsightsCtaContent{
    position:relative;
    z-index:2;
    max-width:760px;
}

.gaviInsightsCtaContent > span{
    display:block;
    margin-bottom:8px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviInsightsCtaContent h2{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(24px,3vw,34px);
    line-height:1.25;
}

.gaviInsightsCtaContent h2 strong{
    color:#f0b429;
}

.gaviInsightsCtaContent p{
    margin:0;
    color:#d2dce7;
    font-size:15px;
    line-height:1.7;
}

.gaviInsightsCtaActions{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:11px;
}

.gaviInsightsFinalButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:55px;
    padding:0 24px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviInsightsFinalButton:hover{
    transform:translateY(-3px);
    box-shadow:0 13px 30px rgba(185,120,0,.3);
}

.gaviInsightsFinalButton span{
    font-size:20px;
}

.gaviInsightsFinalPhone{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:55px;
    padding:6px 17px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:5px;
    color:#fff !important;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviInsightsFinalPhone:hover{
    border-color:#f0b429;
}

.gaviInsightsFinalPhone small{
    color:#b8c5d4;
    font-size:15px;
}

.gaviInsightsFinalPhone strong{
    color:#fff;
    font-size:16px;
}


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

@media (max-width:991px){

    .gaviInsightsHero{
        padding:72px 0;
    }

    .gaviInsightsIntroGrid{
        grid-template-columns:170px minmax(0,1fr);
        gap:35px;
    }

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

    .gaviInsightsCtaBox{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviInsightsCtaActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gaviInsightsHero{
        padding:58px 0 62px;
    }

    .gaviInsightsHero h1{
        font-size:40px;
    }

    .gaviInsightsHeroInner > p{
        font-size:15px;
        line-height:1.7;
    }

    .gaviInsightsHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviInsightsPrimaryCta,
    .gaviInsightsPhoneCta{
        width:100%;
    }

    .gaviInsightsIntro{
        padding:65px 0;
    }

    .gaviInsightsIntroGrid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .gaviInsightsIntroLabel{
        max-width:210px;
    }

    .gaviInsightsGrid{
        padding:65px 0 72px;
    }

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

    .gaviArticleCard{
        min-height:365px;
    }

    .gaviInsightsCta{
        padding-bottom:65px;
    }

    .gaviInsightsCtaBox{
        padding:29px 22px;
    }

    .gaviInsightsCtaActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviInsightsFinalButton,
    .gaviInsightsFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

    .gaviInsightsHero h1{
        font-size:34px;
    }

    .gaviInsightsHeroEyebrow{
        font-size:15px;
        letter-spacing:1.3px;
    }

    .gaviInsightsHeroEyebrow span{
        width:22px;
    }

    .gaviInsightsHeroMeta{
        flex-direction:column;
    }

    .gaviInsightsHeroMeta span{
        width:100%;
    }

    .gaviInsightsIntroContent h2{
        font-size:30px;
    }

}
/* =========================================================
   GOVERNMENT APPROVED VALUERS INDIA
   NATIONAL REGULATORY ARCHITECTURE
   ROYAL NAVY + GOLD DESIGN SYSTEM
========================================================= */


/* =========================================================
   HERO
   Namespace: gaviRegHero
========================================================= */

.gaviRegHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 80% 20%,rgba(240,180,41,.14),transparent 27%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviRegHeroPattern{
    position:absolute;
    inset:0;
    opacity:.22;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(240,180,41,.07) 1px,transparent 1px),
        linear-gradient(90deg,rgba(240,180,41,.07) 1px,transparent 1px);
    background-size:55px 55px;
}

.gaviRegHeroInner{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(330px,.75fr);
    gap:65px;
    align-items:center;
}

.gaviRegHeroContent{
    position:relative;
    z-index:2;
}

.gaviRegHeroEyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:20px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviRegHeroEyebrow span{
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviRegHero h1{
    max-width:900px;
    margin:0 0 25px;
    color:#fff;
    font-size:clamp(39px,4.5vw,67px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:800;
}

.gaviRegHero h1 strong{
    display:block;
    margin-top:10px;
    color:#f0b429;
    font-size:.55em;
    line-height:1.2;
    letter-spacing:-.3px;
}

.gaviRegHeroLead{
    max-width:810px;
    margin:0;
    color:#dce5ef;
    font-size:18px;
    line-height:1.75;
}

.gaviRegHeroLead strong{
    color:#fff;
}

.gaviRegHeroPills{
    display:flex;
    flex-wrap:wrap;
    gap:9px;
    margin-top:28px;
}

.gaviRegHeroPills span{
    padding:9px 13px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:4px;
    background:rgba(255,255,255,.055);
    color:#dfe7ef;
    font-size:15px;
}

.gaviRegHeroPills strong{
    color:#f0b429;
}

.gaviRegHeroActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:32px;
}

.gaviRegHeroCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 26px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 14px 32px rgba(185,120,0,.22);
    transition:all .3s ease;
}

.gaviRegHeroCTA:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(185,120,0,.34);
}

.gaviRegHeroCTA span{
    font-size:21px;
}

.gaviRegHeroPhone{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:56px;
    padding:0 19px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    background:rgba(255,255,255,.055);
    font-size:16px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviRegHeroPhone span{
    color:#f0b429;
    font-size:21px;
}

.gaviRegHeroPhone:hover{
    border-color:#f0b429;
    background:rgba(185,120,0,.1);
}


/* Architecture Visual */

.gaviRegHeroArchitecture{
    display:flex;
    justify-content:center;
}

.gaviRegHeroArchitectureCard{
    position:relative;
    width:min(100%,410px);
    padding:27px;
    border:1px solid rgba(240,180,41,.35);
    border-radius:12px;
    background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));
    box-shadow:0 30px 70px rgba(0,0,0,.3);
    backdrop-filter:blur(10px);
}

.gaviRegArchitectureTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:17px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.gaviRegArchitectureTop span{
    color:#aebdcd;
    font-size:15px;
    letter-spacing:1.3px;
    font-weight:750;
}

.gaviRegArchitectureTop strong{
    color:#f0b429;
    font-size:18px;
}

.gaviRegArchitectureCore{
    display:flex;
    justify-content:center;
    padding:38px 0;
}

.gaviRegCoreCircle{
    width:155px;
    height:155px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #f0b429;
    border-radius:50%;
    background:
        radial-gradient(circle,#092f62 0%,#061d3d 65%,#04152d 100%);
    color:#f0b429;
    font-size:16px;
    font-weight:900;
    letter-spacing:1.5px;
    box-shadow:
        0 0 0 15px rgba(185,120,0,.045),
        0 0 45px rgba(185,120,0,.14);
}

.gaviRegArchitectureItems{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}

.gaviRegArchitectureItems > div{
    min-height:90px;
    padding:12px 7px;
    text-align:center;
    border:1px solid rgba(255,255,255,.1);
    border-radius:5px;
    background:rgba(255,255,255,.035);
}

.gaviRegArchitectureItems b{
    display:block;
    margin-bottom:6px;
    color:#f0b429;
    font-size:16px;
}

.gaviRegArchitectureItems span{
    display:block;
    color:#c4d0dc;
    font-size:15px;
    line-height:1.4;
}


/* =========================================================
   SECTION 1 — SECTION 34AB
   Namespace: gavi34ab
========================================================= */

.gavi34ab{
    padding:92px 0;
    background:#fff;
    position:relative;
}

.gavi34abGrid{
    display:grid;
    grid-template-columns:180px minmax(0,1fr);
    gap:50px;
    max-width:1100px;
    margin:auto;
}

.gavi34abNumber{
    padding-top:8px;
    border-right:1px solid #dce3ec;
}

.gavi34abNumber span{
    display:block;
    color:#b97800;
    font-size:55px;
    line-height:1;
    font-weight:900;
}

.gavi34abNumber small{
    display:block;
    max-width:110px;
    margin-top:13px;
    color:#092f62;
    font-size:15px;
    line-height:1.45;
    font-weight:800;
    letter-spacing:1px;
}

.gavi34abEyebrow{
    display:inline-block;
    margin-bottom:11px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gavi34abContent h2{
    margin:0 0 21px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,47px);
    line-height:1.15;
    font-weight:800;
}

.gavi34abContent h2 strong{
    color:#b97800;
}

.gavi34abContent p{
    max-width:900px;
    margin:0 0 17px;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

.gavi34abContent p strong{
    color:#092f62;
    font-weight:800;
}

.gavi34abHighlight{
    display:flex;
    align-items:center;
    gap:17px;
    margin:29px 0;
    padding:19px;
    border-left:4px solid #b97800;
    background:linear-gradient(90deg,#f7f9fc,#fff);
    box-shadow:0 8px 25px rgba(6,29,61,.06);
}

.gavi34abHighlightIcon{
    flex:0 0 67px;
    height:67px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gavi34abHighlight strong{
    display:block;
    margin-bottom:4px;
    color:#061d3d;
    font-size:17px;
}

.gavi34abHighlight span{
    display:block;
    color:#667587;
    font-size:15px;
    line-height:1.5;
}

.gavi34abCategories{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:9px;
    margin-top:26px;
}

.gavi34abCategories div{
    padding:15px 7px;
    text-align:center;
    border:1px solid #dce3ec;
    border-radius:5px;
    background:#fafbfd;
}

.gavi34abCategories strong{
    display:block;
    margin-bottom:5px;
    color:#b97800;
    font-size:21px;
}

.gavi34abCategories span{
    display:block;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   SECTION 2 — IBBI
   Namespace: gaviIbbi
========================================================= */

.gaviIbbi{
    padding:94px 0;
    background:
        linear-gradient(145deg,#04152d,#061d3d 62%,#092f62);
    color:#fff;
    position:relative;
    overflow:hidden;
}

.gaviIbbi:after{
    content:"IBBI";
    position:absolute;
    right:-20px;
    top:25px;
    color:rgba(255,255,255,.025);
    font-size:180px;
    font-weight:900;
    line-height:1;
    pointer-events:none;
}

.gaviIbbiHeader{
    max-width:850px;
    margin:0 auto 47px;
    text-align:center;
}

.gaviIbbiEyebrow{
    display:inline-flex;
    align-items:center;
    gap:11px;
    margin-bottom:13px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gaviIbbiEyebrow span{
    width:31px;
    height:2px;
    background:#b97800;
}

.gaviIbbiHeader h2{
    margin:0 0 16px;
    color:#fff;
    font-size:clamp(31px,3.5vw,47px);
    line-height:1.15;
}

.gaviIbbiHeader h2 strong{
    color:#f0b429;
}

.gaviIbbiHeader p{
    margin:0;
    color:#cbd6e1;
    font-size:16px;
    line-height:1.75;
}

.gaviIbbiHeader p strong{
    color:#fff;
}

.gaviIbbiGrid{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:18px;
}

.gaviIbbiCard{
    min-height:300px;
    padding:26px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:9px;
    background:rgba(255,255,255,.055);
    transition:all .3s ease;
}

.gaviIbbiCard:hover,
.gaviIbbiCardFeatured{
    border-color:rgba(240,180,41,.5);
    transform:translateY(-5px);
    background:rgba(185,120,0,.075);
    box-shadow:0 20px 45px rgba(0,0,0,.2);
}

.gaviIbbiCardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:25px;
}

.gaviIbbiCardTop span{
    color:#708196;
    font-size:15px;
    font-weight:800;
}

.gaviIbbiCardTop b{
    color:#f0b429;
    font-size:17px;
}

.gaviIbbiCard h3{
    margin:0 0 13px;
    color:#fff;
    font-size:23px;
    line-height:1.3;
}

.gaviIbbiCard p{
    margin:0;
    color:#c3d0dc;
    font-size:15px;
    line-height:1.75;
}

.gaviIbbiCard p strong{
    color:#f0b429;
}

.gaviIbbiLine{
    width:45px;
    height:2px;
    margin-top:25px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviIbbiCard small{
    display:block;
    margin-top:11px;
    color:#9eafc0;
    font-size:15px;
    letter-spacing:.8px;
}

.gaviIbbiInsight{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    gap:19px;
    margin-top:28px;
    padding:22px;
    border:1px solid rgba(240,180,41,.25);
    border-radius:7px;
    background:rgba(255,255,255,.045);
}

.gaviIbbiInsightMark{
    flex:0 0 67px;
    height:67px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d99a16;
    border-radius:50%;
    color:#061d3d;
    background:linear-gradient(135deg,#b97800,#f0b429);
    font-size:15px;
    font-weight:900;
}

.gaviIbbiInsightText strong{
    display:block;
    margin-bottom:5px;
    color:#f0b429;
    font-size:17px;
}

.gaviIbbiInsightText p{
    margin:0;
    color:#c5d0dc;
    font-size:15px;
    line-height:1.65;
}

.gaviIbbiCTA{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:42px;
    padding:28px 30px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:8px;
    background:#fff;
}

.gaviIbbiCTA > div:first-child span{
    display:block;
    margin-bottom:7px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1px;
}

.gaviIbbiCTA h3{
    margin:0;
    color:#061d3d;
    font-size:22px;
    line-height:1.4;
}

.gaviIbbiCTA h3 strong{
    color:#b97800;
}

.gaviIbbiActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.gaviIbbiPrimaryCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:52px;
    padding:0 21px;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}

.gaviIbbiPrimaryCTA span{
    font-size:20px;
}

.gaviIbbiPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 17px;
    border:1px solid #d5dde6;
    border-radius:5px;
    color:#092f62 !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
}


/* =========================================================
   SECTION 3 — RERA
   Namespace: gaviRera
========================================================= */

.gaviRera{
    padding:92px 0 88px;
    background:#f7f9fc;
    position:relative;
}

.gaviReraHeader{
    max-width:850px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviReraEyebrow{
    display:inline-flex;
    align-items:center;
    gap:11px;
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gaviReraEyebrow span{
    width:31px;
    height:2px;
    background:#b97800;
}

.gaviReraHeader h2{
    margin:0 0 16px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,47px);
    line-height:1.15;
}

.gaviReraHeader h2 strong{
    color:#b97800;
}

.gaviReraHeader p{
    margin:0;
    color:#596a7d;
    font-size:16px;
    line-height:1.75;
}

.gaviReraGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:17px;
}

.gaviReraCard{
    position:relative;
    min-height:275px;
    padding:24px;
    border:1px solid #dce3ec;
    border-radius:8px;
    background:#fff;
    box-shadow:0 8px 25px rgba(6,29,61,.045);
    transition:all .3s ease;
}

.gaviReraCard:hover{
    transform:translateY(-5px);
    border-color:rgba(185,120,0,.42);
    box-shadow:0 18px 36px rgba(6,29,61,.09);
}

.gaviReraCardNational{
    background:linear-gradient(145deg,#061d3d,#092f62);
    border-color:#b97800;
}

.gaviReraCardHead{
    display:flex;
    align-items:center;
    gap:13px;
    margin-bottom:18px;
}

.gaviReraCardHead > span{
    flex:0 0 48px;
    width:48px;
    height:48px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:5px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviReraCardNational .gaviReraCardHead > span{
    background:#b97800;
    color:#061d3d;
}

.gaviReraCardHead small{
    display:block;
    margin-bottom:2px;
    color:#8a98a8;
    font-size:15px;
    font-weight:750;
    letter-spacing:1px;
}

.gaviReraCardHead h3{
    margin:0;
    color:#061d3d;
    font-size:21px;
    line-height:1.25;
}

.gaviReraCardNational .gaviReraCardHead h3{
    color:#fff;
}

.gaviReraCard p{
    margin:0;
    color:#58697b;
    font-size:15px;
    line-height:1.72;
}

.gaviReraCard p strong{
    color:#092f62;
}

.gaviReraCardNational .gaviReraCardHead small,
.gaviReraCardNational p{
    color:#c3d0dc;
}

.gaviReraCardNational p strong{
    color:#f0b429;
}

.gaviReraMarkets{
    position:absolute;
    left:24px;
    right:24px;
    bottom:21px;
    padding-top:13px;
    border-top:1px solid #e1e6ec;
    color:#b97800;
    font-size:15px;
    font-weight:750;
    line-height:1.45;
}

.gaviReraCardNational .gaviReraMarkets{
    border-color:rgba(255,255,255,.15);
    color:#f0b429;
}

.gaviReraBottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:45px;
    padding:29px 32px;
    border:1px solid rgba(185,120,0,.35);
    border-radius:8px;
    background:linear-gradient(110deg,#04152d,#092f62);
    box-shadow:0 17px 38px rgba(6,29,61,.13);
}

.gaviReraBottomContent > span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.2px;
}

.gaviReraBottomContent h3{
    margin:0 0 5px;
    color:#fff;
    font-size:23px;
    line-height:1.35;
}

.gaviReraBottomContent h3 strong{
    color:#f0b429;
}

.gaviReraBottomContent p{
    margin:0;
    color:#bfcbd8;
    font-size:15px;
    line-height:1.55;
}

.gaviReraBottomActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.gaviReraCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:52px;
    padding:0 22px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}

.gaviReraCTA span{
    font-size:20px;
}

.gaviReraPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
}

.gaviReraPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media(max-width:1100px){

    .gaviRegHeroInner{
        grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
        gap:35px;
    }

    .gaviRegHero h1{
        font-size:50px;
    }

    .gavi34abGrid{
        grid-template-columns:130px minmax(0,1fr);
        gap:35px;
    }

}


@media(max-width:991px){

    .gaviRegHero{
        padding:70px 0;
    }

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

    .gaviRegHeroContent{
        text-align:center;
    }

    .gaviRegHeroEyebrow,
    .gaviRegHeroActions{
        justify-content:center;
    }

    .gaviRegHeroLead{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviRegHeroPills{
        justify-content:center;
    }

    .gaviRegHeroArchitecture{
        margin-top:15px;
    }

    .gavi34ab{
        padding:70px 0;
    }

    .gavi34abGrid{
        grid-template-columns:1fr;
        gap:25px;
    }

    .gavi34abNumber{
        border-right:0;
        border-bottom:1px solid #dce3ec;
        padding-bottom:17px;
    }

    .gavi34abNumber span{
        display:inline;
        margin-right:10px;
    }

    .gavi34abNumber small{
        display:inline;
        max-width:none;
    }

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

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

    .gaviIbbiCTA,
    .gaviReraBottom{
        flex-direction:column;
        align-items:flex-start;
    }

}


@media(max-width:767px){

    .gaviRegHero{
        padding:58px 0;
    }

    .gaviRegHero h1{
        font-size:39px;
        letter-spacing:-1px;
    }

    .gaviRegHero h1 strong{
        font-size:21px;
    }

    .gaviRegHeroLead{
        font-size:16px;
    }

    .gaviRegHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviRegHeroCTA,
    .gaviRegHeroPhone{
        width:100%;
    }

    .gaviRegHeroArchitectureCard{
        width:100%;
    }

    .gavi34abContent h2,
    .gaviIbbiHeader h2,
    .gaviReraHeader h2{
        font-size:32px;
    }

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

    .gaviIbbiGrid,
    .gaviReraGrid{
        grid-template-columns:1fr;
    }

    .gaviIbbiCard,
    .gaviReraCard{
        min-height:270px;
    }

    .gaviIbbiInsight{
        align-items:flex-start;
    }

    .gaviIbbiCTA,
    .gaviReraBottom{
        padding:24px 20px;
    }

    .gaviIbbiActions,
    .gaviReraBottomActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviIbbiPrimaryCTA,
    .gaviIbbiPhone,
    .gaviReraCTA,
    .gaviReraPhone{
        width:100%;
    }

}


@media(max-width:480px){

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

    .gaviRegArchitectureItems > div{
        min-height:auto;
    }

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

}

/* =========================================================
   WESTERN INDIA HERO
   Namespace: gaviWestHero
========================================================= */

.gaviWestHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 84% 18%,rgba(240,180,41,.16),transparent 27%),
        radial-gradient(circle at 10% 100%,rgba(185,120,0,.09),transparent 28%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviWestHeroOrb{
    position:absolute;
    border:1px solid rgba(240,180,41,.16);
    border-radius:50%;
    pointer-events:none;
}

.gaviWestHeroOrbOne{
    width:500px;
    height:500px;
    right:-250px;
    top:-280px;
}

.gaviWestHeroOrbTwo{
    width:300px;
    height:300px;
    left:-190px;
    bottom:-220px;
}

.gaviWestHeroInner{
    position:relative;
    max-width:1050px;
    margin:auto;
    text-align:center;
}

.gaviWestHeroEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    margin-bottom:19px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviWestHeroEyebrow span{
    width:43px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviWestHero h1{
    margin:0;
    color:#fff;
    font-size:clamp(40px,5vw,66px);
    line-height:1.06;
    font-weight:800;
    letter-spacing:-1.7px;
}

.gaviWestHero h1 strong{
    display:block;
    margin-top:8px;
    color:#f0b429;
    font-size:.57em;
    line-height:1.3;
    letter-spacing:-.3px;
}

.gaviWestHeroLead{
    max-width:900px;
    margin:26px auto 0;
    color:#dce5ef;
    font-size:18px;
    line-height:1.8;
}

.gaviWestHeroLead strong{
    color:#fff;
}

.gaviWestHeroTags{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:10px;
    margin-top:30px;
}

.gaviWestHeroTags span{
    min-width:155px;
    padding:11px 15px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#bdc9d7;
    font-size:15px;
    line-height:1.4;
}

.gaviWestHeroTags strong{
    display:block;
    margin-bottom:2px;
    color:#f0b429;
    font-size:16px;
}

.gaviWestHeroActions{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:32px;
}

.gaviWestHeroCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gaviWestHeroCTA:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(185,120,0,.35);
}

.gaviWestHeroCTA span{
    font-size:21px;
}

.gaviWestHeroPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:56px;
    padding:0 22px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    background:rgba(255,255,255,.05);
    color:#fff !important;
    font-size:16px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviWestHeroPhone span{
    color:#f0b429;
    font-size:20px;
}

.gaviWestHeroPhone:hover{
    border-color:#f0b429;
    background:rgba(185,120,0,.1);
}


/* =========================================================
   MUMBAI
   Namespace: gaviMumbai
========================================================= */

.gaviMumbai{
    position:relative;
    padding:95px 0 85px;
    background:#f7f9fc;
    overflow:hidden;
}

.gaviMumbai:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:7px;
    height:100%;
    background:linear-gradient(180deg,#061d3d,#b97800,#f0b429);
}

.gaviMumbaiGrid{
    display:grid;
    grid-template-columns:.78fr 1.22fr;
    gap:55px;
    align-items:start;
}

.gaviMumbaiIntro{
    position:sticky;
    top:30px;
}

.gaviMumbaiLabel{
    display:inline-block;
    margin-bottom:15px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviMumbaiIntro h2{
    margin:0;
    color:#061d3d;
    font-size:clamp(33px,4vw,51px);
    line-height:1.12;
    letter-spacing:-1.2px;
}

.gaviMumbaiIntro h2 strong{
    color:#b97800;
}

.gaviMumbaiAccent{
    width:75px;
    height:4px;
    margin:22px 0;
    border-radius:5px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429);
}

.gaviMumbaiIntro p{
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

.gaviMumbaiIntro p strong{
    color:#092f62;
}

.gaviMumbaiHighlight{
    display:flex;
    align-items:center;
    gap:14px;
    margin-top:30px;
    padding:17px;
    border:1px solid #e0e6ed;
    border-left:4px solid #b97800;
    border-radius:6px;
    background:#fff;
    box-shadow:0 12px 28px rgba(6,29,61,.06);
}

.gaviMumbaiHighlightIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:55px;
    height:48px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviMumbaiHighlight strong{
    display:block;
    color:#061d3d;
    font-size:17px;
}

.gaviMumbaiHighlight small{
    display:block;
    margin-top:3px;
    color:#697789;
    font-size:15px;
}

.gaviMumbaiContent{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.gaviMumbaiBlock{
    position:relative;
    padding:28px 30px 27px 68px;
    border:1px solid #dfe5ec;
    border-radius:8px;
    background:#fff;
    box-shadow:0 9px 25px rgba(6,29,61,.045);
    transition:all .3s ease;
}

.gaviMumbaiBlock:hover{
    transform:translateX(5px);
    border-color:rgba(185,120,0,.42);
    box-shadow:0 15px 32px rgba(6,29,61,.08);
}

.gaviMumbaiBlockNo{
    position:absolute;
    left:25px;
    top:28px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
}

.gaviMumbaiBlock h3{
    margin:0 0 10px;
    color:#061d3d;
    font-size:22px;
    line-height:1.35;
}

.gaviMumbaiBlock h3 strong{
    color:#b97800;
}

.gaviMumbaiBlock p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.76;
}

.gaviMumbaiBlock p strong{
    color:#092f62;
}

.gaviMumbaiInsight{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    margin-top:38px;
    padding:27px 30px;
    border-radius:8px;
    background:linear-gradient(110deg,#04152d,#092f62);
    box-shadow:0 18px 38px rgba(6,29,61,.13);
}

.gaviMumbaiInsight span{
    display:block;
    margin-bottom:5px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.4px;
}

.gaviMumbaiInsight h3{
    margin:0;
    color:#fff;
    font-size:21px;
    line-height:1.4;
}

.gaviMumbaiInsight h3 strong{
    color:#f0b429;
}

.gaviMumbaiCTA{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:51px;
    padding:0 21px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:#b97800;
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}


/* =========================================================
   PUNE
   Namespace: gaviPune
========================================================= */

.gaviPune{
    padding:95px 0;
    background:#fff;
}

.gaviPuneHeader{
    max-width:820px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviPuneEyebrow{
    margin-bottom:12px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviPuneHeader h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(32px,4vw,49px);
    line-height:1.15;
}

.gaviPuneHeader h2 strong{
    color:#b97800;
}

.gaviPuneHeader p{
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.78;
}

.gaviPuneHeader p strong{
    color:#092f62;
}

.gaviPuneGrid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:16px;
}

.gaviPuneCard{
    position:relative;
    min-height:420px;
    padding:27px 22px 24px;
    border:1px solid #dfe5ec;
    border-radius:8px;
    background:#f9fafc;
    overflow:hidden;
    transition:all .3s ease;
}

.gaviPuneCardFeatured{
    background:linear-gradient(150deg,#061d3d,#092f62);
    border-color:#092f62;
}

.gaviPuneCard:hover{
    transform:translateY(-7px);
    border-color:#b97800;
    box-shadow:0 20px 40px rgba(6,29,61,.11);
}

.gaviPuneNumber{
    position:absolute;
    top:17px;
    right:17px;
    color:#d5dde7;
    font-size:15px;
    font-weight:900;
}

.gaviPuneCardFeatured .gaviPuneNumber{
    color:rgba(255,255,255,.2);
}

.gaviPuneIcon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:52px;
    height:42px;
    margin-bottom:23px;
    padding:0 9px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviPuneCardFeatured .gaviPuneIcon{
    background:#b97800;
    color:#061d3d;
}

.gaviPuneCard h3{
    margin:0 0 13px;
    color:#061d3d;
    font-size:21px;
    line-height:1.35;
}

.gaviPuneCardFeatured h3{
    color:#fff;
}

.gaviPuneCard h3 strong{
    color:#b97800;
}

.gaviPuneCardFeatured h3 strong{
    color:#f0b429;
}

.gaviPuneCard p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.72;
}

.gaviPuneCardFeatured p{
    color:#d4dfeb;
}

.gaviPuneCard p strong{
    color:#092f62;
}

.gaviPuneCardFeatured p strong{
    color:#fff;
}

.gaviPuneKeywords{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:20px;
}

.gaviPuneKeywords span,
.gaviPuneMiniTag{
    display:inline-block;
    padding:6px 8px;
    border:1px solid #d8e0e9;
    border-radius:3px;
    background:#fff;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}

.gaviPuneCardFeatured .gaviPuneKeywords span{
    border-color:rgba(240,180,41,.25);
    background:rgba(255,255,255,.06);
    color:#f0b429;
}

.gaviPuneMiniTag{
    margin-top:20px;
}

.gaviPuneCTABox{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:25px;
    margin-top:42px;
    padding:28px 31px;
    border:1px solid rgba(185,120,0,.35);
    border-radius:8px;
    background:#061d3d;
}

.gaviPuneCTABox > div:first-child span{
    display:block;
    margin-bottom:6px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.3px;
}

.gaviPuneCTABox h3{
    margin:0;
    color:#fff;
    font-size:23px;
}

.gaviPuneCTABox h3 strong{
    color:#f0b429;
}

.gaviPuneCTAActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}

.gaviPuneCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:51px;
    padding:0 21px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}

.gaviPunePhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:51px;
    padding:0 17px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
}


/* =========================================================
   AHMEDABAD + GIFT CITY + SURAT
   Namespace: gaviGujarat
========================================================= */

.gaviGujarat{
    position:relative;
    padding:96px 0 90px;
    background:
        linear-gradient(180deg,#f7f9fc 0%,#fff 100%);
}

.gaviGujaratHeader{
    max-width:850px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviGujaratEyebrow{
    margin-bottom:12px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviGujaratHeader h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(33px,4vw,50px);
    line-height:1.15;
}

.gaviGujaratHeader h2 strong{
    color:#b97800;
}

.gaviGujaratHeader p{
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.78;
}

.gaviGujaratHeader p strong{
    color:#092f62;
}

.gaviGujaratGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:19px;
}

.gaviGujaratCard{
    position:relative;
    padding:28px 25px 29px;
    border:1px solid #dfe5ec;
    border-radius:9px;
    background:#fff;
    box-shadow:0 12px 30px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviGujaratCard:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429);
}

.gaviGujaratCard:hover{
    transform:translateY(-7px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 20px 42px rgba(6,29,61,.1);
}

.gaviGujaratTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:23px;
}

.gaviGujaratCode{
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.5px;
}

.gaviGujaratNo{
    color:#dfe5ec;
    font-size:15px;
    font-weight:900;
}

.gaviGujaratCard h3{
    margin:0 0 15px;
    color:#061d3d;
    font-size:23px;
    line-height:1.3;
}

.gaviGujaratCard h3 strong{
    color:#b97800;
}

.gaviGujaratCard p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.75;
}

.gaviGujaratCard p strong{
    color:#092f62;
}

.gaviGujaratFeature{
    margin:22px 0;
    padding:15px 16px;
    border-left:3px solid #b97800;
    border-radius:4px;
    background:#f5f7fa;
}

.gaviGujaratFeature strong{
    display:block;
    margin-bottom:4px;
    color:#061d3d;
    font-size:16px;
}

.gaviGujaratFeature span{
    display:block;
    color:#697789;
    font-size:15px;
    line-height:1.5;
}

.gaviGujaratGift{
    background:linear-gradient(145deg,#061d3d,#092f62);
    border-color:#092f62;
}

.gaviGujaratGift .gaviGujaratCode{
    color:#f0b429;
}

.gaviGujaratGift .gaviGujaratNo{
    color:rgba(255,255,255,.22);
}

.gaviGujaratGift h3{
    color:#fff;
}

.gaviGujaratGift h3 strong{
    color:#f0b429;
}

.gaviGujaratGift p{
    color:#d5dfeb;
}

.gaviGujaratGift p strong{
    color:#fff;
}

.gaviGujaratGift .gaviGujaratFeature{
    background:rgba(255,255,255,.06);
    border-color:#b97800;
}

.gaviGujaratGift .gaviGujaratFeature strong{
    color:#fff;
}

.gaviGujaratGift .gaviGujaratFeature span{
    color:#c5d1df;
}

.gaviGujaratCTA{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:43px;
    padding:29px 32px;
    border-radius:8px;
    background:linear-gradient(110deg,#04152d,#092f62);
    box-shadow:0 18px 38px rgba(6,29,61,.14);
}

.gaviGujaratCTAContent span{
    display:block;
    margin-bottom:6px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.3px;
}

.gaviGujaratCTAContent h3{
    margin:0;
    color:#fff;
    font-size:23px;
    line-height:1.4;
}

.gaviGujaratCTAContent h3 strong{
    color:#f0b429;
}

.gaviGujaratCTAActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
}

.gaviGujaratPrimaryCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:52px;
    padding:0 22px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}

.gaviGujaratPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
}


/* =========================================================
   FINAL CTA
   Namespace: gaviWestFinal
========================================================= */

.gaviWestFinal{
    padding:72px 0;
    background:#fff;
}

.gaviWestFinalInner{
    display:grid;
    grid-template-columns:90px minmax(0,1fr) auto;
    align-items:center;
    gap:28px;
    padding:34px 38px;
    border:1px solid #dce3eb;
    border-radius:10px;
    background:
        radial-gradient(circle at 100% 0%,rgba(185,120,0,.09),transparent 28%),
        #f7f9fc;
    box-shadow:0 15px 35px rgba(6,29,61,.06);
}

.gaviWestFinalMark{
    width:78px;
    height:78px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#061d3d,#092f62);
    border:2px solid #b97800;
    color:#f0b429;
    font-size:16px;
    font-weight:900;
}

.gaviWestFinalText > span{
    display:block;
    margin-bottom:5px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviWestFinalText h2{
    margin:0 0 8px;
    color:#061d3d;
    font-size:28px;
    line-height:1.3;
}

.gaviWestFinalText h2 strong{
    color:#b97800;
}

.gaviWestFinalText p{
    max-width:800px;
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.7;
}

.gaviWestFinalText p strong{
    color:#092f62;
}

.gaviWestFinalActions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:9px;
    min-width:190px;
}

.gaviWestFinalCTA{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:52px;
    padding:0 19px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}

.gaviWestFinalPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:47px;
    border:1px solid #cfd8e2;
    border-radius:5px;
    color:#092f62 !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
}


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

@media (max-width:1100px){

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

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

    .gaviGujaratCard{
        min-height:0;
    }

    .gaviWestFinalInner{
        grid-template-columns:75px 1fr;
    }

    .gaviWestFinalActions{
        grid-column:2;
        flex-direction:row;
        align-items:center;
        min-width:0;
    }

}


@media (max-width:900px){

    .gaviMumbaiGrid{
        grid-template-columns:1fr;
        gap:38px;
    }

    .gaviMumbaiIntro{
        position:static;
    }

    .gaviMumbaiInsight{
        flex-direction:column;
        align-items:flex-start;
    }

}


@media (max-width:767px){

    .gaviWestHero{
        padding:65px 0;
    }

    .gaviWestHero h1{
        font-size:40px;
    }

    .gaviWestHero h1 strong{
        font-size:22px;
    }

    .gaviWestHeroLead{
        font-size:16px;
        line-height:1.7;
    }

    .gaviWestHeroTags{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .gaviWestHeroTags span{
        min-width:0;
    }

    .gaviWestHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviWestHeroCTA,
    .gaviWestHeroPhone{
        width:100%;
    }

    .gaviMumbai,
    .gaviPune,
    .gaviGujarat{
        padding:70px 0;
    }

    .gaviMumbaiIntro h2,
    .gaviPuneHeader h2,
    .gaviGujaratHeader h2{
        font-size:34px;
    }

    .gaviMumbaiBlock{
        padding:25px 21px 24px;
    }

    .gaviMumbaiBlockNo{
        position:static;
        display:block;
        margin-bottom:8px;
    }

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

    .gaviPuneCard{
        min-height:0;
    }

    .gaviPuneCTABox,
    .gaviGujaratCTA{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviPuneCTAActions,
    .gaviGujaratCTAActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviPuneCTA,
    .gaviPunePhone,
    .gaviGujaratPrimaryCTA,
    .gaviGujaratPhone{
        width:100%;
    }

    .gaviWestFinalInner{
        grid-template-columns:1fr;
        text-align:center;
        padding:28px 21px;
    }

    .gaviWestFinalMark{
        margin:0 auto;
    }

    .gaviWestFinalActions{
        grid-column:auto;
        width:100%;
    }

    .gaviWestFinalText h2{
        font-size:24px;
    }

}


@media (max-width:480px){

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

    .gaviWestHeroEyebrow{
        font-size:15px;
        letter-spacing:1.3px;
    }

    .gaviMumbaiBlock h3,
    .gaviPuneCard h3,
    .gaviGujaratCard h3{
        font-size:20px;
    }

}

/* =========================================================
   SOUTHERN INDIA
   GLOBAL NAMESPACE
   Navy + Gold Royal Design
========================================================= */

.sivHero,
.sivCitySection,
.sivFinalCta{
    font-family:inherit;
}

.sivHero *,
.sivCitySection *,
.sivFinalCta *{
    box-sizing:border-box;
}


/* =========================================================
   HERO
   Unique Namespace: sivHero
========================================================= */

.sivHero{
    position:relative;
    overflow:hidden;
    padding:82px 0 78px;
    background:
        radial-gradient(circle at 85% 15%,rgba(240,180,41,.16),transparent 27%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
}

.sivHero:after{
    content:"";
    position:absolute;
    right:-170px;
    bottom:-240px;
    width:500px;
    height:500px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
    box-shadow:0 0 0 30px rgba(185,120,0,.025);
}

.sivHeroInner{
    position:relative;
    z-index:2;
    max-width:1050px;
    margin:auto;
    text-align:center;
}

.sivHeroEyebrow{
    display:inline-flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.8px;
}

.sivHeroEyebrow span{
    width:40px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.sivHero h1{
    margin:0;
    color:#fff;
    font-size:clamp(38px,4.7vw,64px);
    line-height:1.08;
    font-weight:800;
    letter-spacing:-1.5px;
}

.sivHero h1 strong{
    display:block;
    margin-top:9px;
    color:#f0b429;
    font-weight:750;
}

.sivHeroLead{
    max-width:900px;
    margin:25px auto 0;
    color:#dce5ef;
    font-size:18px;
    line-height:1.75;
}

.sivHeroLead strong{
    color:#fff;
}

.sivHeroCities{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin-top:35px;
}

.sivHeroCities span{
    display:flex;
    flex-direction:column;
    gap:5px;
    padding:16px 13px;
    border:1px solid rgba(240,180,41,.24);
    border-radius:6px;
    background:rgba(255,255,255,.055);
    color:#bfcbd8;
    font-size:15px;
}

.sivHeroCities strong{
    color:#f0b429;
    font-size:17px;
}

.sivHeroActions{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    flex-wrap:wrap;
    margin-top:32px;
}

.sivPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 28px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.sivPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 35px rgba(185,120,0,.35);
}

.sivPrimaryCta span{
    font-size:22px;
}

.sivPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:56px;
    padding:0 23px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    font-size:16px;
    font-weight:750;
    text-decoration:none !important;
    transition:all .3s ease;
}

.sivPhoneCta:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


/* =========================================================
   CITY SECTIONS
   Unique Namespace: sivCitySection
========================================================= */

.sivCitySection{
    position:relative;
    padding:90px 0;
    overflow:hidden;
}

.sivCitySection:nth-of-type(odd){
    background:#f7f9fc;
}

.sivBengaluru{
    background:#f7f9fc;
}

.sivChennai{
    background:#fff;
}

.sivHyderabad{
    background:#f7f9fc;
}

.sivKochi{
    background:#fff;
}

.sivCityGrid{
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);
    gap:65px;
    align-items:center;
}

.sivReverseGrid{
    grid-template-columns:minmax(330px,.7fr) minmax(0,1.3fr);
}

.sivReverseGrid .sivCityContent{
    order:2;
}

.sivReverseGrid .sivCityPanel{
    order:1;
}

.sivCityContent{
    position:relative;
}

.sivCityNumber{
    position:absolute;
    top:-28px;
    right:0;
    color:rgba(9,47,98,.055);
    font-size:100px;
    line-height:1;
    font-weight:900;
    pointer-events:none;
}

.sivCityEyebrow{
    position:relative;
    z-index:1;
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.4px;
}

.sivCityContent h2{
    position:relative;
    z-index:1;
    margin:0 0 21px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,47px);
    line-height:1.15;
    letter-spacing:-1px;
    font-weight:800;
}

.sivCityContent h2 strong{
    color:#b97800;
}

.sivCityContent p{
    position:relative;
    z-index:1;
    margin:0 0 17px;
    color:#526276;
    font-size:16px;
    line-height:1.82;
}

.sivCityContent p strong{
    color:#092f62;
    font-weight:800;
}


/* =========================================================
   HIGHLIGHT BOX
========================================================= */

.sivHighlightBox{
    display:flex;
    gap:15px;
    margin-top:27px;
    padding:19px 20px;
    border-left:4px solid #b97800;
    border-radius:5px;
    background:linear-gradient(100deg,#eef3f8,#fff);
    box-shadow:0 9px 25px rgba(6,29,61,.055);
}

.sivHighlightIcon{
    flex:0 0 46px;
    width:46px;
    height:46px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.sivHighlightBox strong{
    display:block;
    margin-bottom:5px;
    color:#061d3d;
    font-size:17px;
}

.sivHighlightBox p{
    margin:0;
    color:#59697b;
    font-size:15px;
    line-height:1.65;
}


/* =========================================================
   TAGS
========================================================= */

.sivTags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:21px;
}

.sivTags span{
    padding:7px 10px;
    border:1px solid #d9e1eb;
    border-radius:4px;
    background:#fff;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   CITY SIDE PANEL
========================================================= */

.sivCityPanel{
    position:relative;
    padding:28px 25px 25px;
    border:1px solid #d9e1eb;
    border-radius:9px;
    background:
        linear-gradient(145deg,#061d3d,#092f62);
    box-shadow:0 22px 50px rgba(6,29,61,.15);
    overflow:hidden;
}

.sivCityPanel:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:4px;
    background:linear-gradient(90deg,#b97800,#f0b429,#b97800);
}

.sivPanelTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:20px;
    border-bottom:1px solid rgba(255,255,255,.13);
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.sivPanelTop strong{
    color:rgba(255,255,255,.2);
    font-size:32px;
}

.sivMarketItem{
    display:flex;
    align-items:flex-start;
    gap:13px;
    padding:18px 0;
    border-bottom:1px solid rgba(255,255,255,.11);
}

.sivMarketItem > span{
    flex:0 0 30px;
    width:30px;
    height:30px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(240,180,41,.35);
    border-radius:50%;
    color:#f0b429;
    font-size:15px;
    font-weight:800;
}

.sivMarketItem strong{
    display:block;
    margin-bottom:3px;
    color:#fff;
    font-size:16px;
}

.sivMarketItem small{
    display:block;
    color:#b9c7d6;
    font-size:15px;
    line-height:1.5;
}

.sivPanelCta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-top:22px;
    padding:14px 16px;
    border:1px solid rgba(240,180,41,.45);
    border-radius:5px;
    background:rgba(185,120,0,.1);
    color:#f0b429 !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
    transition:all .3s ease;
}

.sivPanelCta:hover{
    background:#b97800;
    color:#061d3d !important;
}

.sivPanelCta span{
    font-size:20px;
}


/* =========================================================
   FINAL CTA
   Unique Namespace: sivFinalCta
========================================================= */

.sivFinalCta{
    padding:75px 0;
    background:
        radial-gradient(circle at 15% 50%,rgba(240,180,41,.12),transparent 28%),
        linear-gradient(120deg,#04152d,#092f62);
}

.sivFinalCtaInner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    padding:38px 42px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:10px;
    background:rgba(255,255,255,.045);
}

.sivFinalCtaContent > span{
    display:block;
    margin-bottom:8px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.sivFinalCtaContent h2{
    margin:0 0 10px;
    color:#fff;
    font-size:clamp(27px,3vw,40px);
    line-height:1.2;
    font-weight:800;
}

.sivFinalCtaContent h2 strong{
    color:#f0b429;
}

.sivFinalCtaContent p{
    max-width:730px;
    margin:0;
    color:#cbd6e2;
    font-size:16px;
    line-height:1.7;
}

.sivFinalCtaContent p strong{
    color:#fff;
}

.sivFinalCtaActions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:flex-end;
    gap:12px;
}

.sivFinalPrimary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:55px;
    padding:0 25px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.22);
    transition:all .3s ease;
}

.sivFinalPrimary:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 32px rgba(185,120,0,.35);
}

.sivFinalPrimary span{
    font-size:21px;
}

.sivFinalPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:55px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
    transition:all .3s ease;
}

.sivFinalPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media (max-width:1100px){

    .sivCityGrid,
    .sivReverseGrid{
        grid-template-columns:minmax(0,1fr) minmax(300px,.72fr);
        gap:40px;
    }

    .sivHeroCities{
        gap:9px;
    }

}


@media (max-width:991px){

    .sivHero{
        padding:65px 0;
    }

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

    .sivCitySection{
        padding:70px 0;
    }

    .sivCityGrid,
    .sivReverseGrid{
        grid-template-columns:1fr;
        gap:38px;
    }

    .sivReverseGrid .sivCityContent,
    .sivReverseGrid .sivCityPanel{
        order:initial;
    }

    .sivCityNumber{
        right:10px;
    }

    .sivFinalCtaInner{
        flex-direction:column;
        align-items:flex-start;
    }

    .sivFinalCtaActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .sivHero{
        padding:55px 0;
    }

    .sivHero h1{
        font-size:38px;
        letter-spacing:-1px;
    }

    .sivHero h1 strong{
        font-size:25px;
    }

    .sivHeroLead{
        font-size:16px;
        line-height:1.7;
    }

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

    .sivHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .sivPrimaryCta,
    .sivPhoneCta{
        width:100%;
    }

    .sivCitySection{
        padding:58px 0;
    }

    .sivCityContent h2{
        font-size:32px;
    }

    .sivCityContent p{
        font-size:15px;
        line-height:1.75;
    }

    .sivCityNumber{
        font-size:72px;
        top:-15px;
    }

    .sivCityPanel{
        padding:23px 19px;
    }

    .sivHighlightBox{
        padding:16px;
    }

    .sivFinalCta{
        padding:55px 0;
    }

    .sivFinalCtaInner{
        padding:27px 20px;
    }

    .sivFinalCtaActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .sivFinalPrimary,
    .sivFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

    .sivHero h1{
        font-size:34px;
    }

    .sivHero h1 strong{
        font-size:23px;
    }

    .sivHeroEyebrow{
        font-size:15px;
        line-height:1.4;
    }

    .sivCityNumber{
        display:none;
    }

    .sivTags span{
        font-size:15px;
    }

}
/* =========================================================
   EASTERN INDIA — HERO
   Namespace: gaviEasternHero
   Royal Navy + Gold
========================================================= */

.gaviEasternHero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 82% 20%,rgba(185,120,0,.16),transparent 28%),
        linear-gradient(135deg,#04152d 0%,#061d3d 55%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviEasternHero:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(
        90deg,
        #092f62,
        #b97800,
        #f0b429,
        #b97800,
        #092f62
    );
}

.gaviEasternHeroPattern{
    position:absolute;
    width:620px;
    height:620px;
    right:-300px;
    top:-300px;
    border:1px solid rgba(240,180,41,.14);
    border-radius:50%;
    box-shadow:
        0 0 0 35px rgba(185,120,0,.025),
        0 0 0 70px rgba(185,120,0,.018);
    pointer-events:none;
}

.gaviEasternHeroInner{
    display:grid;
    grid-template-columns:minmax(0,1.22fr) minmax(350px,.78fr);
    gap:65px;
    align-items:center;
}

.gaviEasternHeroContent{
    position:relative;
    z-index:2;
}

.gaviEasternHeroEyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviEasternHeroEyebrow span{
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviEasternHero h1{
    margin:0 0 24px;
    color:#fff;
    font-size:clamp(40px,5vw,67px);
    line-height:1.05;
    letter-spacing:-1.7px;
    font-weight:850;
}

.gaviEasternHero h1 strong{
    display:block;
    margin-top:9px;
    color:#f0b429;
    font-size:.57em;
    line-height:1.25;
    letter-spacing:-.2px;
}

.gaviEasternHeroLead{
    max-width:820px;
    margin:0;
    color:#dce5ef;
    font-size:17px;
    line-height:1.78;
}

.gaviEasternHeroLead strong{
    color:#fff;
    font-weight:800;
}

.gaviEasternHeroHighlights{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    max-width:720px;
    margin-top:29px;
}

.gaviEasternHeroHighlight{
    padding:15px 13px;
    border:1px solid rgba(240,180,41,.24);
    border-radius:6px;
    background:rgba(255,255,255,.045);
}

.gaviEasternHeroHighlight span{
    display:block;
    margin-bottom:6px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
}

.gaviEasternHeroHighlight strong{
    display:block;
    color:#fff;
    font-size:16px;
    line-height:1.35;
}

.gaviEasternHeroHighlight small{
    display:block;
    margin-top:3px;
    color:#aebdcd;
    font-size:15px;
    line-height:1.4;
}

.gaviEasternHeroActions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
    margin-top:31px;
}

.gaviEasternPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:57px;
    padding:0 28px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 13px 30px rgba(185,120,0,.22);
    transition:all .3s ease;
}

.gaviEasternPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(185,120,0,.34);
}

.gaviEasternPrimaryCta span{
    font-size:22px;
}

.gaviEasternPhoneCta{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:57px;
    padding:7px 18px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    background:rgba(255,255,255,.05);
    color:#fff !important;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviEasternPhoneCta:hover{
    border-color:#b97800;
    background:rgba(185,120,0,.1);
}

.gaviEasternPhoneIcon{
    color:#f0b429;
    font-size:21px;
}

.gaviEasternPhoneCta small{
    display:block;
    margin-bottom:2px;
    color:#aebdcd;
    font-size:15px;
}

.gaviEasternPhoneCta strong{
    display:block;
    color:#fff;
    font-size:17px;
}


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

.gaviEasternHeroPanel{
    position:relative;
    padding:30px 26px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:10px;
    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.085),
            rgba(255,255,255,.025)
        );
    box-shadow:
        0 28px 65px rgba(0,0,0,.28),
        inset 0 1px 0 rgba(255,255,255,.1);
    backdrop-filter:blur(10px);
}

.gaviEasternHeroPanelTop span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.4px;
}

.gaviEasternHeroPanelTop strong{
    display:block;
    color:#fff;
    font-size:29px;
    line-height:1.2;
}

.gaviEasternHeroPanelLine{
    width:100%;
    height:1px;
    margin:24px 0 5px;
    background:linear-gradient(
        90deg,
        #b97800,
        rgba(185,120,0,.05)
    );
}

.gaviEasternHeroPanelItem{
    display:flex;
    gap:15px;
    padding:19px 0;
    border-bottom:1px solid rgba(255,255,255,.09);
}

.gaviEasternHeroPanelItem > span{
    flex:0 0 32px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
}

.gaviEasternHeroPanelItem strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
    font-size:17px;
}

.gaviEasternHeroPanelItem small{
    display:block;
    color:#aebdcd;
    font-size:15px;
    line-height:1.5;
}

.gaviEasternHeroPanelFooter{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-top:22px;
}

.gaviEasternHeroPanelFooter span{
    color:#9eafc1;
    font-size:15px;
    font-weight:750;
    letter-spacing:1px;
}

.gaviEasternHeroPanelFooter strong{
    color:#f0b429;
    font-size:17px;
}


/* =========================================================
   KOLKATA SECTION
   Namespace: gaviKolkata
========================================================= */

.gaviKolkata{
    position:relative;
    padding:92px 0 86px;
    background:#f7f9fc;
    overflow:hidden;
}

.gaviKolkata:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #061d3d,
        #092f62,
        #b97800,
        #f0b429,
        #b97800,
        #092f62,
        #061d3d
    );
}

.gaviKolkataIntro{
    max-width:850px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviKolkataEyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gaviKolkataEyebrow span{
    width:32px;
    height:2px;
    background:#b97800;
}

.gaviKolkataIntro h2{
    margin:0 0 17px;
    color:#061d3d;
    font-size:clamp(32px,4vw,50px);
    line-height:1.15;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviKolkataIntro h2 strong{
    color:#b97800;
}

.gaviKolkataIntro p{
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.78;
}

.gaviKolkataIntro p strong{
    color:#092f62;
}


/* =========================================================
   KOLKATA CARDS
========================================================= */

.gaviKolkataGrid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:19px;
}

.gaviKolkataCard{
    position:relative;
    min-height:330px;
    padding:27px 23px 24px;
    border:1px solid #dce3ec;
    border-radius:9px;
    background:#fff;
    box-shadow:0 10px 30px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviKolkataCardLarge{
    min-height:360px;
}

.gaviKolkataCard:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800);
    transform:scaleX(.25);
    transform-origin:left;
    transition:transform .3s ease;
}

.gaviKolkataCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.42);
    box-shadow:0 20px 42px rgba(6,29,61,.11);
}

.gaviKolkataCard:hover:before{
    transform:scaleX(1);
}

.gaviKolkataCardNumber{
    position:absolute;
    top:17px;
    right:18px;
    color:#e0e6ed;
    font-size:15px;
    font-weight:900;
}

.gaviKolkataCardIcon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    min-height:42px;
    margin-bottom:20px;
    padding:7px 10px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:.7px;
}

.gaviKolkataCard h3{
    margin:0 0 14px;
    color:#061d3d;
    font-size:21px;
    line-height:1.35;
    font-weight:750;
}

.gaviKolkataCard h3 strong{
    color:#b97800;
}

.gaviKolkataCard p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.75;
}

.gaviKolkataCard p strong{
    color:#092f62;
    font-weight:800;
}

.gaviKolkataTags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:22px;
}

.gaviKolkataTags span{
    padding:6px 9px;
    border:1px solid #dce3ec;
    border-radius:3px;
    background:#f8fafc;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   KOLKATA CTA
========================================================= */

.gaviKolkataCta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    margin-top:52px;
    padding:31px 35px;
    border:1px solid rgba(185,120,0,.42);
    border-radius:9px;
    background:
        linear-gradient(
            110deg,
            #04152d 0%,
            #092f62 70%,
            #061d3d 100%
        );
    box-shadow:0 18px 42px rgba(6,29,61,.14);
}

.gaviKolkataCtaContent > span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.4px;
}

.gaviKolkataCtaContent h3{
    margin:0 0 7px;
    color:#fff;
    font-size:25px;
    line-height:1.35;
    font-weight:750;
}

.gaviKolkataCtaContent h3 strong{
    color:#f0b429;
}

.gaviKolkataCtaContent p{
    margin:0;
    color:#c4d0dd;
    font-size:15px;
    line-height:1.6;
}

.gaviKolkataCtaActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
}

.gaviKolkataPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:53px;
    padding:0 23px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviKolkataPrimaryCta:hover{
    transform:translateY(-2px);
    box-shadow:0 11px 27px rgba(185,120,0,.3);
}

.gaviKolkataPrimaryCta span{
    font-size:20px;
}

.gaviKolkataPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:53px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviKolkataPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media (max-width:1100px){

    .gaviEasternHeroInner{
        grid-template-columns:minmax(0,1fr) minmax(310px,.72fr);
        gap:38px;
    }

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

}


@media (max-width:991px){

    .gaviEasternHero{
        padding:70px 0;
    }

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

    .gaviEasternHeroContent{
        text-align:center;
    }

    .gaviEasternHeroEyebrow,
    .gaviEasternHeroActions{
        justify-content:center;
    }

    .gaviEasternHeroLead{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviEasternHeroHighlights{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviEasternHeroPanel{
        max-width:650px;
        width:100%;
        margin:5px auto 0;
    }

    .gaviKolkata{
        padding:72px 0;
    }

    .gaviKolkataCta{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviKolkataCtaActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gaviEasternHero{
        padding:56px 0;
    }

    .gaviEasternHero h1{
        font-size:39px;
        letter-spacing:-1px;
    }

    .gaviEasternHero h1 strong{
        font-size:21px;
    }

    .gaviEasternHeroLead{
        font-size:15px;
        line-height:1.7;
    }

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

    .gaviEasternHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviEasternPrimaryCta,
    .gaviEasternPhoneCta{
        width:100%;
    }

    .gaviEasternHeroPanel{
        padding:24px 20px;
    }

    .gaviEasternHeroPanelTop strong{
        font-size:25px;
    }

    .gaviKolkata{
        padding:62px 0;
    }

    .gaviKolkataIntro h2{
        font-size:32px;
    }

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

    .gaviKolkataCard,
    .gaviKolkataCardLarge{
        min-height:auto;
    }

    .gaviKolkataCta{
        padding:25px 21px;
    }

    .gaviKolkataCtaContent h3{
        font-size:21px;
    }

    .gaviKolkataCtaActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviKolkataPrimaryCta,
    .gaviKolkataPhone{
        width:100%;
    }

}
/* =========================================================
   NORTH INDIA BEYOND NCR
   HERO
   Namespace: gaviNorthHero
========================================================= */

.gaviNorthHero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 78% 35%,rgba(185,120,0,.14),transparent 28%),
        linear-gradient(135deg,#04152d 0%,#061d3d 58%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviNorthHeroPattern{
    position:absolute;
    inset:0;
    opacity:.13;
    background-image:
        linear-gradient(rgba(240,180,41,.12) 1px,transparent 1px),
        linear-gradient(90deg,rgba(240,180,41,.12) 1px,transparent 1px);
    background-size:65px 65px;
    mask-image:linear-gradient(to right,transparent,#000 45%,#000);
}

.gaviNorthHeroInner{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
    gap:60px;
    align-items:center;
}

.gaviNorthHeroEyebrow,
.gaviNorthSectionEyebrow{
    display:flex;
    align-items:center;
    gap:11px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviNorthHeroEyebrow span,
.gaviNorthSectionEyebrow span{
    display:inline-block;
    width:38px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviNorthHero h1{
    margin:19px 0 23px;
    max-width:850px;
    color:#fff;
    font-size:clamp(40px,4.6vw,66px);
    line-height:1.04;
    letter-spacing:-1.8px;
    font-weight:850;
}

.gaviNorthHero h1 strong{
    display:block;
    margin-top:9px;
    color:#f0b429;
    font-size:.53em;
    line-height:1.25;
    letter-spacing:-.3px;
}

.gaviNorthHeroLead{
    max-width:820px;
    margin:0;
    color:#dbe4ee;
    font-size:17px;
    line-height:1.8;
}

.gaviNorthHeroLead strong{
    color:#fff;
}

.gaviNorthHeroStats{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:30px;
}

.gaviNorthHeroStat{
    min-width:145px;
    padding:13px 17px;
    border:1px solid rgba(240,180,41,.25);
    border-radius:5px;
    background:rgba(255,255,255,.05);
}

.gaviNorthHeroStat strong{
    display:block;
    color:#f0b429;
    font-size:23px;
    line-height:1.1;
}

.gaviNorthHeroStat span{
    display:block;
    margin-top:5px;
    color:#bfcbd8;
    font-size:15px;
}

.gaviNorthHeroActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:30px;
}

.gaviNorthPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:55px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.2);
    transition:all .3s ease;
}

.gaviNorthPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 35px rgba(185,120,0,.32);
}

.gaviNorthPrimaryCta span{
    font-size:21px;
}

.gaviNorthPhoneCta{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:55px;
    padding:0 19px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    font-size:16px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviNorthPhoneCta:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


/* =========================================================
   HERO MAP VISUAL
========================================================= */

.gaviNorthHeroMap{
    display:flex;
    justify-content:center;
    align-items:center;
}

.gaviNorthHeroMapOuter{
    position:relative;
    width:430px;
    height:430px;
    border:1px solid rgba(240,180,41,.25);
    border-radius:50%;
    background:
        radial-gradient(circle,#092f62 0%,#061d3d 60%,#04152d 100%);
    box-shadow:
        0 0 0 22px rgba(185,120,0,.025),
        0 0 80px rgba(185,120,0,.12);
}

.gaviNorthHeroMapOuter:before,
.gaviNorthHeroMapOuter:after{
    content:"";
    position:absolute;
    inset:48px;
    border:1px dashed rgba(240,180,41,.17);
    border-radius:50%;
}

.gaviNorthHeroMapOuter:after{
    inset:102px;
    border-color:rgba(255,255,255,.08);
}

.gaviNorthMapRing{
    position:absolute;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gaviNorthRingOne{
    width:180px;
    height:180px;
    left:125px;
    top:125px;
}

.gaviNorthRingTwo{
    width:100px;
    height:100px;
    left:165px;
    top:165px;
}

.gaviNorthMapCenter{
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:105px;
    height:105px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid #d99a16;
    border-radius:50%;
    background:linear-gradient(145deg,#b97800,#f0b429);
    color:#061d3d;
    box-shadow:0 0 40px rgba(240,180,41,.2);
}

.gaviNorthMapCenter span{
    font-size:15px;
    font-weight:700;
    letter-spacing:2px;
}

.gaviNorthMapCenter strong{
    font-size:20px;
    letter-spacing:2px;
}

.gaviNorthMapPoint{
    position:absolute;
    z-index:3;
    display:flex;
    align-items:center;
    gap:7px;
    color:#fff;
    font-size:15px;
    font-weight:750;
}

.gaviNorthMapPoint i{
    display:block;
    width:10px;
    height:10px;
    border:2px solid #061d3d;
    border-radius:50%;
    background:#f0b429;
    box-shadow:0 0 0 5px rgba(240,180,41,.13);
}

.gaviNorthPointChd{
    left:56px;
    top:82px;
}

.gaviNorthPointJai{
    right:53px;
    top:155px;
}

.gaviNorthPointLuc{
    left:65px;
    bottom:104px;
}

.gaviNorthPointKan{
    right:47px;
    bottom:83px;
}


/* =========================================================
   SECTION 02
========================================================= */

.gaviNorthWest{
    padding:88px 0;
    background:#f7f9fc;
}

.gaviNorthSectionHeading{
    max-width:800px;
    margin:0 auto 46px;
    text-align:center;
}

.gaviNorthSectionHeading h2{
    margin:14px 0 14px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,48px);
    line-height:1.14;
    font-weight:800;
    letter-spacing:-1px;
}

.gaviNorthSectionHeading h2 strong{
    color:#b97800;
}

.gaviNorthSectionHeading p{
    margin:0;
    color:#596a7d;
    font-size:16px;
    line-height:1.75;
}

.gaviNorthFeatureGrid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:24px;
}

.gaviNorthFeatureCard{
    position:relative;
    padding:31px;
    border:1px solid #dce4ed;
    border-radius:9px;
    background:#fff;
    box-shadow:0 12px 30px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviNorthFeatureCard:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    width:4px;
    background:linear-gradient(#092f62,#b97800,#f0b429);
}

.gaviNorthFeatureCard:hover{
    transform:translateY(-5px);
    border-color:rgba(185,120,0,.38);
    box-shadow:0 20px 42px rgba(6,29,61,.1);
}

.gaviNorthCardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:19px;
}

.gaviNorthCardNumber{
    color:#b97800;
    font-size:25px;
    font-weight:900;
}

.gaviNorthCardLabel{
    color:#78889a;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.2px;
}

.gaviNorthFeatureCard h3{
    margin:0 0 15px;
    color:#061d3d;
    font-size:27px;
    line-height:1.25;
}

.gaviNorthFeatureCard h3 strong{
    color:#b97800;
}

.gaviNorthFeatureCard > p{
    margin:0;
    color:#536477;
    font-size:15px;
    line-height:1.78;
}

.gaviNorthFeatureCard > p strong{
    color:#092f62;
}

.gaviNorthMiniGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    margin-top:24px;
}

.gaviNorthMiniGrid div{
    min-height:78px;
    padding:11px;
    border:1px solid #e0e6ed;
    border-radius:5px;
    background:#f8fafc;
}

.gaviNorthMiniGrid strong{
    display:block;
    color:#092f62;
    font-size:15px;
}

.gaviNorthMiniGrid span{
    display:block;
    margin-top:4px;
    color:#718093;
    font-size:15px;
    line-height:1.4;
}

.gaviNorthBenchBox{
    display:flex;
    gap:13px;
    margin-top:21px;
    padding:16px;
    border:1px solid rgba(185,120,0,.22);
    border-radius:6px;
    background:linear-gradient(110deg,#fdfaf3,#f8fafc);
}

.gaviNorthBenchIcon{
    flex:0 0 52px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviNorthBenchBox strong{
    display:block;
    color:#061d3d;
    font-size:15px;
}

.gaviNorthBenchBox p{
    margin:4px 0 0;
    color:#627286;
    font-size:15px;
    line-height:1.55;
}

.gaviNorthBenchBox p strong{
    display:inline;
    color:#092f62;
}

.gaviNorthReraTag{
    display:flex;
    align-items:center;
    gap:10px;
    margin-top:12px;
    padding:10px 13px;
    border-radius:4px;
    background:#061d3d;
}

.gaviNorthReraTag strong{
    color:#f0b429;
    font-size:15px;
}

.gaviNorthReraTag span{
    color:#d4dde7;
    font-size:15px;
}


/* =========================================================
   SECTION 03
========================================================= */

.gaviNorthEast{
    padding:92px 0 88px;
    background:
        linear-gradient(135deg,#04152d 0%,#061d3d 55%,#092f62 100%);
    color:#fff;
}

.gaviNorthEastGrid{
    display:grid;
    grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);
    gap:55px;
    align-items:start;
}

.gaviNorthEastIntro{
    position:sticky;
    top:30px;
}

.gaviNorthEastIntro h2{
    margin:15px 0 18px;
    color:#fff;
    font-size:clamp(31px,3.3vw,46px);
    line-height:1.15;
    letter-spacing:-1px;
}

.gaviNorthEastIntro h2 strong{
    color:#f0b429;
    display:block;
}

.gaviNorthEastIntro > p{
    margin:0;
    color:#cbd6e2;
    font-size:16px;
    line-height:1.8;
}

.gaviNorthEastIntro > p strong{
    color:#fff;
}

.gaviNorthDarkCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-top:28px;
    min-height:54px;
    padding:0 25px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviNorthDarkCta:hover{
    transform:translateY(-3px);
    box-shadow:0 13px 30px rgba(185,120,0,.28);
}

.gaviNorthDarkCta span{
    font-size:20px;
}

.gaviNorthCityStack{
    display:flex;
    flex-direction:column;
    gap:15px;
}

.gaviNorthCityCard{
    display:grid;
    grid-template-columns:65px 1fr;
    gap:19px;
    padding:25px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:8px;
    background:rgba(255,255,255,.055);
    transition:all .3s ease;
}

.gaviNorthCityCard:hover{
    border-color:rgba(240,180,41,.42);
    background:rgba(255,255,255,.075);
    transform:translateX(4px);
}

.gaviNorthCityNumber{
    display:flex;
    align-items:flex-start;
    justify-content:center;
    color:#f0b429;
    font-size:27px;
    font-weight:900;
}

.gaviNorthCityContent > span,
.gaviNorthJurisdictionCard > div:last-child > span{
    display:block;
    margin-bottom:6px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.1px;
}

.gaviNorthCityContent h3{
    margin:0 0 9px;
    color:#fff;
    font-size:27px;
    line-height:1.2;
}

.gaviNorthCityContent p{
    margin:0;
    color:#c5d0dc;
    font-size:15px;
    line-height:1.72;
}

.gaviNorthCityContent p strong{
    color:#fff;
}

.gaviNorthCityTags{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:15px;
}

.gaviNorthCityTags span{
    padding:6px 9px;
    border:1px solid rgba(240,180,41,.2);
    border-radius:3px;
    color:#dce5ee;
    font-size:15px;
}

.gaviNorthJurisdictionCard{
    display:grid;
    grid-template-columns:65px 1fr;
    gap:19px;
    padding:25px;
    border:1px solid rgba(240,180,41,.34);
    border-radius:8px;
    background:linear-gradient(110deg,rgba(185,120,0,.14),rgba(255,255,255,.04));
}

.gaviNorthJurisdictionIcon{
    width:58px;
    height:58px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #d99a16;
    border-radius:50%;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d;
    font-size:15px;
    font-weight:900;
}

.gaviNorthJurisdictionCard h3{
    margin:0 0 8px;
    color:#fff;
    font-size:22px;
}

.gaviNorthJurisdictionCard p{
    margin:0;
    color:#c5d0dc;
    font-size:15px;
    line-height:1.7;
}

.gaviNorthJurisdictionCard p strong{
    color:#fff;
}


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

.gaviNorthFinalCta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    margin-top:58px;
    padding:31px 34px;
    border:1px solid rgba(240,180,41,.35);
    border-radius:8px;
    background:rgba(255,255,255,.055);
}

.gaviNorthFinalCta > div:first-child > span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.3px;
}

.gaviNorthFinalCta h3{
    margin:0 0 7px;
    color:#fff;
    font-size:25px;
    line-height:1.3;
}

.gaviNorthFinalCta h3 strong{
    color:#f0b429;
}

.gaviNorthFinalCta p{
    margin:0;
    color:#bfcbd7;
    font-size:15px;
    line-height:1.6;
}

.gaviNorthFinalActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.gaviNorthFinalButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:52px;
    padding:0 22px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviNorthFinalButton:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(185,120,0,.3);
}

.gaviNorthFinalButton span{
    font-size:20px;
}

.gaviNorthFinalPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
}

.gaviNorthFinalPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media (max-width:1100px){

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

    .gaviNorthHeroContent{
        text-align:center;
    }

    .gaviNorthHeroEyebrow{
        justify-content:center;
    }

    .gaviNorthHeroLead{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviNorthHeroStats,
    .gaviNorthHeroActions{
        justify-content:center;
    }

    .gaviNorthHeroMap{
        margin-top:15px;
    }

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

    .gaviNorthEastIntro{
        position:static;
    }

}


@media (max-width:767px){

    .gaviNorthHero{
        padding:60px 0;
    }

    .gaviNorthHero h1{
        font-size:39px;
    }

    .gaviNorthHero h1 strong{
        font-size:21px;
    }

    .gaviNorthHeroLead{
        font-size:15px;
    }

    .gaviNorthHeroMapOuter{
        width:340px;
        height:340px;
    }

    .gaviNorthMapRing{
        display:none;
    }

    .gaviNorthMapCenter{
        width:90px;
        height:90px;
    }

    .gaviNorthMapCenter strong{
        font-size:17px;
    }

    .gaviNorthPointChd{
        left:30px;
        top:62px;
    }

    .gaviNorthPointJai{
        right:22px;
        top:125px;
    }

    .gaviNorthPointLuc{
        left:33px;
        bottom:80px;
    }

    .gaviNorthPointKan{
        right:20px;
        bottom:60px;
    }

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

    .gaviNorthFeatureCard{
        padding:25px 22px;
    }

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

    .gaviNorthCityCard,
    .gaviNorthJurisdictionCard{
        grid-template-columns:1fr;
    }

    .gaviNorthCityNumber{
        justify-content:flex-start;
    }

    .gaviNorthFinalCta{
        flex-direction:column;
        align-items:flex-start;
        padding:25px 21px;
    }

    .gaviNorthFinalActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviNorthFinalButton,
    .gaviNorthFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

    .gaviNorthHeroStats{
        display:grid;
        grid-template-columns:1fr 1fr;
    }

    .gaviNorthHeroStat{
        min-width:0;
    }

    .gaviNorthHeroStat:last-child{
        grid-column:1 / -1;
    }

    .gaviNorthHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviNorthPrimaryCta,
    .gaviNorthPhoneCta{
        width:100%;
    }

    .gaviNorthHeroMapOuter{
        width:290px;
        height:290px;
    }

    .gaviNorthMapPoint{
        font-size:15px;
    }

    .gaviNorthPointChd{
        left:15px;
    }

    .gaviNorthPointJai{
        right:10px;
    }

    .gaviNorthPointLuc{
        left:17px;
    }

    .gaviNorthPointKan{
        right:8px;
    }

}
/* =========================================================
   INDIA'S STATE RERA REGIMES
   HERO
   Namespace: gaviReraHero
========================================================= */

.gaviReraHero{
    position:relative;
    overflow:hidden;
    padding:86px 0 78px;
    background:
        radial-gradient(circle at 84% 15%,rgba(240,180,41,.15),transparent 28%),
        linear-gradient(135deg,#04152d 0%,#061d3d 55%,#092f62 100%);
    color:#fff;
}

.gaviReraHero:after{
    content:"";
    position:absolute;
    right:-130px;
    bottom:-220px;
    width:480px;
    height:480px;
    border:1px solid rgba(240,180,41,.12);
    border-radius:50%;
    box-shadow:0 0 0 35px rgba(185,120,0,.025);
}

.gaviReraHeroInner{
    position:relative;
    z-index:2;
    max-width:1050px;
    margin:0 auto;
    text-align:center;
}

.gaviReraHeroEyebrow{
    display:inline-flex;
    align-items:center;
    gap:11px;
    margin-bottom:19px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviReraHeroEyebrow span{
    width:38px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviReraHero h1{
    margin:0 auto 23px;
    max-width:1000px;
    color:#fff;
    font-size:clamp(38px,4.6vw,64px);
    line-height:1.08;
    letter-spacing:-1.5px;
    font-weight:800;
}

.gaviReraHero h1 strong{
    display:block;
    color:#f0b429;
}

.gaviReraHeroLead{
    max-width:900px;
    margin:0 auto;
    color:#dce5ef;
    font-size:17px;
    line-height:1.8;
}

.gaviReraHeroLead strong{
    color:#fff;
}

.gaviReraHeroHighlights{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:12px;
    margin-top:31px;
}

.gaviReraHeroHighlights div{
    min-width:205px;
    padding:15px 19px;
    border:1px solid rgba(240,180,41,.27);
    border-radius:6px;
    background:rgba(255,255,255,.055);
}

.gaviReraHeroHighlights strong{
    display:block;
    margin-bottom:4px;
    color:#f0b429;
    font-size:17px;
}

.gaviReraHeroHighlights span{
    display:block;
    color:#c8d3df;
    font-size:15px;
}

.gaviReraHeroActions{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:31px;
}

.gaviReraPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 28px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.24);
    transition:all .3s ease;
}

.gaviReraPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(185,120,0,.32);
}

.gaviReraPrimaryCta span{
    font-size:21px;
}

.gaviReraPhoneCta{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:56px;
    padding:0 22px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    font-size:16px;
    text-decoration:none !important;
}

.gaviReraPhoneCta span{
    color:#f0b429;
    font-size:20px;
}


/* =========================================================
   SHARED SECTION HEADING
========================================================= */

.gaviReraSectionHeading{
    max-width:850px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviReraKicker{
    margin-bottom:12px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviReraSectionHeading h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,48px);
    line-height:1.16;
    letter-spacing:-1px;
    font-weight:800;
}

.gaviReraSectionHeading h2 strong{
    color:#b97800;
}

.gaviReraSectionHeading p{
    margin:0;
    color:#536276;
    font-size:16px;
    line-height:1.78;
}

.gaviReraSectionHeading p strong{
    color:#092f62;
}


/* =========================================================
   SECTION 1
   ROLE
========================================================= */

.gaviReraRole{
    position:relative;
    padding:90px 0 85px;
    background:#f8fafc;
}

.gaviReraRole:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429,#b97800,#061d3d);
}

.gaviReraRoleGrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:19px;
}

.gaviReraRoleCard{
    position:relative;
    padding:29px 23px 27px;
    min-height:350px;
    border:1px solid #dce4ed;
    border-radius:8px;
    background:#fff;
    box-shadow:0 10px 30px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviReraRoleCard:after{
    content:"";
    position:absolute;
    width:100px;
    height:100px;
    right:-50px;
    bottom:-50px;
    border:1px solid rgba(185,120,0,.13);
    border-radius:50%;
}

.gaviReraRoleCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 20px 40px rgba(6,29,61,.10);
}

.gaviReraRoleNumber{
    position:absolute;
    top:18px;
    right:19px;
    color:#dce3eb;
    font-size:15px;
    font-weight:900;
}

.gaviReraRoleIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:60px;
    height:44px;
    margin-bottom:22px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviReraRoleCard h3{
    margin:0 0 14px;
    color:#061d3d;
    font-size:21px;
    line-height:1.3;
    font-weight:750;
}

.gaviReraRoleCard h3 strong{
    color:#b97800;
}

.gaviReraRoleCard p{
    margin:0;
    color:#566578;
    font-size:15px;
    line-height:1.75;
}

.gaviReraRoleCard p strong{
    color:#092f62;
}

.gaviReraRoleNote{
    display:flex;
    align-items:flex-start;
    gap:17px;
    margin-top:28px;
    padding:18px 21px;
    border-left:4px solid #b97800;
    background:#eef3f8;
}

.gaviReraRoleNote span{
    flex:0 0 auto;
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
}

.gaviReraRoleNote p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.65;
}

.gaviReraRoleNote p strong{
    color:#092f62;
}


/* =========================================================
   SECTION 2
   STATE COMPARISON
========================================================= */

.gaviReraStates{
    position:relative;
    padding:90px 0;
    background:
        radial-gradient(circle at 8% 20%,rgba(185,120,0,.12),transparent 24%),
        linear-gradient(135deg,#04152d,#061d3d 55%,#092f62);
}

.gaviReraSectionHeadingLight .gaviReraKicker{
    color:#f0b429;
}

.gaviReraSectionHeadingLight h2{
    color:#fff;
}

.gaviReraSectionHeadingLight h2 strong{
    color:#f0b429;
}

.gaviReraSectionHeadingLight p{
    color:#bdcad8;
}

.gaviReraSectionHeadingLight p strong{
    color:#fff;
}

.gaviReraStateGrid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
}

.gaviReraStateCard{
    position:relative;
        height: 702px;
    padding:25px 20px 22px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:8px;
    background:rgba(255,255,255,.055);
    box-shadow:0 15px 35px rgba(0,0,0,.12);
    transition:all .3s ease;
}

.gaviReraStateCard:hover{
    transform:translateY(-7px);
    border-color:rgba(240,180,41,.45);
    background:rgba(255,255,255,.075);
}

.gaviReraStateTop{
    display:flex;
    align-items:center;
    gap:12px;
}

.gaviReraStateCode{
    display:flex;
    align-items:center;
    justify-content:center;
    width:46px;
    height:46px;
    flex:0 0 46px;
    border:1px solid #b97800;
    border-radius:5px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviReraStateRegion{
    display:block;
    margin-bottom:3px;
    color:#b8c6d5;
    font-size:15px;
    font-weight:700;
    letter-spacing:.8px;
}

.gaviReraStateTop h3{
    margin:0;
    color:#fff;
    font-size:20px;
    line-height:1.2;
    font-weight:800;
}

.gaviReraStateLine{
    width:100%;
    height:1px;
    margin:21px 0 19px;
    background:linear-gradient(90deg,#b97800,transparent);
}

.gaviReraStateCard p{
    margin:0;
    color:#c2cfdd;
    font-size:15px;
    line-height:1.72;
}

.gaviReraStateCard p strong{
    color:#fff;
}

.gaviReraStateFocus{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:21px;
}

.gaviReraStateFocus span{
    padding:6px 7px;
    border:1px solid rgba(240,180,41,.24);
    border-radius:3px;
    color:#e2eaf2;
    background:rgba(185,120,0,.08);
    font-size:15px;
}

.gaviReraStateLink{
    position:absolute;
    left:20px;
    right:20px;
    bottom:20px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:13px;
    border-top:1px solid rgba(255,255,255,.12);
    color:#f0b429 !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
}

.gaviReraStateLink span{
    font-size:20px;
}


/* =========================================================
   SECTION 3
   MATRIX
========================================================= */

.gaviReraMatrix{
    padding:90px 0;
    background:#f6f8fb;
}

.gaviReraMatrixBox{
    padding:43px;
    border:1px solid #dce4ed;
    border-radius:10px;
    background:#fff;
    box-shadow:0 18px 45px rgba(6,29,61,.07);
}

.gaviReraMatrixHeader{
    max-width:800px;
    margin-bottom:35px;
}

.gaviReraMatrixHeader h2{
    margin:0 0 14px;
    color:#061d3d;
    font-size:clamp(30px,3.2vw,43px);
    line-height:1.15;
    font-weight:800;
}

.gaviReraMatrixHeader h2 strong{
    color:#b97800;
}

.gaviReraMatrixHeader p{
    margin:0;
    color:#566578;
    font-size:16px;
    line-height:1.75;
}

.gaviReraMatrixHeader p strong{
    color:#092f62;
}

.gaviReraMatrixRows{
    border-top:1px solid #dfe6ee;
}

.gaviReraMatrixRow{
    display:grid;
    grid-template-columns:260px 1fr;
    align-items:center;
    min-height:78px;
    border-bottom:1px solid #e4e9ef;
}

.gaviReraMatrixLabel{
    padding:15px 20px 15px 0;
}

.gaviReraMatrixLabel strong{
    display:block;
    color:#061d3d;
    font-size:16px;
}

.gaviReraMatrixLabel span{
    display:block;
    margin-top:3px;
    color:#b97800;
    font-size:15px;
}

.gaviReraMatrixValue{
    padding:15px 0 15px 25px;
    border-left:2px solid #f0b429;
    color:#526276;
    font-size:15px;
    line-height:1.55;
}


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

.gaviReraCta{
    padding:0 0 90px;
    background:#f6f8fb;
}

.gaviReraCtaInner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:32px 36px;
    border:1px solid rgba(185,120,0,.38);
    border-radius:9px;
    background:
        linear-gradient(115deg,#04152d,#092f62 68%,#061d3d);
    box-shadow:0 20px 45px rgba(6,29,61,.14);
}

.gaviReraCtaContent > span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviReraCtaContent h2{
    margin:0 0 8px;
    color:#fff;
    font-size:27px;
    line-height:1.3;
    font-weight:750;
}

.gaviReraCtaContent h2 strong{
    color:#f0b429;
}

.gaviReraCtaContent p{
    margin:0;
    color:#bdcad8;
    font-size:15px;
    line-height:1.55;
}

.gaviReraCtaActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:11px;
}

.gaviReraCtaButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:54px;
    padding:0 23px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviReraCtaButton:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(185,120,0,.3);
}

.gaviReraCtaButton span{
    font-size:20px;
}

.gaviReraCtaPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:54px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
}

.gaviReraCtaPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media (max-width:1199px){

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

    .gaviReraStateGrid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}


@media (max-width:991px){

    .gaviReraHero{
        padding:70px 0;
    }

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

    .gaviReraCtaInner{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviReraCtaActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gaviReraHero{
        padding:55px 0;
    }

    .gaviReraHero h1{
        font-size:38px;
    }

    .gaviReraHero h1 strong{
        margin-top:7px;
        font-size:27px;
        line-height:1.2;
    }

    .gaviReraHeroLead{
        font-size:15px;
        line-height:1.7;
    }

    .gaviReraHeroHighlights{
        flex-direction:column;
    }

    .gaviReraHeroHighlights div{
        width:100%;
    }

    .gaviReraHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviReraPrimaryCta,
    .gaviReraPhoneCta{
        width:100%;
    }

    .gaviReraRole,
    .gaviReraStates,
    .gaviReraMatrix{
        padding:65px 0;
    }

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

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

    .gaviReraMatrixBox{
        padding:25px 19px;
    }

    .gaviReraMatrixRow{
        grid-template-columns:1fr;
        padding:14px 0;
    }

    .gaviReraMatrixLabel{
        padding:0 0 10px;
    }

    .gaviReraMatrixValue{
        padding:10px 0 0;
        border-left:0;
        border-top:2px solid #f0b429;
    }

    .gaviReraCta{
        padding-bottom:65px;
    }

    .gaviReraCtaInner{
        padding:26px 20px;
    }

    .gaviReraCtaActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviReraCtaButton,
    .gaviReraCtaPhone{
        width:100%;
    }

}

/* =========================================================
   GOVERNMENT APPROVED VALUERS INDIA
   INDIA'S CIRCLE RATE SYSTEMS
   ROYAL NAVY + GOLD DESIGN SYSTEM
========================================================= */


/* =========================================================
   SECTION 01 — HERO
   Namespace: gaviCRHero
========================================================= */

.gaviCRHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 82% 20%,rgba(185,120,0,.16),transparent 26%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviCRHeroPattern{
    position:absolute;
    width:620px;
    height:620px;
    right:-260px;
    top:-290px;
    border:1px solid rgba(240,180,41,.16);
    border-radius:50%;
    box-shadow:
        0 0 0 50px rgba(185,120,0,.025),
        0 0 0 100px rgba(185,120,0,.02);
}

.gaviCRHeroInner{
    display:grid;
    grid-template-columns:minmax(0,1.2fr) minmax(350px,.8fr);
    gap:65px;
    align-items:center;
}

.gaviCRHeroEyebrow,
.gaviCREyebrow{
    display:flex;
    align-items:center;
    gap:11px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.gaviCRHeroEyebrow span,
.gaviCREyebrow span{
    width:38px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviCRHero h1{
    max-width:900px;
    margin:18px 0 24px;
    color:#fff;
    font-size:clamp(40px,4.7vw,68px);
    line-height:1.04;
    font-weight:850;
    letter-spacing:-1.8px;
}

.gaviCRHero h1 span{
    display:block;
    margin-top:10px;
    color:#f0b429;
    font-size:.53em;
    line-height:1.25;
    letter-spacing:-.3px;
}

.gaviCRHeroIntro{
    max-width:850px;
    margin:0;
    color:#d9e2ed;
    font-size:18px;
    line-height:1.75;
}

.gaviCRHeroIntro strong{
    color:#fff;
}

.gaviCRHeroStats{
    display:flex;
    flex-wrap:wrap;
    gap:12px;
    margin-top:30px;
}

.gaviCRHeroStats div{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:145px;
    padding:11px 15px;
    border:1px solid rgba(240,180,41,.25);
    border-radius:5px;
    background:rgba(255,255,255,.05);
}

.gaviCRHeroStats strong{
    color:#f0b429;
    font-size:25px;
    line-height:1;
}

.gaviCRHeroStats span{
    color:#c5d0dc;
    font-size:15px;
    line-height:1.35;
}

.gaviCRHeroActions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
    margin-top:31px;
}

.gaviCRPrimaryCta,
.gaviCRFinalButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:57px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 13px 30px rgba(185,120,0,.2);
    transition:all .3s ease;
}

.gaviCRPrimaryCta:hover,
.gaviCRFinalButton:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(185,120,0,.3);
}

.gaviCRPrimaryCta span,
.gaviCRFinalButton span{
    font-size:21px;
}

.gaviCRPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:57px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:5px;
    color:#fff !important;
    background:rgba(255,255,255,.055);
    font-size:16px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviCRPhoneCta span{
    color:#f0b429;
    font-size:20px;
}

.gaviCRPhoneCta:hover{
    border-color:#f0b429;
    background:rgba(185,120,0,.1);
}


/* HERO VISUAL */

.gaviCRHeroVisual{
    position:relative;
    min-height:510px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gaviCRHeroRing{
    position:absolute;
    border:1px solid rgba(240,180,41,.2);
    border-radius:50%;
}

.gaviCRRingOne{
    width:410px;
    height:410px;
}

.gaviCRRingTwo{
    width:305px;
    height:305px;
    border-color:rgba(240,180,41,.35);
}

.gaviCRHeroCore{
    position:relative;
    width:225px;
    height:225px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:2px solid #b97800;
    border-radius:50%;
    background:
        radial-gradient(circle,#092f62 0%,#061d3d 70%);
    box-shadow:
        0 0 55px rgba(185,120,0,.2),
        inset 0 0 35px rgba(185,120,0,.08);
    z-index:2;
}

.gaviCRCoreTop{
    color:#d9a12b;
    font-size:15px;
    font-weight:800;
    letter-spacing:2px;
}

.gaviCRHeroCore strong{
    margin:4px 0;
    color:#f0b429;
    font-size:64px;
    line-height:1;
    font-weight:900;
}

.gaviCRCoreBottom{
    color:#c9d5e2;
    font-size:15px;
    letter-spacing:2px;
    font-weight:800;
}

.gaviCRFloating{
    position:absolute;
    z-index:3;
    min-width:150px;
    padding:14px 17px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:6px;
    background:rgba(4,21,45,.94);
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.gaviCRFloating strong{
    display:block;
    color:#f0b429;
    font-size:22px;
}

.gaviCRFloating span{
    display:block;
    margin-top:3px;
    color:#c3cfdd;
    font-size:15px;
}

.gaviCRFloatOne{
    left:2%;
    top:85px;
}

.gaviCRFloatTwo{
    right:0;
    bottom:80px;
}


/* =========================================================
   SECTION 02 — FRAMEWORK
========================================================= */

.gaviCRFramework{
    padding:88px 0;
    background:#f7f9fc;
}

.gaviCRSectionHeading{
    max-width:850px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviCRSectionHeading h2{
    margin:14px 0 14px;
    color:#061d3d;
    font-size:clamp(32px,3.6vw,48px);
    line-height:1.14;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviCRSectionHeading h2 strong{
    color:#b97800;
}

.gaviCRSectionHeading p{
    margin:0;
    color:#58687b;
    font-size:16px;
    line-height:1.75;
}

.gaviCRFrameworkGrid{
    display:grid;
    grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);
    gap:24px;
}

.gaviCRFrameworkMain{
    position:relative;
    padding:38px;
    border:1px solid #dce3ec;
    border-radius:9px;
    background:#fff;
    box-shadow:0 15px 35px rgba(6,29,61,.06);
}

.gaviCRFrameworkNumber{
    position:absolute;
    top:22px;
    right:25px;
    color:#e2e7ed;
    font-size:38px;
    font-weight:900;
}

.gaviCRFrameworkMain h3{
    margin:0 0 17px;
    color:#061d3d;
    font-size:28px;
    line-height:1.3;
}

.gaviCRFrameworkMain p{
    margin:0 0 15px;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

.gaviCRFrameworkMain p strong{
    color:#092f62;
}

.gaviCRFormula{
    display:grid;
    grid-template-columns:1fr auto 1fr;
    gap:20px;
    align-items:center;
    margin-top:27px;
    padding:20px;
    border:1px solid #e1e6ed;
    border-radius:6px;
    background:#f7f9fc;
    text-align:center;
}

.gaviCRFormula div{
    padding:12px;
}

.gaviCRFormula span{
    display:block;
    color:#69798c;
    font-size:15px;
}

.gaviCRFormula strong{
    display:block;
    margin-top:5px;
    color:#092f62;
    font-size:20px;
}

.gaviCRFormula b{
    color:#b97800;
    font-size:25px;
}

.gaviCRFrameworkSide{
    display:grid;
    gap:13px;
}

.gaviCRMiniCard{
    padding:23px;
    border:1px solid #dce3ec;
    border-left:4px solid #b97800;
    border-radius:7px;
    background:#fff;
    box-shadow:0 8px 24px rgba(6,29,61,.045);
}

.gaviCRMiniCard span{
    display:block;
    margin-bottom:7px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
}

.gaviCRMiniCard strong{
    display:block;
    color:#061d3d;
    font-size:19px;
}

.gaviCRMiniCard p{
    margin:7px 0 0;
    color:#5d6d80;
    font-size:15px;
    line-height:1.6;
}


/* =========================================================
   SECTION 03 — STATES
========================================================= */

.gaviCRStates{
    padding:90px 0;
    background:
        radial-gradient(circle at 10% 10%,rgba(185,120,0,.12),transparent 25%),
        linear-gradient(135deg,#04152d,#061d3d 55%,#092f62);
}

.gaviCRHeadingLight h2{
    color:#fff;
}

.gaviCRHeadingLight p{
    color:#bcc9d8;
}

.gaviCRStateGrid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
}

.gaviCRStateCard{
    position:relative;
    padding:25px 23px 22px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:8px;
    background:rgba(255,255,255,.055);
    box-shadow:0 15px 30px rgba(0,0,0,.12);
    transition:all .3s ease;
    overflow:hidden;
}

.gaviCRStateCard:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviCRStateCard:hover{
    transform:translateY(-5px);
    border-color:rgba(240,180,41,.4);
    background:rgba(255,255,255,.075);
}

.gaviCRStateFeatured{
    border-color:rgba(240,180,41,.38);
    background:rgba(185,120,0,.09);
}

.gaviCRStateTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:20px;
}

.gaviCRStateTop span{
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviCRStateTop small{
    color:#9fafc1;
    font-size:15px;
    font-weight:800;
    letter-spacing:1px;
}

.gaviCRStateCard h3{
    margin:0 0 12px;
    color:#fff;
    font-size:21px;
    line-height:1.35;
}

.gaviCRStateCard p{
    min-height:112px;
    margin:0;
    color:#c1cbd7;
    font-size:15px;
    line-height:1.7;
}

.gaviCRStateCard p strong{
    color:#f0b429;
}

.gaviCRStateCities{
    margin-top:18px;
    padding-top:13px;
    border-top:1px solid rgba(255,255,255,.1);
    color:#d9e2eb;
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   SECTION 04 — PRACTICAL COMPARISON
========================================================= */

.gaviCRCompare{
    padding:90px 0;
    background:#fff;
}

.gaviCRCompareBox{
    display:grid;
    grid-template-columns:1fr auto 1fr auto 1fr;
    align-items:center;
    gap:18px;
    padding:28px;
    border:1px solid #dce3ec;
    border-radius:10px;
    background:#f7f9fc;
    box-shadow:0 16px 40px rgba(6,29,61,.06);
}

.gaviCRCompareStep{
    display:flex;
    gap:15px;
    min-height:180px;
    padding:23px;
    border:1px solid #dfe5ec;
    border-radius:7px;
    background:#fff;
}

.gaviCRStepNo{
    flex:0 0 42px;
    width:42px;
    height:42px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviCRCompareStep h3{
    margin:0 0 10px;
    color:#061d3d;
    font-size:19px;
    line-height:1.35;
}

.gaviCRCompareStep p{
    margin:0;
    color:#596a7d;
    font-size:15px;
    line-height:1.7;
}

.gaviCRCompareStep p strong{
    color:#092f62;
}

.gaviCRCompareArrow{
    color:#b97800;
    font-size:28px;
    font-weight:900;
}


/* =========================================================
   SECTION 05 — NATIONAL PRACTICE
========================================================= */

.gaviCRPractice{
    padding:90px 0;
    background:#f7f9fc;
}

.gaviCRPracticeGrid{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);
    gap:35px;
    align-items:stretch;
}

.gaviCREyebrowGold{
    color:#b97800;
}

.gaviCRPracticeContent h2{
    margin:15px 0 20px;
    color:#061d3d;
    font-size:clamp(31px,3.4vw,46px);
    line-height:1.15;
    font-weight:850;
}

.gaviCRPracticeContent h2 strong{
    color:#b97800;
}

.gaviCRPracticeContent p{
    margin:0 0 15px;
    color:#58687a;
    font-size:16px;
    line-height:1.8;
}

.gaviCRPracticeContent p strong{
    color:#092f62;
}

.gaviCRPracticeCredentials{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:27px;
}

.gaviCRPracticeCredentials div{
    padding:16px;
    border:1px solid #dce3ec;
    border-radius:6px;
    background:#fff;
}

.gaviCRPracticeCredentials strong{
    display:block;
    color:#092f62;
    font-size:15px;
}

.gaviCRPracticeCredentials span{
    display:block;
    margin-top:5px;
    color:#68788a;
    font-size:15px;
    line-height:1.4;
}

.gaviCRPracticePanel{
    position:relative;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:35px;
    border-radius:9px;
    background:linear-gradient(145deg,#04152d,#092f62);
    box-shadow:0 20px 45px rgba(6,29,61,.16);
    overflow:hidden;
}

.gaviCRPracticePanel:after{
    content:"";
    position:absolute;
    width:260px;
    height:260px;
    right:-130px;
    bottom:-140px;
    border:1px solid rgba(240,180,41,.2);
    border-radius:50%;
}

.gaviCRPracticePanelTop{
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviCRPracticePanelMain{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
    margin:27px 0;
    padding:24px 10px;
    border-top:1px solid rgba(255,255,255,.12);
    border-bottom:1px solid rgba(255,255,255,.12);
}

.gaviCRPracticePanelMain span{
    color:#d1dce8;
    font-size:15px;
    font-weight:750;
    text-align:center;
}

.gaviCRPracticePanelMain strong{
    color:#f0b429;
    font-size:34px;
}

.gaviCRPracticePanel p{
    margin:0;
    color:#c8d3df;
    font-size:15px;
    line-height:1.75;
}

.gaviCRPracticePanel p strong{
    color:#f0b429;
}


/* =========================================================
   SECTION 06 — FINAL CTA
========================================================= */

.gaviCRFinal{
    padding:0 0 90px;
    background:#f7f9fc;
}

.gaviCRFinalBox{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:38px 42px;
    border:1px solid rgba(185,120,0,.4);
    border-radius:10px;
    background:
        linear-gradient(115deg,#04152d 0%,#092f62 70%,#061d3d 100%);
    box-shadow:0 20px 45px rgba(6,29,61,.14);
}

.gaviCRFinalEyebrow{
    display:block;
    margin-bottom:9px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.6px;
}

.gaviCRFinalContent h2{
    max-width:750px;
    margin:0 0 10px;
    color:#fff;
    font-size:31px;
    line-height:1.25;
    font-weight:800;
}

.gaviCRFinalContent h2 strong{
    color:#f0b429;
}

.gaviCRFinalContent p{
    margin:0;
    color:#c6d1dd;
    font-size:15px;
    line-height:1.65;
}

.gaviCRFinalContent p strong{
    color:#fff;
}

.gaviCRFinalActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
}

.gaviCRFinalPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:57px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.24);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviCRFinalPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media(max-width:1199px){

    .gaviCRHeroInner{
        grid-template-columns:minmax(0,1fr) minmax(300px,.7fr);
        gap:35px;
    }

    .gaviCRStateGrid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}


@media(max-width:991px){

    .gaviCRHero{
        padding:70px 0;
    }

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

    .gaviCRHeroContent{
        text-align:center;
    }

    .gaviCRHeroEyebrow,
    .gaviCRHeroActions{
        justify-content:center;
    }

    .gaviCRHeroIntro{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviCRHeroVisual{
        min-height:400px;
    }

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

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

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

    .gaviCRCompareArrow{
        text-align:center;
        transform:rotate(90deg);
    }

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

    .gaviCRFinalBox{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviCRFinalActions{
        justify-content:flex-start;
    }

}


@media(max-width:767px){

    .gaviCRHero{
        padding:55px 0 60px;
    }

    .gaviCRHero h1{
        font-size:39px;
    }

    .gaviCRHero h1 span{
        font-size:21px;
    }

    .gaviCRHeroIntro{
        font-size:16px;
        line-height:1.68;
    }

    .gaviCRHeroStats{
        display:grid;
        grid-template-columns:1fr;
    }

    .gaviCRHeroStats div{
        justify-content:center;
    }

    .gaviCRHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviCRPrimaryCta,
    .gaviCRPhoneCta{
        width:100%;
    }

    .gaviCRHeroVisual{
        min-height:330px;
    }

    .gaviCRHeroRing.gaviCRRingOne{
        width:290px;
        height:290px;
    }

    .gaviCRHeroRing.gaviCRRingTwo{
        width:220px;
        height:220px;
    }

    .gaviCRHeroCore{
        width:175px;
        height:175px;
    }

    .gaviCRHeroCore strong{
        font-size:48px;
    }

    .gaviCRFloating{
        min-width:125px;
        padding:10px 12px;
    }

    .gaviCRFloatOne{
        left:0;
        top:45px;
    }

    .gaviCRFloatTwo{
        right:0;
        bottom:45px;
    }

    .gaviCRFramework,
    .gaviCRStates,
    .gaviCRCompare,
    .gaviCRPractice{
        padding:65px 0;
    }

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

    .gaviCRStateCard p{
        min-height:auto;
    }

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

    .gaviCRPracticePanel{
        padding:27px 22px;
    }

    .gaviCRPracticePanelMain{
        gap:9px;
    }

    .gaviCRPracticePanelMain span{
        font-size:15px;
    }

    .gaviCRFinal{
        padding-bottom:65px;
    }

    .gaviCRFinalBox{
        padding:28px 22px;
    }

    .gaviCRFinalContent h2{
        font-size:25px;
    }

    .gaviCRFinalActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviCRFinalButton,
    .gaviCRFinalPhone{
        width:100%;
    }

}


@media(max-width:480px){

    .gaviCRHeroVisual{
        min-height:285px;
    }

    .gaviCRFloating{
        display:none;
    }

    .gaviCRHeroCore{
        width:160px;
        height:160px;
    }

    .gaviCRHeroCore strong{
        font-size:43px;
    }

    .gaviCRFrameworkMain{
        padding:27px 21px;
    }

    .gaviCRFormula{
        grid-template-columns:1fr;
        gap:4px;
    }

    .gaviCRFormula b{
        transform:rotate(90deg);
    }

    .gaviCRCompareBox{
        padding:15px;
    }

    .gaviCRCompareStep{
        padding:19px;
    }

}

/* =========================================================
   IBBI NCLT BENCH COVERAGE
   GLOBAL DESIGN SYSTEM
   Royal Navy + Gold
========================================================= */


/* =========================================================
   SECTION 01 — HERO
   Namespace: gavincHero
========================================================= */

.gavincHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 86% 25%,rgba(185,120,0,.16),transparent 26%),
        linear-gradient(135deg,#04152d 0%,#061d3d 58%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gavincHeroPattern{
    position:absolute;
    inset:0;
    opacity:.18;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:55px 55px;
    pointer-events:none;
}

.gavincHeroInner{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:minmax(0,1.18fr) minmax(390px,.82fr);
    gap:65px;
    align-items:center;
}

.gavincHeroEyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gavincHeroEyebrow span{
    display:block;
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gavincHero h1{
    margin:0 0 23px;
    max-width:900px;
    color:#fff;
    font-size:clamp(38px,4.5vw,65px);
    line-height:1.05;
    font-weight:850;
    letter-spacing:-1.8px;
}

.gavincHero h1 strong{
    display:block;
    margin-top:8px;
    color:#f0b429;
    font-size:.55em;
    line-height:1.3;
    letter-spacing:-.3px;
}

.gavincHeroLead{
    max-width:850px;
    margin:0 0 25px;
    color:#edf2f7;
    font-size:18px;
    line-height:1.72;
}

.gavincHeroLead strong,
.gavincHeroText strong{
    color:#f0b429;
}

.gavincHeroStats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    max-width:850px;
    margin-bottom:25px;
    border:1px solid rgba(240,180,41,.25);
    background:rgba(255,255,255,.045);
}

.gavincHeroStat{
    min-height:76px;
    padding:13px 12px;
    border-right:1px solid rgba(255,255,255,.10);
}

.gavincHeroStat:last-child{
    border-right:0;
}

.gavincHeroStat strong{
    display:block;
    margin-bottom:4px;
    color:#f0b429;
    font-size:19px;
    font-weight:850;
}

.gavincHeroStat span{
    display:block;
    color:#c9d5e2;
    font-size:15px;
    line-height:1.35;
}

.gavincHeroText{
    max-width:850px;
    margin:0;
    color:#d4deea;
    font-size:16px;
    line-height:1.75;
}

.gavincHeroActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-top:30px;
}

.gavincPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 26px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gavincPrimaryCta span{
    font-size:21px;
}

.gavincPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 35px rgba(185,120,0,.34);
}

.gavincPhoneCta{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:56px;
    padding:6px 17px;
    border:1px solid rgba(255,255,255,.20);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gavincPhoneCta:hover{
    border-color:#b97800;
    background:rgba(185,120,0,.10);
}

.gavincPhoneIcon{
    color:#f0b429;
    font-size:21px;
}

.gavincPhoneCta small{
    display:block;
    margin-bottom:2px;
    color:#aebdcd;
    font-size:15px;
}

.gavincPhoneCta strong{
    display:block;
    color:#fff;
    font-size:17px;
}

.gavincHeroTrust{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:9px;
    margin-top:22px;
    color:#aebdcd;
    font-size:15px;
}

.gavincHeroTrust span:nth-child(even){
    color:#b97800;
}


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

.gavincHeroVisual{
    position:relative;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gavincOrbit{
    position:absolute;
    border:1px solid rgba(240,180,41,.20);
    border-radius:50%;
}

.gavincOrbitOne{
    width:430px;
    height:430px;
}

.gavincOrbitTwo{
    width:330px;
    height:330px;
    border-color:rgba(255,255,255,.08);
}

.gavincTribunalCard{
    position:relative;
    z-index:3;
    width:min(100%,405px);
    padding:28px;
    border:1px solid rgba(240,180,41,.38);
    border-radius:10px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));
    box-shadow:
        0 30px 65px rgba(0,0,0,.32),
        inset 0 1px 0 rgba(255,255,255,.12);
    backdrop-filter:blur(10px);
}

.gavincTribunalTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    margin-bottom:27px;
}

.gavincTribunalIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:67px;
    height:67px;
    border:1px solid #d99a16;
    border-radius:50%;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d;
    font-size:15px;
    font-weight:950;
}

.gavincTribunalLabel{
    color:#f0b429;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.3px;
}

.gavincTribunalTitle{
    color:#fff;
    font-size:30px;
    line-height:1.18;
    font-weight:750;
}

.gavincTribunalTitle strong{
    display:block;
    color:#f0b429;
}

.gavincTribunalDivider{
    width:100%;
    height:1px;
    margin:25px 0;
    background:linear-gradient(90deg,#b97800,rgba(185,120,0,.05));
}

.gavincAssetRow{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
}

.gavincAssetRow > div{
    padding:13px 8px;
    border:1px solid rgba(255,255,255,.10);
    background:rgba(0,0,0,.10);
    text-align:center;
}

.gavincAssetRow strong{
    display:block;
    margin-bottom:5px;
    color:#f0b429;
    font-size:16px;
}

.gavincAssetRow span{
    display:block;
    color:#bdc9d6;
    font-size:15px;
    line-height:1.35;
}

.gavincTribunalFooter{
    display:flex;
    align-items:center;
    gap:9px;
    margin-top:24px;
    color:#c7d2de;
    font-size:15px;
}

.gavincGoldDot{
    width:5px;
    height:5px;
    border-radius:50%;
    background:#f0b429;
}

.gavincBenchFloat{
    position:absolute;
    z-index:5;
    display:flex;
    align-items:center;
    gap:9px;
    padding:12px 15px;
    border:1px solid rgba(240,180,41,.38);
    border-radius:6px;
    background:#04152d;
    box-shadow:0 14px 30px rgba(0,0,0,.28);
}

.gavincBenchFloat strong{
    color:#f0b429;
    font-size:21px;
}

.gavincBenchFloat span{
    color:#d8e1eb;
    font-size:15px;
    line-height:1.25;
}

.gavincBenchFloatOne{
    top:62px;
    left:-5px;
}

.gavincBenchFloatTwo{
    right:-5px;
    bottom:62px;
}


/* =========================================================
   SECTION 02 — JURISDICTION MAP
   Namespace: gavincMap
========================================================= */

.gavincMap{
    padding:90px 0 82px;
    background:#f7f9fc;
}

.gavincSectionHeading{
    max-width:850px;
    margin:0 auto 50px;
    text-align:center;
}

.gavincSectionEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gavincSectionEyebrow span{
    display:block;
    width:30px;
    height:2px;
    background:#b97800;
}

.gavincSectionHeading h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(31px,3.6vw,49px);
    line-height:1.15;
    font-weight:850;
    letter-spacing:-1px;
}

.gavincSectionHeading h2 strong{
    color:#b97800;
}

.gavincSectionHeading p{
    margin:0;
    color:#536377;
    font-size:16px;
    line-height:1.75;
}

.gavincBenchGrid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:17px;
}

.gavincBenchCard{
    position:relative;
    min-height:225px;
    padding:24px 21px;
    border:1px solid #dce3eb;
    border-radius:8px;
    background:#fff;
    box-shadow:0 9px 25px rgba(6,29,61,.045);
    overflow:hidden;
    transition:all .3s ease;
}

.gavincBenchCard:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800);
}

.gavincBenchCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 18px 35px rgba(6,29,61,.10);
}

.gavincBenchNumber{
    position:absolute;
    top:14px;
    right:16px;
    color:#dce3eb;
    font-size:15px;
    font-weight:900;
}

.gavincBenchHead span{
    display:block;
    margin-bottom:5px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.2px;
}

.gavincBenchHead h3{
    margin:0 0 13px;
    color:#061d3d;
    font-size:21px;
    line-height:1.3;
    font-weight:800;
}

.gavincBenchCard p{
    margin:0 0 12px;
    color:#3e4f63;
    font-size:15px;
    line-height:1.5;
}

.gavincBenchCard p strong{
    color:#092f62;
}

.gavincCities{
    padding-top:12px;
    border-top:1px solid #e5eaf0;
    color:#657386;
    font-size:15px;
    line-height:1.55;
}

.gavincBenchCardWide{
    grid-column:span 2;
}

.gavincSourceNote{
    margin-top:27px;
    padding:16px 19px;
    border-left:3px solid #b97800;
    background:#eef2f7;
    color:#56667a;
    font-size:15px;
    line-height:1.65;
}

.gavincSourceNote span{
    display:block;
    margin-bottom:3px;
    color:#092f62;
    font-size:15px;
    font-weight:850;
    letter-spacing:.8px;
}


/* =========================================================
   SECTION 03 — THREE CLASS
   Namespace: gavincThreeClass
========================================================= */

.gavincThreeClass{
    position:relative;
    padding:95px 0;
    background:
        radial-gradient(circle at 10% 80%,rgba(185,120,0,.10),transparent 25%),
        linear-gradient(135deg,#04152d,#061d3d 65%,#092f62);
    color:#fff;
    overflow:hidden;
}

.gavincThreeClassGrid{
    display:grid;
    grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr);
    gap:55px;
    align-items:center;
}

.gavincSectionEyebrowLight{
    justify-content:flex-start;
}

.gavincThreeClassContent h2{
    margin:0 0 20px;
    color:#fff;
    font-size:clamp(32px,3.8vw,52px);
    line-height:1.12;
    font-weight:850;
    letter-spacing:-1px;
}

.gavincThreeClassContent h2 strong{
    color:#f0b429;
}

.gavincThreeIntro{
    max-width:720px;
    margin:0 0 31px;
    color:#d0dbe7;
    font-size:16px;
    line-height:1.78;
}

.gavincThreeIntro strong{
    color:#f0b429;
}

.gavincAssetCards{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.gavincAssetCard{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:15px;
    align-items:center;
    padding:15px;
    border:1px solid rgba(255,255,255,.12);
    border-radius:6px;
    background:rgba(255,255,255,.045);
}

.gavincAssetCode{
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:55px;
    border:1px solid rgba(240,180,41,.42);
    border-radius:4px;
    background:rgba(185,120,0,.10);
    color:#f0b429;
    font-size:16px;
    font-weight:900;
}

.gavincAssetCard strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
    font-size:16px;
}

.gavincAssetCard span{
    display:block;
    color:#aebdcd;
    font-size:15px;
    line-height:1.5;
}


/* =========================================================
   ADVANTAGE PANEL
========================================================= */

.gavincAdvantagePanel{
    padding:31px;
    border:1px solid rgba(240,180,41,.27);
    border-radius:9px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025));
    box-shadow:0 25px 55px rgba(0,0,0,.18);
}

.gavincAdvantageTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-bottom:19px;
    border-bottom:1px solid rgba(255,255,255,.11);
}

.gavincAdvantageTop span{
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gavincAdvantageTop strong{
    color:rgba(240,180,41,.35);
    font-size:30px;
}

.gavincAdvantageItem{
    display:grid;
    grid-template-columns:44px 1fr;
    gap:14px;
    padding:23px 0;
    border-bottom:1px solid rgba(255,255,255,.09);
}

.gavincAdvantageNo{
    display:flex;
    align-items:center;
    justify-content:center;
    width:40px;
    height:40px;
    border:1px solid rgba(240,180,41,.38);
    border-radius:50%;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
}

.gavincAdvantageItem h3{
    margin:0 0 7px;
    color:#fff;
    font-size:18px;
    line-height:1.35;
    font-weight:750;
}

.gavincAdvantageItem p{
    margin:0;
    color:#acbac9;
    font-size:15px;
    line-height:1.65;
}

.gavincAdvantageBottom{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding-top:22px;
}

.gavincAdvantageBottom > strong{
    color:#f0b429;
    font-size:18px;
}

.gavincAdvantageBottom span{
    color:#b9c6d4;
    font-size:15px;
    line-height:1.5;
}

.gavincAdvantageBottom span strong{
    color:#fff;
}


/* =========================================================
   SECTION 04 — FINAL CTA
   Namespace: gavincFinal
========================================================= */

.gavincFinal{
    padding:70px 0;
    background:#f7f9fc;
}

.gavincFinalInner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    padding:35px 40px;
    border:1px solid rgba(185,120,0,.35);
    border-radius:9px;
    background:
        linear-gradient(110deg,#04152d,#092f62);
    box-shadow:0 20px 45px rgba(6,29,61,.13);
}

.gavincFinalContent{
    max-width:780px;
}

.gavincFinalContent .gavincSectionEyebrow{
    justify-content:flex-start;
}

.gavincFinalContent h2{
    margin:0 0 12px;
    color:#fff;
    font-size:32px;
    line-height:1.2;
    font-weight:800;
}

.gavincFinalContent h2 strong{
    color:#f0b429;
}

.gavincFinalContent p{
    margin:0;
    color:#c9d5e2;
    font-size:16px;
    line-height:1.7;
}

.gavincFinalActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
}

.gavincFinalCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:55px;
    padding:0 25px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gavincFinalCta:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(185,120,0,.30);
}

.gavincFinalCta span{
    font-size:21px;
}

.gavincFinalPhone{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:55px;
    padding:7px 17px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    text-decoration:none !important;
}

.gavincFinalPhone small{
    color:#9faec0;
    font-size:15px;
    line-height:1.25;
}

.gavincFinalPhone strong{
    color:#fff;
    font-size:17px;
    line-height:1.35;
}


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

@media (max-width:1199px){

    .gavincHeroInner{
        grid-template-columns:minmax(0,1fr) minmax(340px,.75fr);
        gap:35px;
    }

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

    .gavincHeroStat:nth-child(2){
        border-right:0;
    }

    .gavincHeroStat:nth-child(-n+2){
        border-bottom:1px solid rgba(255,255,255,.10);
    }

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

    .gavincBenchCardWide{
        grid-column:span 2;
    }

}


@media (max-width:991px){

    .gavincHero{
        padding:70px 0;
    }

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

    .gavincHeroContent{
        text-align:center;
    }

    .gavincHeroEyebrow,
    .gavincHeroActions,
    .gavincHeroTrust{
        justify-content:center;
    }

    .gavincHeroLead,
    .gavincHeroText{
        margin-left:auto;
        margin-right:auto;
    }

    .gavincHeroVisual{
        min-height:440px;
    }

    .gavincHeroStats{
        margin-left:auto;
        margin-right:auto;
    }

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

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

    .gavincFinalInner{
        flex-direction:column;
        align-items:flex-start;
    }

    .gavincFinalActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gavincHero{
        padding:55px 0;
    }

    .gavincHero h1{
        font-size:38px;
    }

    .gavincHero h1 strong{
        font-size:21px;
    }

    .gavincHeroLead{
        font-size:16px;
    }

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

    .gavincHeroVisual{
        min-height:400px;
    }

    .gavincOrbitOne{
        width:350px;
        height:350px;
    }

    .gavincOrbitTwo{
        width:275px;
        height:275px;
    }

    .gavincTribunalCard{
        width:90%;
        padding:22px;
    }

    .gavincTribunalTitle{
        font-size:25px;
    }

    .gavincBenchFloatOne{
        left:0;
        top:30px;
    }

    .gavincBenchFloatTwo{
        right:0;
        bottom:30px;
    }

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

    .gavincBenchCardWide{
        grid-column:span 1;
    }

    .gavincMap,
    .gavincThreeClass{
        padding:70px 0;
    }

    .gavincSectionHeading h2{
        font-size:32px;
    }

    .gavincThreeClassContent h2{
        font-size:34px;
    }

    .gavincAdvantagePanel{
        padding:23px;
    }

    .gavincFinal{
        padding:55px 0;
    }

    .gavincFinalInner{
        padding:27px 21px;
    }

    .gavincFinalContent h2{
        font-size:27px;
    }

    .gavincFinalActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gavincFinalCta,
    .gavincFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

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

    .gavincHeroStat{
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.10);
    }

    .gavincHeroStat:last-child{
        border-bottom:0;
    }

    .gavincHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gavincPrimaryCta,
    .gavincPhoneCta{
        width:100%;
    }

    .gavincHeroVisual{
        min-height:355px;
    }

    .gavincTribunalCard{
        width:94%;
    }

    .gavincAssetRow span{
        font-size:15px;
    }

    .gavincBenchFloat{
        display:none;
    }

    .gavincAssetCard{
        grid-template-columns:60px 1fr;
    }

}
/* =========================================================
   NATIONAL BANK EMPANELMENT
   GOVERNMENT APPROVED VALUERS INDIA
   Unique Namespace: gaviBank
   Royal Navy + Gold System
========================================================= */


/* =========================================================
   SECTION 01 — HERO
========================================================= */

.gaviBankHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 82% 18%,rgba(185,120,0,.18),transparent 30%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviBankHeroPattern{
    position:absolute;
    inset:0;
    opacity:.25;
    pointer-events:none;
    background-image:
        linear-gradient(rgba(240,180,41,.055) 1px,transparent 1px),
        linear-gradient(90deg,rgba(240,180,41,.055) 1px,transparent 1px);
    background-size:55px 55px;
}

.gaviBankHeroInner{
    display:grid;
    grid-template-columns:minmax(0,1.25fr) minmax(350px,.75fr);
    gap:70px;
    align-items:center;
}

.gaviBankHeroContent{
    position:relative;
    z-index:2;
}

.gaviBankHeroEyebrow,
.gaviBankEyebrow{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:17px;
    color:#f0b429;
    font-size:15px;
    line-height:1.4;
    font-weight:850;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.gaviBankHeroEyebrow span,
.gaviBankEyebrow span{
    display:inline-block;
    width:38px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviBankHero h1{
    max-width:850px;
    margin:0 0 25px;
    color:#fff;
    font-size:clamp(40px,4.5vw,65px);
    line-height:1.06;
    font-weight:800;
    letter-spacing:-1.8px;
}

.gaviBankHero h1 strong{
    display:block;
    margin-top:8px;
    color:#f0b429;
    font-size:.55em;
    line-height:1.3;
    letter-spacing:-.3px;
}

.gaviBankHeroLead{
    max-width:830px;
    margin:0;
    color:#dbe4ee;
    font-size:17px;
    line-height:1.8;
}

.gaviBankHeroLead strong{
    color:#fff;
    font-weight:750;
}

.gaviBankHeroStats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    max-width:760px;
    margin-top:29px;
}

.gaviBankHeroStat{
    padding:15px 14px;
    border:1px solid rgba(240,180,41,.27);
    border-radius:6px;
    background:rgba(255,255,255,.055);
}

.gaviBankHeroStat strong{
    display:block;
    margin-bottom:5px;
    color:#f0b429;
    font-size:19px;
    line-height:1.2;
}

.gaviBankHeroStat span{
    display:block;
    color:#c2cfdd;
    font-size:15px;
    line-height:1.4;
}

.gaviBankHeroActions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:13px;
    margin-top:30px;
}

.gaviBankPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 13px 30px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gaviBankPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 35px rgba(185,120,0,.36);
}

.gaviBankPrimaryCta span{
    font-size:21px;
}

.gaviBankPhoneCta{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:56px;
    padding:7px 17px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviBankPhoneCta:hover{
    border-color:#b97800;
    background:rgba(185,120,0,.1);
}

.gaviBankPhoneIcon{
    color:#f0b429;
    font-size:22px;
}

.gaviBankPhoneCta small{
    display:block;
    color:#aebdcd;
    font-size:15px;
    line-height:1.3;
}

.gaviBankPhoneCta strong{
    display:block;
    margin-top:2px;
    color:#fff;
    font-size:17px;
    line-height:1.3;
}


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

.gaviBankHeroVisual{
    position:relative;
    min-height:510px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gaviBankHeroOrb{
    width:390px;
    height:390px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(240,180,41,.3);
    border-radius:50%;
    background:
        radial-gradient(circle at center,rgba(185,120,0,.17),rgba(6,29,61,.15) 53%,transparent 54%),
        linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.015));
    box-shadow:
        0 0 0 25px rgba(185,120,0,.025),
        0 0 90px rgba(185,120,0,.13),
        inset 0 0 60px rgba(185,120,0,.07);
}

.gaviBankHeroOrbInner{
    width:255px;
    height:255px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(240,180,41,.45);
    border-radius:50%;
    background:linear-gradient(145deg,#092f62,#04152d);
    box-shadow:0 20px 55px rgba(0,0,0,.3);
    text-align:center;
}

.gaviBankHeroOrbLabel{
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2.5px;
}

.gaviBankHeroOrbInner strong{
    margin:5px 0 0;
    color:#fff;
    font-size:43px;
    line-height:1;
    letter-spacing:2px;
}

.gaviBankHeroOrbInner > span:last-child{
    margin-top:7px;
    color:#d9e2ec;
    font-size:15px;
    font-weight:750;
    letter-spacing:3px;
}

.gaviBankFloatingCard{
    position:absolute;
    display:flex;
    align-items:center;
    gap:11px;
    padding:13px 15px;
    border:1px solid rgba(240,180,41,.34);
    border-radius:6px;
    background:rgba(4,21,45,.94);
    box-shadow:0 18px 40px rgba(0,0,0,.28);
    backdrop-filter:blur(8px);
}

.gaviBankFloatingTop{
    top:75px;
    left:-8px;
}

.gaviBankFloatingBottom{
    right:-12px;
    bottom:80px;
}

.gaviBankFloatingCard > span{
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:54px;
    min-height:40px;
    padding:5px 8px;
    border-radius:4px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d;
    font-size:15px;
    font-weight:900;
}

.gaviBankFloatingCard strong{
    display:block;
    color:#fff;
    font-size:15px;
    line-height:1.35;
}

.gaviBankFloatingCard small{
    display:block;
    margin-top:2px;
    color:#aebdcd;
    font-size:15px;
}


/* =========================================================
   COMMON LIGHT SECTION HEADING
========================================================= */

.gaviBankSectionHeading{
    max-width:820px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviBankSectionHeading h2{
    margin:0 0 14px;
    color:#061d3d;
    font-size:clamp(31px,3.6vw,48px);
    line-height:1.15;
    font-weight:800;
    letter-spacing:-1px;
}

.gaviBankSectionHeading h2 strong{
    color:#b97800;
}

.gaviBankSectionHeading > p{
    margin:0;
    color:#566679;
    font-size:16px;
    line-height:1.75;
}


/* =========================================================
   SECTION 02 — ADVANTAGE
========================================================= */

.gaviBankAdvantage{
    padding:90px 0;
    background:#f7f9fc;
}

.gaviBankAdvantageGrid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:28px;
    align-items:stretch;
}

.gaviBankAdvantageMain{
    position:relative;
    padding:42px 42px 38px;
    border:1px solid #dce3ec;
    border-radius:10px;
    background:#fff;
    box-shadow:0 15px 35px rgba(6,29,61,.065);
    overflow:hidden;
}

.gaviBankAdvantageMain:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429);
}

.gaviBankQuoteMark{
    margin-bottom:8px;
    color:#b97800;
    font-family:Georgia,serif;
    font-size:75px;
    line-height:.7;
}

.gaviBankAdvantageMain p{
    margin:0 0 19px;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

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

.gaviBankAdvantageMain strong{
    color:#092f62;
}

.gaviBankAdvantagePoints{
    display:flex;
    flex-direction:column;
    gap:13px;
}

.gaviBankAdvantagePoint{
    display:flex;
    gap:17px;
    padding:22px;
    border:1px solid #dce3ec;
    border-radius:8px;
    background:#fff;
    transition:all .3s ease;
}

.gaviBankAdvantagePoint:hover{
    border-color:rgba(185,120,0,.4);
    transform:translateX(4px);
    box-shadow:0 12px 28px rgba(6,29,61,.07);
}

.gaviBankAdvantagePoint > span{
    flex:0 0 39px;
    width:39px;
    height:39px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviBankAdvantagePoint strong{
    display:block;
    margin-bottom:5px;
    color:#061d3d;
    font-size:17px;
}

.gaviBankAdvantagePoint p{
    margin:0;
    color:#627184;
    font-size:15px;
    line-height:1.6;
}


/* =========================================================
   SECTION 03 — BANK COVERAGE
========================================================= */

.gaviBankCoverage{
    padding:92px 0 88px;
    background:
        radial-gradient(circle at 15% 20%,rgba(185,120,0,.12),transparent 28%),
        linear-gradient(135deg,#04152d,#061d3d 58%,#092f62);
    color:#fff;
}

.gaviBankHeadingLight h2{
    color:#fff;
}

.gaviBankHeadingLight > p{
    color:#bac8d7;
}

.gaviBankCoverageGrid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px;
}

.gaviBankCard{
    position:relative;
    padding:30px 25px 26px;
    border:1px solid rgba(240,180,41,.2);
    border-radius:9px;
    background:rgba(255,255,255,.055);
    box-shadow:0 18px 40px rgba(0,0,0,.13);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviBankCard:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:3px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviBankCard:hover{
    transform:translateY(-7px);
    border-color:rgba(240,180,41,.48);
    background:rgba(255,255,255,.075);
}

.gaviBankCardNumber{
    position:absolute;
    top:17px;
    right:18px;
    color:rgba(255,255,255,.2);
    font-size:15px;
    font-weight:900;
}

.gaviBankCardLogo{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:58px;
    min-height:44px;
    margin-bottom:19px;
    padding:7px 11px;
    border:1px solid rgba(240,180,41,.35);
    border-radius:4px;
    background:rgba(185,120,0,.12);
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviBankCard h3{
    margin:0 0 13px;
    color:#fff;
    font-size:22px;
    line-height:1.3;
}

.gaviBankCard p{
    margin:0;
    color:#b9c7d6;
    font-size:15px;
    line-height:1.72;
}

.gaviBankCard p strong{
    color:#f0b429;
}

.gaviBankCardTags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:22px;
}

.gaviBankCardTags span{
    padding:6px 8px;
    border:1px solid rgba(255,255,255,.14);
    border-radius:3px;
    color:#dbe4ee;
    font-size:15px;
    line-height:1.3;
}

.gaviBankCoverageNote{
    display:flex;
    align-items:flex-start;
    gap:13px;
    margin-top:28px;
    padding:18px 20px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:7px;
    background:rgba(255,255,255,.045);
}

.gaviBankNoteIcon{
    flex:0 0 27px;
    width:27px;
    height:27px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #b97800;
    border-radius:50%;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviBankCoverageNote p{
    margin:0;
    color:#aebdcd;
    font-size:15px;
    line-height:1.65;
}

.gaviBankCoverageNote strong{
    color:#f0b429;
}


/* =========================================================
   SECTION 04 — REQUIREMENTS
========================================================= */

.gaviBankRequirements{
    padding:90px 0;
    background:#fff;
}

.gaviBankRequirementGrid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:17px;
}

.gaviBankRequirementCard{
    position:relative;
    min-height:285px;
    padding:27px 22px;
    border:1px solid #dce3ec;
    border-radius:8px;
    background:#fff;
    box-shadow:0 10px 27px rgba(6,29,61,.045);
    transition:all .3s ease;
    overflow:hidden;
}

.gaviBankRequirementCard:after{
    content:"";
    position:absolute;
    width:80px;
    height:80px;
    right:-35px;
    bottom:-35px;
    border-radius:50%;
    background:rgba(185,120,0,.07);
}

.gaviBankRequirementCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.45);
    box-shadow:0 18px 35px rgba(6,29,61,.09);
}

.gaviBankRequirementIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:51px;
    height:42px;
    margin-bottom:20px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviBankRequirementCard h3{
    margin:0 0 12px;
    color:#061d3d;
    font-size:20px;
    line-height:1.35;
}

.gaviBankRequirementCard h3 strong{
    color:#b97800;
}

.gaviBankRequirementCard p{
    margin:0;
    color:#5b6b7e;
    font-size:15px;
    line-height:1.7;
}

.gaviBankRequirementCard p strong{
    color:#092f62;
}


/* =========================================================
   SECTION 05 — PAN INDIA ADVANTAGE
========================================================= */

.gaviBankNational{
    padding:90px 0;
    background:#f5f7fa;
}

.gaviBankNationalGrid{
    display:grid;
    grid-template-columns:1.3fr .7fr;
    gap:45px;
    align-items:center;
}

.gaviBankNationalContent h2{
    max-width:750px;
    margin:0 0 18px;
    color:#061d3d;
    font-size:clamp(32px,3.8vw,50px);
    line-height:1.13;
    letter-spacing:-1px;
}

.gaviBankNationalContent h2 strong{
    color:#b97800;
}

.gaviBankNationalContent p{
    max-width:820px;
    margin:0 0 16px;
    color:#536376;
    font-size:16px;
    line-height:1.8;
}

.gaviBankNationalContent p strong{
    color:#092f62;
}

.gaviBankCityStrip{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:25px;
}

.gaviBankCityStrip span{
    padding:7px 11px;
    border:1px solid #d7dfe8;
    border-radius:3px;
    background:#fff;
    color:#092f62;
    font-size:15px;
    font-weight:750;
}

.gaviBankNationalPanel{
    position:relative;
    min-height:330px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:40px;
    border:1px solid rgba(240,180,41,.35);
    border-radius:10px;
    background:linear-gradient(145deg,#04152d,#092f62);
    box-shadow:0 25px 50px rgba(6,29,61,.16);
    overflow:hidden;
}

.gaviBankNationalPanel:before{
    content:"";
    position:absolute;
    width:230px;
    height:230px;
    right:-85px;
    top:-90px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gaviBankNationalPanel:after{
    content:"";
    position:absolute;
    width:150px;
    height:150px;
    right:-50px;
    top:-50px;
    border:1px solid rgba(240,180,41,.14);
    border-radius:50%;
}

.gaviBankNationalPanelTop span{
    display:block;
    color:#f0b429;
    font-size:68px;
    line-height:1;
    font-weight:850;
    letter-spacing:-2px;
}

.gaviBankNationalPanelTop small{
    display:block;
    margin-top:7px;
    color:#d7e0e9;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.4px;
}

.gaviBankNationalPanelLine{
    width:100%;
    height:1px;
    margin:28px 0;
    background:linear-gradient(90deg,#b97800,rgba(240,180,41,.05));
}

.gaviBankNationalPanelBottom strong{
    display:block;
    margin-bottom:7px;
    color:#fff;
    font-size:25px;
}

.gaviBankNationalPanelBottom span{
    color:#aebdcd;
    font-size:15px;
    line-height:1.55;
}


/* =========================================================
   SECTION 06 — FINAL CTA
========================================================= */

.gaviBankFinal{
    padding:65px 0 80px;
    background:#fff;
}

.gaviBankFinalBox{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:34px 38px;
    border:1px solid rgba(185,120,0,.38);
    border-radius:9px;
    background:
        linear-gradient(110deg,#04152d 0%,#061d3d 58%,#092f62 100%);
    box-shadow:0 20px 45px rgba(6,29,61,.13);
}

.gaviBankFinalEyebrow{
    display:block;
    margin-bottom:8px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviBankFinalContent h2{
    max-width:750px;
    margin:0 0 9px;
    color:#fff;
    font-size:29px;
    line-height:1.3;
}

.gaviBankFinalContent h2 strong{
    color:#f0b429;
}

.gaviBankFinalContent p{
    max-width:700px;
    margin:0;
    color:#b9c7d6;
    font-size:15px;
    line-height:1.65;
}

.gaviBankFinalActions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    min-width:205px;
}

.gaviBankFinalCta{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:54px;
    padding:0 21px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviBankFinalCta:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 27px rgba(185,120,0,.32);
}

.gaviBankFinalCta span{
    font-size:20px;
}

.gaviBankFinalPhone{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:48px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviBankFinalPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}

.gaviBankFinalPhone span{
    color:#f0b429;
    font-size:19px;
}


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

@media (max-width:1199px){

    .gaviBankHeroInner{
        grid-template-columns:minmax(0,1.15fr) minmax(320px,.75fr);
        gap:40px;
    }

    .gaviBankHeroOrb{
        width:330px;
        height:330px;
    }

    .gaviBankHeroOrbInner{
        width:220px;
        height:220px;
    }

    .gaviBankFloatingTop{
        left:-10px;
    }

    .gaviBankFloatingBottom{
        right:-5px;
    }

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

}


@media (max-width:991px){

    .gaviBankHero{
        padding:70px 0;
    }

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

    .gaviBankHeroContent{
        text-align:center;
    }

    .gaviBankHeroEyebrow,
    .gaviBankHeroActions{
        justify-content:center;
    }

    .gaviBankHeroLead{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviBankHeroVisual{
        min-height:430px;
        margin-top:5px;
    }

    .gaviBankHeroOrb{
        width:350px;
        height:350px;
    }

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

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

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

    .gaviBankFinalBox{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviBankFinalActions{
        width:100%;
        max-width:360px;
        flex-direction:row;
    }

    .gaviBankFinalCta,
    .gaviBankFinalPhone{
        flex:1;
    }

}


@media (max-width:767px){

    .gaviBankHero{
        padding:55px 0 60px;
    }

    .gaviBankHero h1{
        font-size:39px;
        letter-spacing:-1px;
    }

    .gaviBankHero h1 strong{
        font-size:21px;
    }

    .gaviBankHeroLead{
        font-size:15px;
        line-height:1.72;
    }

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

    .gaviBankHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviBankPrimaryCta,
    .gaviBankPhoneCta{
        width:100%;
        justify-content:center;
    }

    .gaviBankHeroVisual{
        min-height:390px;
    }

    .gaviBankHeroOrb{
        width:300px;
        height:300px;
    }

    .gaviBankHeroOrbInner{
        width:190px;
        height:190px;
    }

    .gaviBankHeroOrbInner strong{
        font-size:34px;
    }

    .gaviBankFloatingCard{
        padding:10px;
    }

    .gaviBankFloatingTop{
        left:0;
        top:35px;
    }

    .gaviBankFloatingBottom{
        right:0;
        bottom:35px;
    }

    .gaviBankSectionHeading h2{
        font-size:32px;
    }

    .gaviBankAdvantageMain{
        padding:30px 24px;
    }

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

    .gaviBankRequirementCard{
        min-height:240px;
    }

    .gaviBankNationalContent h2{
        font-size:32px;
    }

    .gaviBankNationalPanel{
        min-height:280px;
    }

    .gaviBankFinal{
        padding:45px 0 60px;
    }

    .gaviBankFinalBox{
        padding:27px 22px;
    }

    .gaviBankFinalContent h2{
        font-size:24px;
    }

    .gaviBankFinalActions{
        flex-direction:column;
        max-width:none;
    }

    .gaviBankFinalCta,
    .gaviBankFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

    .gaviBankHeroVisual{
        min-height:350px;
    }

    .gaviBankHeroOrb{
        width:270px;
        height:270px;
    }

    .gaviBankHeroOrbInner{
        width:165px;
        height:165px;
    }

    .gaviBankHeroOrbInner strong{
        font-size:29px;
    }

    .gaviBankHeroOrbLabel,
    .gaviBankHeroOrbInner > span:last-child{
        font-size:15px;
    }

    .gaviBankFloatingCard{
        display:none;
    }

    .gaviBankCoverageNote{
        padding:15px;
    }

}
/* =========================================================
   NRI INDIA — NATIONAL PROPERTY SALE JOURNEY
   HERO
   Namespace: gaviNriHero
========================================================= */

.gaviNriHero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 82% 18%,rgba(185,120,0,.16),transparent 27%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviNriHeroPattern{
    position:absolute;
    inset:0;
    opacity:.08;
    background-image:
        linear-gradient(rgba(240,180,41,.35) 1px,transparent 1px),
        linear-gradient(90deg,rgba(240,180,41,.35) 1px,transparent 1px);
    background-size:70px 70px;
    mask-image:linear-gradient(to right,transparent,#000 35%,#000 80%,transparent);
    pointer-events:none;
}

.gaviNriHeroGrid{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(390px,.9fr);
    gap:65px;
    align-items:center;
}

.gaviNriHeroContent{
    position:relative;
    z-index:2;
}

.gaviNriHeroEyebrow{
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviNriHeroEyebrow span{
    width:44px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviNriHero h1{
    margin:0;
    color:#fff;
    font-size:clamp(40px,4.5vw,68px);
    line-height:1.02;
    font-weight:850;
    letter-spacing:-1.8px;
}

.gaviNriHero h1 strong{
    display:block;
    margin-top:10px;
    color:#f0b429;
    font-size:.55em;
    line-height:1.2;
    letter-spacing:-.3px;
}

.gaviNriHeroRule{
    width:85px;
    height:3px;
    margin:27px 0 22px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviNriHero h2{
    margin:0 0 19px;
    color:#fff;
    font-size:26px;
    line-height:1.35;
    font-weight:700;
}

.gaviNriHero h2 span{
    color:#f0b429;
}

.gaviNriHeroLead{
    max-width:850px;
    margin:0;
    color:#d9e3ed;
    font-size:17px;
    line-height:1.8;
}

.gaviNriHeroLead strong{
    color:#fff;
    font-weight:750;
}

.gaviNriHeroHighlights{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:27px;
}

.gaviNriHeroHighlight{
    display:flex;
    align-items:flex-start;
    gap:10px;
    min-height:92px;
    padding:13px;
    border:1px solid rgba(240,180,41,.24);
    border-radius:6px;
    background:rgba(255,255,255,.055);
}

.gaviNriHeroHighlight > span{
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviNriHeroHighlight strong{
    display:block;
    margin-bottom:5px;
    color:#fff;
    font-size:15px;
}

.gaviNriHeroHighlight small{
    display:block;
    color:#aebdcd;
    font-size:15px;
    line-height:1.45;
}

.gaviNriHeroActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:29px;
}

.gaviNriPrimaryCta,
.gaviNriTaxCta,
.gaviNriFinalCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:57px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.22);
    transition:all .3s ease;
}

.gaviNriPrimaryCta:hover,
.gaviNriTaxCta:hover,
.gaviNriFinalCta:hover{
    transform:translateY(-3px);
    box-shadow:0 16px 34px rgba(185,120,0,.32);
}

.gaviNriPrimaryCta span,
.gaviNriTaxCta span,
.gaviNriFinalCta span{
    font-size:21px;
}

.gaviNriPhoneCta{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:57px;
    padding:7px 17px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    text-decoration:none !important;
}

.gaviNriPhoneIcon{
    color:#f0b429;
    font-size:22px;
}

.gaviNriPhoneCta small{
    display:block;
    color:#aebdcd;
    font-size:15px;
}

.gaviNriPhoneCta strong{
    display:block;
    margin-top:2px;
    color:#fff;
    font-size:17px;
}


/* =========================================================
   HERO VISUAL — ABSTRACT INDIA NETWORK
========================================================= */

.gaviNriHeroVisual{
    position:relative;
    min-height:560px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gaviNriIndiaCard{
    position:relative;
    z-index:3;
    width:min(100%,410px);
    min-height:450px;
    padding:24px;
    border:1px solid rgba(240,180,41,.38);
    border-radius:14px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.035));
    box-shadow:
        0 30px 80px rgba(0,0,0,.3),
        inset 0 1px 0 rgba(255,255,255,.13);
    backdrop-filter:blur(10px);
}

.gaviNriIndiaCardTop{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:15px;
    padding-bottom:17px;
    border-bottom:1px solid rgba(240,180,41,.18);
}

.gaviNriIndiaCardTop span{
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:2px;
}

.gaviNriIndiaCardTop strong{
    color:#dce6ef;
    font-size:15px;
    letter-spacing:1px;
}

.gaviNriMapCore{
    position:relative;
    height:330px;
    margin:10px 0;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gaviNriMapCore:before{
    content:"";
    position:absolute;
    width:145px;
    height:220px;
    background:
        linear-gradient(135deg,transparent 8%,rgba(185,120,0,.16) 9%,rgba(185,120,0,.08) 85%,transparent 86%);
    clip-path:polygon(
        48% 0,
        67% 13%,
        80% 27%,
        71% 42%,
        84% 57%,
        73% 73%,
        58% 66%,
        49% 84%,
        38% 100%,
        30% 80%,
        17% 69%,
        23% 51%,
        8% 37%,
        23% 21%,
        31% 6%
    );
    border:1px solid rgba(240,180,41,.25);
}

.gaviNriMapRing{
    position:absolute;
    border:1px solid rgba(240,180,41,.25);
    border-radius:50%;
}

.gaviNriMapRingOne{
    width:220px;
    height:220px;
}

.gaviNriMapRingTwo{
    width:300px;
    height:300px;
    border-color:rgba(255,255,255,.08);
}

.gaviNriMapCenter{
    position:relative;
    z-index:2;
    width:72px;
    height:72px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #f0b429;
    border-radius:50%;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d;
    font-size:21px;
    font-weight:900;
    box-shadow:0 0 0 10px rgba(185,120,0,.08);
}

.gaviNriPin{
    position:absolute;
    z-index:4;
    padding:7px 9px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:4px;
    background:#061d3d;
    color:#fff;
    font-size:15px;
    font-weight:700;
}

.gaviNriPin:before{
    content:"";
    display:inline-block;
    width:6px;
    height:6px;
    margin-right:6px;
    border-radius:50%;
    background:#f0b429;
}

.gaviNriPinMumbai{
    top:45px;
    left:15px;
}

.gaviNriPinBengaluru{
    bottom:54px;
    left:10px;
}

.gaviNriPinChennai{
    bottom:32px;
    right:13px;
}

.gaviNriPinHyderabad{
    top:92px;
    right:2px;
}

.gaviNriIndiaCardBottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:17px;
    border-top:1px solid rgba(240,180,41,.18);
}

.gaviNriIndiaCardBottom small{
    display:block;
    color:#aebdcd;
    font-size:15px;
}

.gaviNriIndiaCardBottom strong{
    display:block;
    margin-top:3px;
    color:#fff;
    font-size:16px;
}

.gaviNriIndiaCardBottom > span{
    padding:7px 10px;
    border:1px solid rgba(240,180,41,.3);
    color:#f0b429;
    font-size:15px;
    font-weight:800;
}

.gaviNriOrbit{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(240,180,41,.12);
}

.gaviNriOrbitOne{
    width:460px;
    height:460px;
}

.gaviNriOrbitTwo{
    width:570px;
    height:570px;
    border-color:rgba(255,255,255,.055);
}

.gaviNriFloating{
    position:absolute;
    z-index:5;
    display:flex;
    flex-direction:column;
    gap:3px;
    padding:12px 15px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:6px;
    background:#04152d;
    box-shadow:0 15px 35px rgba(0,0,0,.25);
}

.gaviNriFloating strong{
    color:#f0b429;
    font-size:18px;
}

.gaviNriFloating span{
    color:#cbd7e4;
    font-size:15px;
}

.gaviNriFloatingOne{
    top:70px;
    left:-5px;
}

.gaviNriFloatingTwo{
    right:-7px;
    bottom:65px;
}


/* =========================================================
   COMMON SECTION HEADING
========================================================= */

.gaviNriSectionHeading{
    max-width:830px;
    margin:0 auto 46px;
    text-align:center;
}

.gaviNriSectionEyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviNriSectionEyebrow span{
    width:32px;
    height:2px;
    background:#b97800;
}

.gaviNriSectionHeading h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(31px,3.4vw,47px);
    line-height:1.16;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviNriSectionHeading h2 strong{
    color:#b97800;
}

.gaviNriSectionHeading p{
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.75;
}


/* =========================================================
   SECTION 1 — FRAMEWORK
========================================================= */

.gaviNriFramework{
    position:relative;
    padding:90px 0;
    background:#f7f9fc;
}

.gaviNriFramework:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#061d3d,#b97800,#f0b429,#b97800,#061d3d);
}

.gaviNriFrameworkGrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.gaviNriFrameworkCard{
    position:relative;
    min-height:315px;
    padding:27px 22px;
    border:1px solid #dce3ec;
    border-radius:8px;
    background:#fff;
    box-shadow:0 9px 28px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviNriFrameworkCard:after{
    content:"";
    position:absolute;
    right:-45px;
    bottom:-45px;
    width:120px;
    height:120px;
    border-radius:50%;
    background:rgba(185,120,0,.055);
}

.gaviNriFrameworkCard:hover{
    transform:translateY(-7px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 20px 42px rgba(6,29,61,.11);
}

.gaviNriStep{
    position:absolute;
    top:16px;
    right:18px;
    color:#dfe5ed;
    font-size:15px;
    font-weight:900;
}

.gaviNriStepIcon{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-width:55px;
    min-height:42px;
    margin-bottom:20px;
    padding:6px 10px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviNriFrameworkCard h3{
    margin:0 0 13px;
    color:#061d3d;
    font-size:21px;
    line-height:1.3;
}

.gaviNriFrameworkCard p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.72;
}

.gaviNriFrameworkCard p strong{
    color:#092f62;
}

.gaviNriFrameworkNote{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-top:25px;
    padding:20px 22px;
    border-left:4px solid #b97800;
    background:#fff;
    box-shadow:0 8px 24px rgba(6,29,61,.055);
}

.gaviNriFrameworkNoteIcon{
    flex:0 0 28px;
    width:28px;
    height:28px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#b97800;
    color:#fff;
    font-size:15px;
    font-weight:900;
}

.gaviNriFrameworkNote p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.7;
}

.gaviNriFrameworkNote strong{
    color:#061d3d;
}


/* =========================================================
   SECTION 2 — CITIES
========================================================= */

.gaviNriCities{
    padding:90px 0;
    background:#fff;
}

.gaviNriCitiesHeading{
    margin-bottom:45px;
}

.gaviNriCityGrid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:15px;
}

.gaviNriCityCard{
    position:relative;
    min-height:330px;
    padding:26px 20px 22px;
    border:1px solid #dce3ec;
    border-radius:8px;
    background:
        linear-gradient(145deg,#fff 0%,#f8fafc 100%);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviNriCityCard:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800);
}

.gaviNriCityCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.38);
    box-shadow:0 18px 38px rgba(6,29,61,.09);
}

.gaviNriCityNumber{
    position:absolute;
    top:17px;
    right:16px;
    color:#dfe5ed;
    font-size:15px;
    font-weight:900;
}

.gaviNriCityRegion{
    display:block;
    margin-bottom:14px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1px;
}

.gaviNriCityCard h3{
    margin:0 0 13px;
    color:#061d3d;
    font-size:26px;
    line-height:1.2;
}

.gaviNriCityCard p{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.72;
}

.gaviNriCityCard p strong{
    color:#092f62;
}

.gaviNriCityTag{
    position:absolute;
    left:20px;
    bottom:21px;
    padding:6px 9px;
    border:1px solid #dce3ec;
    border-radius:3px;
    color:#092f62;
    background:#fff;
    font-size:15px;
    font-weight:750;
}


/* =========================================================
   SECTION 3 — TAX / DOCUMENTATION
========================================================= */

.gaviNriTax{
    padding:90px 0;
    background:
        linear-gradient(135deg,#04152d,#061d3d 62%,#092f62);
    color:#fff;
}

.gaviNriTaxGrid{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(380px,.82fr);
    gap:60px;
    align-items:center;
}

.gaviNriLightEyebrow{
    color:#f0b429;
}

.gaviNriLightEyebrow span{
    background:#f0b429;
}

.gaviNriTaxContent h2{
    margin:0 0 20px;
    color:#fff;
    font-size:clamp(31px,3.5vw,48px);
    line-height:1.16;
    font-weight:850;
}

.gaviNriTaxContent h2 strong{
    color:#f0b429;
}

.gaviNriTaxContent p{
    max-width:760px;
    margin:0 0 17px;
    color:#d6e0ea;
    font-size:16px;
    line-height:1.78;
}

.gaviNriTaxContent p strong{
    color:#fff;
}

.gaviNriTaxCta{
    margin-top:14px;
}

.gaviNriTaxPanel{
    padding:26px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:10px;
    background:rgba(255,255,255,.055);
    box-shadow:0 25px 60px rgba(0,0,0,.22);
}

.gaviNriTaxPanelHeader{
    padding-bottom:19px;
    border-bottom:1px solid rgba(255,255,255,.12);
}

.gaviNriTaxPanelHeader span{
    display:block;
    margin-bottom:6px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.3px;
}

.gaviNriTaxPanelHeader strong{
    color:#fff;
    font-size:21px;
}

.gaviNriTaxPoint{
    display:flex;
    align-items:center;
    gap:13px;
    padding:17px 0;
    border-bottom:1px solid rgba(255,255,255,.09);
}

.gaviNriTaxPoint > span{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(240,180,41,.35);
    border-radius:50%;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviNriTaxPoint strong{
    display:block;
    color:#fff;
    font-size:15px;
}

.gaviNriTaxPoint small{
    display:block;
    margin-top:3px;
    color:#aebdcd;
    font-size:15px;
    line-height:1.45;
}

.gaviNriTaxPanelFooter{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding-top:19px;
}

.gaviNriTaxPanelFooter span{
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviNriTaxPanelFooter strong{
    color:#fff;
    font-size:15px;
}


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

.gaviNriFinal{
    padding:65px 0;
    background:#f7f9fc;
}

.gaviNriFinalBox{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:40px;
    padding:34px 38px;
    border:1px solid rgba(185,120,0,.4);
    border-radius:9px;
    background:
        linear-gradient(110deg,#04152d 0%,#092f62 72%,#061d3d 100%);
    box-shadow:0 20px 45px rgba(6,29,61,.13);
}

.gaviNriFinalEyebrow{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviNriFinalContent h2{
    margin:0 0 10px;
    color:#fff;
    font-size:30px;
    line-height:1.25;
}

.gaviNriFinalContent h2 strong{
    color:#f0b429;
}

.gaviNriFinalContent p{
    max-width:700px;
    margin:0;
    color:#cbd7e4;
    font-size:15px;
    line-height:1.7;
}

.gaviNriFinalContent p strong{
    color:#fff;
}

.gaviNriFinalActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:11px;
}

.gaviNriFinalPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:55px;
    padding:0 19px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    font-weight:750;
    text-decoration:none !important;
}

.gaviNriFinalPhone:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

@media (max-width:1199px){

    .gaviNriHeroGrid{
        grid-template-columns:minmax(0,1fr) minmax(350px,.78fr);
        gap:35px;
    }

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

    .gaviNriHeroHighlight{
        min-height:auto;
    }

    .gaviNriCityGrid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}


@media (max-width:991px){

    .gaviNriHero{
        padding:70px 0;
    }

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

    .gaviNriHeroContent{
        text-align:center;
    }

    .gaviNriHeroEyebrow,
    .gaviNriHeroActions{
        justify-content:center;
    }

    .gaviNriHeroRule{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviNriHeroVisual{
        min-height:510px;
        margin-top:5px;
    }

    .gaviNriFramework,
    .gaviNriCities,
    .gaviNriTax{
        padding:70px 0;
    }

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

    .gaviNriTaxGrid{
        grid-template-columns:1fr;
        gap:40px;
    }

    .gaviNriFinalBox{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviNriFinalActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gaviNriHero{
        padding:55px 0;
    }

    .gaviNriHero h1{
        font-size:39px;
        letter-spacing:-1px;
    }

    .gaviNriHero h1 strong{
        font-size:22px;
    }

    .gaviNriHeroLead{
        font-size:15px;
        line-height:1.72;
    }

    .gaviNriHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviNriPrimaryCta,
    .gaviNriPhoneCta{
        width:100%;
    }

    .gaviNriHeroVisual{
        min-height:430px;
    }

    .gaviNriIndiaCard{
        width:94%;
        min-height:410px;
    }

    .gaviNriOrbitOne{
        width:390px;
        height:390px;
    }

    .gaviNriOrbitTwo{
        width:450px;
        height:450px;
    }

    .gaviNriFloating{
        display:none;
    }

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

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

    .gaviNriSectionHeading h2,
    .gaviNriTaxContent h2{
        font-size:32px;
    }

    .gaviNriFinal{
        padding:50px 0;
    }

    .gaviNriFinalBox{
        padding:27px 21px;
    }

    .gaviNriFinalContent h2{
        font-size:25px;
    }

    .gaviNriFinalActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviNriFinalCta,
    .gaviNriFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

    .gaviNriHeroVisual{
        min-height:390px;
    }

    .gaviNriIndiaCard{
        width:100%;
        padding:18px;
    }

    .gaviNriMapCore{
        height:280px;
    }

    .gaviNriPin{
        padding:6px 7px;
        font-size:15px;
    }

    .gaviNriPinMumbai{
        left:0;
    }

    .gaviNriPinBengaluru{
        left:0;
    }

    .gaviNriPinHyderabad{
        right:0;
    }

    .gaviNriPinChennai{
        right:0;
    }

    .gaviNriTaxPanel{
        padding:20px 17px;
    }

}
/* =========================================================
   INDIA GRADE A COMMERCIAL REAL ESTATE
   HERO
   Namespace: gaviCreHero
========================================================= */

.gaviCreHero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 85% 15%,rgba(240,180,41,.14),transparent 25%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
    isolation:isolate;
}

.gaviCreHeroPattern{
    position:absolute;
    inset:0;
    opacity:.055;
    background-image:
        linear-gradient(rgba(255,255,255,.8) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.8) 1px,transparent 1px);
    background-size:70px 70px;
    pointer-events:none;
}

.gaviCreHeroGlow{
    position:absolute;
    border-radius:50%;
    border:1px solid rgba(240,180,41,.15);
    pointer-events:none;
}

.gaviCreHeroGlowOne{
    width:450px;
    height:450px;
    right:-230px;
    top:-220px;
    box-shadow:0 0 100px rgba(185,120,0,.12);
}

.gaviCreHeroGlowTwo{
    width:260px;
    height:260px;
    left:-150px;
    bottom:-180px;
}

.gaviCreHeroInner{
    position:relative;
    max-width:1050px;
    margin:0 auto;
    text-align:center;
    z-index:2;
}

.gaviCreHeroEyebrow{
    display:inline-flex;
    align-items:center;
    gap:11px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:2px;
}

.gaviCreHeroEyebrow span{
    width:40px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviCreHero h1{
    margin:0;
    color:#fff;
    font-size:clamp(38px,5vw,67px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:850;
}

.gaviCreHero h1 strong{
    display:block;
    margin-top:10px;
    color:#f0b429;
    font-size:.58em;
    line-height:1.25;
    letter-spacing:-.3px;
}

.gaviCreHeroRule{
    width:90px;
    height:3px;
    margin:27px auto 25px;
    border-radius:10px;
    background:linear-gradient(90deg,#b97800,#f0b429,#b97800);
}

.gaviCreHeroIntro{
    max-width:850px;
    margin:0 auto;
    color:#d9e3ee;
    font-size:18px;
    line-height:1.75;
}

.gaviCreHeroIntro strong{
    color:#fff;
}

.gaviCreHeroStats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:12px;
    margin:34px auto 30px;
    max-width:880px;
}

.gaviCreHeroStat{
    padding:17px 12px;
    border:1px solid rgba(240,180,41,.23);
    border-radius:6px;
    background:rgba(255,255,255,.045);
}

.gaviCreHeroStat strong{
    display:block;
    color:#f0b429;
    font-size:17px;
    line-height:1.35;
}

.gaviCreHeroStat span{
    display:block;
    margin-top:4px;
    color:#b8c6d5;
    font-size:15px;
}

.gaviCreHeroActions{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
}

.gaviCreHeroPrimary{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 28px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gaviCreHeroPrimary:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 36px rgba(185,120,0,.35);
}

.gaviCreHeroPrimary span{
    font-size:22px;
}

.gaviCreHeroPhone{
    display:flex;
    align-items:center;
    gap:10px;
    min-height:56px;
    padding:7px 18px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    background:rgba(255,255,255,.055);
    color:#fff !important;
    text-decoration:none !important;
}

.gaviCreHeroPhoneIcon{
    color:#f0b429;
    font-size:21px;
}

.gaviCreHeroPhone small,
.gaviCreHeroPhone strong{
    display:block;
    text-align:left;
}

.gaviCreHeroPhone small{
    color:#aebdcd;
    font-size:15px;
}

.gaviCreHeroPhone strong{
    color:#fff;
    font-size:17px;
}


/* =========================================================
   SHARED SECTION HEADING
========================================================= */

.gaviCreSectionHeading{
    max-width:820px;
    margin:0 auto 48px;
    text-align:center;
}

.gaviCreSectionEyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:14px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviCreSectionEyebrow span{
    width:32px;
    height:2px;
    background:#b97800;
}

.gaviCreSectionHeading h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,48px);
    line-height:1.15;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviCreSectionHeading h2 strong{
    color:#b97800;
}

.gaviCreSectionHeading p{
    margin:0;
    color:#526276;
    font-size:16px;
    line-height:1.75;
}

.gaviCreSectionHeading p strong{
    color:#092f62;
}


/* =========================================================
   SECTION 1
   MARKET CARDS
   Namespace: gaviCreMarkets
========================================================= */

.gaviCreMarkets{
    position:relative;
    padding:90px 0;
    background:#f7f9fc;
}

.gaviCreMarkets:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:5px;
    background:linear-gradient(
        90deg,
        #061d3d,
        #092f62,
        #b97800,
        #f0b429,
        #b97800,
        #092f62,
        #061d3d
    );
}

.gaviCreMarketGrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.gaviCreMarketCard{
    position:relative;
    min-height:405px;
    padding:25px 21px 23px;
    border:1px solid #dce4ed;
    border-radius:9px;
    background:#fff;
    box-shadow:0 10px 28px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

.gaviCreMarketCard:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:4px;
    background:linear-gradient(90deg,#092f62,#b97800);
    transform:scaleX(.3);
    transform-origin:left;
    transition:transform .3s ease;
}

.gaviCreMarketCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.42);
    box-shadow:0 20px 42px rgba(6,29,61,.11);
}

.gaviCreMarketCard:hover:before{
    transform:scaleX(1);
}

.gaviCreMarketFeatured{
    border-color:rgba(185,120,0,.38);
}

.gaviCreMarketGold{
    background:
        linear-gradient(145deg,#fff,#fffaf0);
}

.gaviCreMarketTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:22px;
}

.gaviCreMarketNumber{
    color:#c8d1dc;
    font-size:15px;
    font-weight:900;
}

.gaviCreMarketTag{
    padding:6px 8px;
    border-radius:3px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:800;
    letter-spacing:.5px;
}

.gaviCreMarketCard h3{
    margin:0 0 5px;
    color:#061d3d;
    font-size:22px;
    line-height:1.3;
    font-weight:800;
}

.gaviCreMarketCard h3 strong{
    color:#b97800;
}

.gaviCreMarketLocation{
    margin:0 0 19px;
    color:#667487;
    font-size:15px;
    line-height:1.5;
}

.gaviCreMarketMetrics{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-bottom:19px;
}

.gaviCreMarketMetrics > div{
    min-height:92px;
    padding:12px 10px;
    border:1px solid #e1e7ee;
    border-radius:5px;
    background:#f8fafc;
}

.gaviCreMarketMetrics small{
    display:block;
    margin-bottom:5px;
    color:#69778a;
    font-size:15px;
}

.gaviCreMarketMetrics strong{
    display:inline;
    color:#092f62;
    font-size:20px;
    font-weight:850;
}

.gaviCreMarketMetrics span{
    color:#69778a;
    font-size:15px;
}

.gaviCreMarketCard > p:last-child{
    margin:0;
    color:#526276;
    font-size:15px;
    line-height:1.7;
}

.gaviCreMarketCard > p:last-child strong{
    color:#092f62;
}

.gaviCreMarketSpecial{
    display:flex;
    align-items:center;
    justify-content:space-between;
    min-height:92px;
    margin-bottom:19px;
    padding:14px;
    border:1px solid rgba(185,120,0,.3);
    border-radius:5px;
    background:rgba(185,120,0,.06);
}

.gaviCreMarketSpecial span{
    color:#6d5a32;
    font-size:15px;
}

.gaviCreMarketSpecial strong{
    color:#b97800;
    font-size:25px;
}


/* =========================================================
   SECTION 2
   METHODOLOGY
   Namespace: gaviCreMethod
========================================================= */

.gaviCreMethod{
    position:relative;
    padding:92px 0;
    background:
        linear-gradient(125deg,#04152d 0%,#061d3d 65%,#092f62 100%);
    color:#fff;
    overflow:hidden;
}

.gaviCreMethod:after{
    content:"";
    position:absolute;
    width:430px;
    height:430px;
    right:-230px;
    bottom:-240px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gaviCreMethodGrid{
    position:relative;
    display:grid;
    grid-template-columns:1fr .9fr;
    gap:70px;
    align-items:center;
    z-index:2;
}

.gaviCreDarkEyebrow{
    color:#f0b429;
}

.gaviCreDarkEyebrow span{
    background:#f0b429;
}

.gaviCreMethodContent h2{
    margin:0 0 21px;
    color:#fff;
    font-size:clamp(31px,3.6vw,50px);
    line-height:1.15;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviCreMethodContent h2 strong{
    color:#f0b429;
}

.gaviCreMethodContent > p{
    margin:0 0 18px;
    color:#d2dce7;
    font-size:16px;
    line-height:1.8;
}

.gaviCreMethodContent > p strong{
    color:#fff;
}

.gaviCreMethodHighlight{
    display:flex;
    gap:14px;
    align-items:flex-start;
    margin-top:28px;
    padding:18px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:7px;
    background:rgba(255,255,255,.055);
}

.gaviCreMethodHighlightIcon{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d;
    font-weight:900;
}

.gaviCreMethodHighlight strong{
    display:block;
    margin-bottom:4px;
    color:#f0b429;
    font-size:17px;
}

.gaviCreMethodHighlight p{
    margin:0;
    color:#cbd6e2;
    font-size:15px;
    line-height:1.6;
}

.gaviCreMethodSteps{
    border-left:1px solid rgba(240,180,41,.25);
}

.gaviCreMethodStep{
    position:relative;
    display:grid;
    grid-template-columns:58px 1fr;
    gap:18px;
    padding:0 0 27px 27px;
}

.gaviCreMethodStep:last-child{
    padding-bottom:0;
}

.gaviCreMethodStep > span{
    position:relative;
    width:43px;
    height:43px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-left:-49px;
    border:1px solid #b97800;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
}

.gaviCreMethodStep strong{
    display:block;
    margin-bottom:4px;
    color:#fff;
    font-size:17px;
}

.gaviCreMethodStep p{
    margin:0;
    color:#afbdcc;
    font-size:15px;
    line-height:1.6;
}


/* =========================================================
   SECTION 3
   MATRIX
   Namespace: gaviCreMatrix
========================================================= */

.gaviCreMatrix{
    padding:90px 0;
    background:#fff;
}

.gaviCreMatrixTableWrap{
    overflow-x:auto;
    border:1px solid #dce4ed;
    border-radius:9px;
    box-shadow:0 12px 32px rgba(6,29,61,.07);
}

.gaviCreMatrixTable{
    width:100%;
    min-width:850px;
    border-collapse:collapse;
    background:#fff;
}

.gaviCreMatrixTable th{
    padding:17px 18px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    line-height:1.4;
    font-weight:800;
    text-align:left;
    border-right:1px solid rgba(255,255,255,.08);
}

.gaviCreMatrixTable td{
    padding:18px;
    border-bottom:1px solid #e5eaf0;
    color:#526276;
    font-size:15px;
    line-height:1.6;
    vertical-align:top;
}

.gaviCreMatrixTable tr:last-child td{
    border-bottom:0;
}

.gaviCreMatrixTable tbody tr:nth-child(even){
    background:#f8fafc;
}

.gaviCreMatrixTable tbody tr:hover{
    background:#fffaf0;
}

.gaviCreMatrixTable td strong{
    color:#092f62;
    font-weight:800;
}


/* =========================================================
   FINAL CTA
   Namespace: gaviCreFinal
========================================================= */

.gaviCreFinal{
    padding:0 0 90px;
    background:#fff;
}

.gaviCreFinalBox{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:35px;
    padding:34px 38px;
    border:1px solid rgba(185,120,0,.4);
    border-radius:9px;
    background:
        radial-gradient(circle at 90% 20%,rgba(240,180,41,.12),transparent 25%),
        linear-gradient(110deg,#04152d,#092f62);
    box-shadow:0 20px 45px rgba(6,29,61,.15);
    overflow:hidden;
}

.gaviCreFinalBox:before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:5px;
    height:100%;
    background:linear-gradient(#b97800,#f0b429);
}

.gaviCreFinalContent{
    position:relative;
    z-index:2;
}

.gaviCreFinalContent > span{
    display:block;
    margin-bottom:7px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviCreFinalContent h2{
    margin:0 0 9px;
    color:#fff;
    font-size:27px;
    line-height:1.3;
    font-weight:800;
}

.gaviCreFinalContent h2 strong{
    color:#f0b429;
}

.gaviCreFinalContent p{
    max-width:700px;
    margin:0;
    color:#c9d4df;
    font-size:15px;
    line-height:1.65;
}

.gaviCreFinalContent p strong{
    color:#fff;
}

.gaviCreFinalActions{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
    gap:12px;
}

.gaviCreFinalButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:54px;
    padding:0 24px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviCreFinalButton:hover{
    transform:translateY(-3px);
    box-shadow:0 12px 28px rgba(185,120,0,.3);
}

.gaviCreFinalButton span{
    font-size:21px;
}

.gaviCreFinalPhone{
    display:flex;
    flex-direction:column;
    justify-content:center;
    min-height:54px;
    padding:5px 17px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    color:#fff !important;
    text-decoration:none !important;
}

.gaviCreFinalPhone small{
    color:#aebdcd;
    font-size:15px;
}

.gaviCreFinalPhone strong{
    color:#fff;
    font-size:17px;
}


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

@media (max-width:1199px){

    .gaviCreMarketGrid{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

}


@media (max-width:991px){

    .gaviCreHero{
        padding:70px 0;
    }

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

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

    .gaviCreMethodGrid{
        grid-template-columns:1fr;
        gap:45px;
    }

    .gaviCreFinalBox{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviCreFinalActions{
        justify-content:flex-start;
    }

}


@media (max-width:767px){

    .gaviCreHero{
        padding:55px 0 60px;
    }

    .gaviCreHero h1{
        font-size:39px;
        letter-spacing:-1px;
    }

    .gaviCreHero h1 strong{
        font-size:22px;
    }

    .gaviCreHeroIntro{
        font-size:16px;
        line-height:1.7;
    }

    .gaviCreHeroStats{
        grid-template-columns:1fr 1fr;
        gap:8px;
    }

    .gaviCreHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviCreHeroPrimary,
    .gaviCreHeroPhone{
        width:100%;
        justify-content:center;
    }

    .gaviCreMarkets,
    .gaviCreMethod,
    .gaviCreMatrix{
        padding:70px 0;
    }

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

    .gaviCreMarketCard{
        min-height:auto;
    }

    .gaviCreSectionHeading h2{
        font-size:32px;
    }

    .gaviCreMethodContent h2{
        font-size:32px;
    }

    .gaviCreFinal{
        padding-bottom:70px;
    }

    .gaviCreFinalBox{
        padding:28px 23px;
    }

    .gaviCreFinalContent h2{
        font-size:23px;
    }

    .gaviCreFinalActions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviCreFinalButton,
    .gaviCreFinalPhone{
        width:100%;
        align-items:center;
    }

}


@media (max-width:480px){

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

    .gaviCreHeroStat{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:10px;
        text-align:left;
    }

    .gaviCreHeroStat span{
        margin-top:0;
        text-align:right;
    }

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

}

/* =========================================================
   INDUSTRIAL CLUSTERS — HERO
   Namespace: gaviIndustrialHero
========================================================= */

.gaviIndustrialHero{
    position:relative;
    overflow:hidden;
    padding:92px 0 88px;
    color:#fff;
    background:
        radial-gradient(circle at 76% 45%,rgba(185,120,0,.16),transparent 27%),
        linear-gradient(125deg,#04152d 0%,#061d3d 55%,#092f62 100%);
}

.gaviIndustrialHero:before{
    content:"";
    position:absolute;
    inset:0;
    background-image:
        linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
    background-size:60px 60px;
    pointer-events:none;
}

.gaviIndustrialHeroGrid{
    position:relative;
    z-index:1;
}

.gaviIndustrialHeroInner{
    display:grid;
    grid-template-columns:minmax(0,1.1fr) minmax(380px,.9fr);
    gap:60px;
    align-items:center;
}

.gaviIndustrialHeroContent{
    position:relative;
    z-index:2;
}

.gaviIndustrialEyebrow,
.gaviIndustrialSectionEyebrow{
    display:flex;
    align-items:center;
    gap:10px;
    margin-bottom:17px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
    text-transform:uppercase;
}

.gaviIndustrialEyebrow span{
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviIndustrialHero h1{
    max-width:850px;
    margin:0 0 24px;
    color:#fff;
    font-size:clamp(40px,4.6vw,66px);
    line-height:1.04;
    letter-spacing:-1.8px;
    font-weight:800;
}

.gaviIndustrialHero h1 strong{
    display:block;
    margin-top:9px;
    color:#f0b429;
    font-size:.52em;
    line-height:1.28;
    letter-spacing:-.2px;
}

.gaviIndustrialHeroLead{
    max-width:790px;
    margin:0;
    color:#dce5ef;
    font-size:18px;
    line-height:1.75;
}

.gaviIndustrialHeroLead strong{
    color:#fff;
}

.gaviIndustrialHeroStats{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:30px;
}

.gaviIndustrialHeroStat{
    min-width:145px;
    padding:14px 17px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:5px;
    background:rgba(255,255,255,.055);
}

.gaviIndustrialHeroStat strong{
    display:block;
    color:#f0b429;
    font-size:18px;
    line-height:1.25;
}

.gaviIndustrialHeroStat span{
    display:block;
    margin-top:4px;
    color:#b9c7d6;
    font-size:15px;
    line-height:1.4;
}

.gaviIndustrialHeroActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:31px;
}

.gaviIndustrialPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gaviIndustrialPrimaryCta span{
    font-size:22px;
}

.gaviIndustrialPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 34px rgba(185,120,0,.35);
}

.gaviIndustrialPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    min-height:56px;
    padding:0 20px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    color:#fff !important;
    background:rgba(255,255,255,.055);
    font-size:16px;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviIndustrialPhoneCta span{
    color:#f0b429;
    font-size:20px;
}

.gaviIndustrialPhoneCta:hover{
    border-color:#b97800;
    background:rgba(185,120,0,.1);
}


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

.gaviIndustrialHeroVisual{
    position:relative;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gaviIndustrialGridPattern{
    position:absolute;
    width:430px;
    height:430px;
    border:1px solid rgba(240,180,41,.13);
    background-image:
        linear-gradient(rgba(240,180,41,.08) 1px,transparent 1px),
        linear-gradient(90deg,rgba(240,180,41,.08) 1px,transparent 1px);
    background-size:34px 34px;
    transform:rotate(45deg);
    opacity:.75;
}

.gaviIndustrialHeroOrb{
    position:relative;
    width:285px;
    height:285px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:
        radial-gradient(circle,#092f62 0%,#061d3d 60%,#04152d 100%);
    box-shadow:
        0 0 0 1px rgba(240,180,41,.25),
        0 0 70px rgba(185,120,0,.17);
}

.gaviIndustrialOrbRing{
    position:absolute;
    border:1px solid rgba(240,180,41,.32);
    border-radius:50%;
}

.ringOne{
    width:340px;
    height:170px;
    transform:rotate(35deg);
}

.ringTwo{
    width:390px;
    height:205px;
    transform:rotate(-35deg);
}

.gaviIndustrialOrbCore{
    position:relative;
    z-index:3;
    width:150px;
    height:150px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(240,180,41,.55);
    border-radius:50%;
    background:linear-gradient(145deg,#092f62,#04152d);
    box-shadow:inset 0 0 35px rgba(185,120,0,.12);
}

.gaviIndustrialOrbCore span{
    color:#f0b429;
    font-size:40px;
    font-weight:900;
    line-height:1;
}

.gaviIndustrialOrbCore small{
    margin-top:8px;
    color:#d9e2ec;
    font-size:15px;
    letter-spacing:3px;
}

.gaviIndustrialClusterTag{
    position:absolute;
    display:flex;
    flex-direction:column;
    padding:11px 15px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:5px;
    background:rgba(4,21,45,.9);
    box-shadow:0 15px 30px rgba(0,0,0,.2);
}

.gaviIndustrialClusterTag strong{
    color:#f0b429;
    font-size:15px;
    letter-spacing:1px;
}

.gaviIndustrialClusterTag span{
    margin-top:3px;
    color:#c0ccda;
    font-size:15px;
}

.tagOne{
    top:62px;
    left:0;
}

.tagTwo{
    right:0;
    top:175px;
}

.tagThree{
    left:35px;
    bottom:45px;
}


/* =========================================================
   COMMON INDUSTRIAL SECTION
========================================================= */

.gaviIndustrialSection{
    position:relative;
    padding:92px 0;
    overflow:hidden;
}

.gaviChennai{
    background:#f8fafc;
}

.gaviPune{
    background:#fff;
}

.gaviGujarat{
    background:#f6f8fb;
}

.gaviIndustrialSectionGrid{
    display:grid;
    grid-template-columns:.82fr 1.18fr;
    gap:65px;
    align-items:center;
}

.gaviPuneGrid{
    grid-template-columns:1.18fr .82fr;
}

.gaviIndustrialSectionIntro{
    position:relative;
}

.gaviIndustrialSectionNumber{
    margin-bottom:13px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
    letter-spacing:3px;
}

.gaviIndustrialSectionEyebrow{
    margin-bottom:12px;
    color:#b97800;
}

.gaviIndustrialSection h2{
    margin:0 0 19px;
    color:#061d3d;
    font-size:clamp(32px,3.7vw,50px);
    line-height:1.12;
    font-weight:800;
    letter-spacing:-1px;
}

.gaviIndustrialSection h2 strong{
    color:#b97800;
}

.gaviIndustrialSectionLead{
    max-width:500px;
    margin:0;
    color:#536276;
    font-size:17px;
    line-height:1.75;
}

.gaviIndustrialSectionLead strong{
    color:#092f62;
}

.gaviIndustrialMiniCard{
    display:flex;
    align-items:center;
    gap:13px;
    max-width:390px;
    margin-top:28px;
    padding:15px;
    border:1px solid #dbe2eb;
    border-left:4px solid #b97800;
    border-radius:5px;
    background:#fff;
    box-shadow:0 10px 25px rgba(6,29,61,.06);
}

.gaviIndustrialMiniIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    flex:0 0 52px;
    border-radius:4px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviIndustrialMiniCard strong{
    display:block;
    color:#061d3d;
    font-size:15px;
}

.gaviIndustrialMiniCard small{
    display:block;
    margin-top:4px;
    color:#657387;
    font-size:15px;
    line-height:1.45;
}


/* =========================================================
   CHENNAI HIGHLIGHTS
========================================================= */

.gaviIndustrialClusterHighlights{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:12px;
    margin-bottom:26px;
}

.gaviIndustrialHighlight{
    padding:17px;
    border:1px solid #dce3ec;
    border-radius:6px;
    background:#fff;
    box-shadow:0 8px 20px rgba(6,29,61,.04);
}

.gaviIndustrialHighlight span{
    display:block;
    margin-bottom:9px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
}

.gaviIndustrialHighlight strong{
    display:block;
    color:#061d3d;
    font-size:17px;
}

.gaviIndustrialHighlight small{
    display:block;
    margin-top:5px;
    color:#657387;
    font-size:15px;
    line-height:1.5;
}

.gaviIndustrialText p{
    margin:0 0 17px;
    color:#536276;
    font-size:15px;
    line-height:1.82;
}

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

.gaviIndustrialText strong{
    color:#092f62;
    font-weight:800;
}

.gaviIndustrialKeywordBar{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:25px;
}

.gaviIndustrialKeywordBar span{
    padding:7px 10px;
    border:1px solid #d8e0ea;
    border-radius:3px;
    background:#fff;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   PUNE
========================================================= */

.gaviPune:before{
    content:"";
    position:absolute;
    top:0;
    right:0;
    width:38%;
    height:100%;
    background:
        linear-gradient(135deg,rgba(9,47,98,.035),transparent);
    pointer-events:none;
}

.gaviIndustrialLocationRibbon{
    display:inline-flex;
    flex-direction:column;
    margin-bottom:25px;
    padding:12px 17px;
    border-left:4px solid #b97800;
    background:#f6f8fb;
}

.gaviIndustrialLocationRibbon span{
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.2px;
}

.gaviIndustrialLocationRibbon strong{
    margin-top:4px;
    color:#061d3d;
    font-size:15px;
}

.gaviPuneMatrix{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:10px;
    margin-top:27px;
}

.gaviPuneMatrix > div{
    padding:16px 13px;
    border:1px solid #dce3ec;
    border-radius:5px;
    background:#f9fafc;
}

.gaviPuneMatrix span{
    display:block;
    margin-bottom:6px;
    color:#b97800;
    font-size:15px;
    font-weight:900;
}

.gaviPuneMatrix strong{
    display:block;
    color:#061d3d;
    font-size:15px;
}

.gaviPuneMatrix small{
    display:block;
    margin-top:4px;
    color:#657387;
    font-size:15px;
}

.gaviIndustrialCompanyStack{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:27px;
}

.gaviIndustrialCompanyStack span{
    padding:8px 10px;
    border:1px solid #dce3ec;
    border-radius:3px;
    color:#092f62;
    background:#fff;
    font-size:15px;
    font-weight:750;
}


/* =========================================================
   GUJARAT
========================================================= */

.gaviGujaratHeader{
    max-width:780px;
    margin:0 auto 46px;
    text-align:center;
}

.gaviGujaratHeader .gaviIndustrialSectionEyebrow{
    justify-content:center;
}

.gaviGujaratHeader h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(32px,3.7vw,50px);
    line-height:1.15;
    font-weight:800;
}

.gaviGujaratHeader h2 strong{
    color:#b97800;
}

.gaviGujaratHeader p{
    margin:0;
    color:#59687b;
    font-size:16px;
    line-height:1.75;
}

.gaviGujaratHeader p strong{
    color:#092f62;
}

.gaviGujaratGrid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:17px;
}

.gaviGujaratCard{
    position:relative;
    min-height:340px;
    padding:24px 21px;
    border:1px solid #dce3ec;
    border-radius:7px;
    background:#fff;
    box-shadow:0 10px 28px rgba(6,29,61,.055);
    transition:all .3s ease;
}

.gaviGujaratCard:hover{
    transform:translateY(-6px);
    border-color:rgba(185,120,0,.45);
    box-shadow:0 18px 35px rgba(6,29,61,.1);
}

.gaviGujaratCardTop{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:23px;
}

.gaviGujaratCardTop span{
    color:#b97800;
    font-size:15px;
    font-weight:900;
}

.gaviGujaratCardTop strong{
    color:#092f62;
    font-size:15px;
    letter-spacing:1px;
}

.gaviGujaratCard h3{
    margin:0 0 13px;
    color:#061d3d;
    font-size:21px;
    line-height:1.3;
}

.gaviGujaratCard p{
    margin:0;
    color:#59687b;
    font-size:15px;
    line-height:1.75;
}

.gaviGujaratCard p strong{
    color:#092f62;
}

.gaviGujaratCardTag{
    position:absolute;
    left:21px;
    bottom:20px;
    padding-top:12px;
    border-top:1px solid #e2e7ee;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:.6px;
}

.gaviGujaratCardWide{
    grid-column:span 4;
    min-height:auto;
    display:grid;
    grid-template-columns:100px 1fr auto;
    gap:20px;
    align-items:start;
    padding-right:25px;
}

.gaviGujaratCardWide .gaviGujaratCardTop{
    margin:0;
    flex-direction:column;
    align-items:flex-start;
    gap:7px;
}

.gaviGujaratCardWide .gaviGujaratCardTag{
    position:static;
    border-top:0;
    padding:8px 0 0;
}


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

.gaviIndustrialCTA{
    position:relative;
    overflow:hidden;
    padding:65px 0;
    background:
        radial-gradient(circle at 90% 40%,rgba(240,180,41,.13),transparent 25%),
        linear-gradient(125deg,#04152d,#092f62);
}

.gaviIndustrialCTA:after{
    content:"";
    position:absolute;
    width:360px;
    height:360px;
    right:-180px;
    top:-180px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gaviIndustrialCTAInner{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
}

.gaviIndustrialCTAContent{
    max-width:760px;
}

.gaviIndustrialCTAContent .gaviIndustrialSectionEyebrow{
    margin-bottom:11px;
}

.gaviIndustrialCTAContent h2{
    margin:0 0 13px;
    color:#fff;
    font-size:clamp(29px,3.2vw,43px);
    line-height:1.18;
}

.gaviIndustrialCTAContent h2 strong{
    color:#f0b429;
}

.gaviIndustrialCTAContent p{
    max-width:700px;
    margin:0;
    color:#d4dfeb;
    font-size:16px;
    line-height:1.7;
}

.gaviIndustrialCTAContent p strong{
    color:#fff;
}

.gaviIndustrialCTAActions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:11px;
    min-width:225px;
}

.gaviIndustrialCTAphone{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:62px;
    padding:8px 18px;
    border:1px solid rgba(255,255,255,.25);
    border-radius:5px;
    color:#fff !important;
    text-decoration:none !important;
    background:rgba(255,255,255,.05);
}

.gaviIndustrialCTAphone small{
    color:#aebdcd;
    font-size:15px;
}

.gaviIndustrialCTAphone strong{
    margin-top:3px;
    color:#f0b429;
    font-size:17px;
}


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

@media (max-width:1199px){

    .gaviIndustrialHeroInner{
        grid-template-columns:1fr .78fr;
        gap:35px;
    }

    .gaviIndustrialHeroVisual{
        min-height:430px;
    }

    .gaviIndustrialHeroOrb{
        width:235px;
        height:235px;
    }

    .gaviIndustrialGridPattern{
        width:350px;
        height:350px;
    }

    .gaviIndustrialSectionGrid{
        gap:40px;
    }

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

    .gaviGujaratCardWide{
        grid-column:span 2;
    }

}


@media (max-width:991px){

    .gaviIndustrialHero{
        padding:70px 0;
    }

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

    .gaviIndustrialHeroContent{
        text-align:center;
    }

    .gaviIndustrialEyebrow{
        justify-content:center;
    }

    .gaviIndustrialHeroLead{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviIndustrialHeroStats,
    .gaviIndustrialHeroActions{
        justify-content:center;
    }

    .gaviIndustrialHeroVisual{
        min-height:390px;
        margin-top:10px;
    }

    .gaviIndustrialClusterTag.tagOne{
        left:12%;
    }

    .gaviIndustrialClusterTag.tagThree{
        left:17%;
    }

    .gaviIndustrialSectionGrid,
    .gaviPuneGrid{
        grid-template-columns:1fr;
    }

    .gaviPuneGrid .gaviIndustrialSectionIntro{
        order:-1;
    }

    .gaviIndustrialSection{
        padding:72px 0;
    }

    .gaviIndustrialCTAInner{
        flex-direction:column;
        align-items:flex-start;
    }

    .gaviIndustrialCTAActions{
        width:100%;
        max-width:320px;
    }

}


@media (max-width:767px){

    .gaviIndustrialHero{
        padding:55px 0;
    }

    .gaviIndustrialHero h1{
        font-size:40px;
        letter-spacing:-1px;
    }

    .gaviIndustrialHero h1 strong{
        font-size:21px;
    }

    .gaviIndustrialHeroLead{
        font-size:16px;
    }

    .gaviIndustrialHeroStats{
        display:grid;
        grid-template-columns:1fr;
    }

    .gaviIndustrialHeroStat{
        width:100%;
    }

    .gaviIndustrialHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviIndustrialPrimaryCta,
    .gaviIndustrialPhoneCta{
        width:100%;
    }

    .gaviIndustrialHeroVisual{
        min-height:350px;
    }

    .gaviIndustrialHeroOrb{
        width:200px;
        height:200px;
    }

    .gaviIndustrialOrbCore{
        width:115px;
        height:115px;
    }

    .gaviIndustrialOrbCore span{
        font-size:30px;
    }

    .gaviIndustrialGridPattern{
        width:280px;
        height:280px;
    }

    .gaviIndustrialClusterTag{
        padding:8px 10px;
    }

    .gaviIndustrialClusterTag span,
    .gaviIndustrialClusterTag strong{
        font-size:15px;
    }

    .tagOne{
        top:25px;
        left:0 !important;
    }

    .tagTwo{
        right:0;
        top:135px;
    }

    .tagThree{
        left:0 !important;
        bottom:15px;
    }

    .gaviIndustrialSection h2,
    .gaviGujaratHeader h2{
        font-size:33px;
    }

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

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

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

    .gaviGujaratCardWide{
        grid-column:span 1;
        display:block;
    }

    .gaviGujaratCardWide .gaviGujaratCardTop{
        margin-bottom:20px;
        flex-direction:row;
        align-items:center;
        justify-content:space-between;
    }

    .gaviGujaratCardWide .gaviGujaratCardTag{
        margin-top:18px;
        padding-top:12px;
        border-top:1px solid #e2e7ee;
    }

    .gaviIndustrialCTA{
        padding:55px 0;
    }

    .gaviIndustrialCTAContent h2{
        font-size:30px;
    }

}

/* =========================================================
   CAPITAL GAIN INDIA
   GLOBAL COLOUR SYSTEM
   Navy: #092f62 / #061d3d / #04152d
   Gold: #b97800 / #d99a16 / #f0b429
========================================================= */


/* =========================================================
   SECTION 01 — HERO
   Namespace: gaviCGHero
========================================================= */

.gaviCGHero{
    position:relative;
    overflow:hidden;
    padding:88px 0 82px;
    background:
        radial-gradient(circle at 88% 15%,rgba(240,180,41,.14),transparent 28%),
        linear-gradient(135deg,#04152d 0%,#061d3d 52%,#092f62 100%);
    color:#fff;
}

.gaviCGHeroPattern{
    position:absolute;
    inset:0;
    opacity:.28;
    background-image:
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
    background-size:55px 55px;
    pointer-events:none;
}

.gaviCGHeroInner{
    position:relative;
    display:grid;
    grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);
    gap:55px;
    align-items:center;
}

.gaviCGHeroContent{
    position:relative;
    z-index:2;
}

.gaviCGHeroEyebrow,
.gaviCGSectionEyebrow{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:18px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

.gaviCGHeroEyebrow span{
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviCGHero h1{
    max-width:900px;
    margin:0 0 24px;
    color:#fff;
    font-size:clamp(40px,4.5vw,67px);
    line-height:1.06;
    font-weight:800;
    letter-spacing:-1.8px;
}

.gaviCGHero h1 strong{
    display:block;
    color:#f0b429;
}

.gaviCGHeroLead{
    max-width:860px;
    margin:0;
    color:#dce5ee;
    font-size:18px;
    line-height:1.75;
}

.gaviCGHeroLead strong{
    color:#fff;
}

.gaviCGHeroStats{
    display:flex;
    flex-wrap:wrap;
    gap:0;
    margin:32px 0 29px;
}

.gaviCGHeroStats div{
    min-width:145px;
    padding:0 23px;
    border-left:1px solid rgba(240,180,41,.35);
}

.gaviCGHeroStats div:first-child{
    padding-left:0;
    border-left:0;
}

.gaviCGHeroStats strong{
    display:block;
    color:#f0b429;
    font-size:18px;
    line-height:1.3;
}

.gaviCGHeroStats span{
    display:block;
    margin-top:4px;
    color:#aebdcd;
    font-size:15px;
}

.gaviCGHeroActions{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:14px;
}

.gaviCGPrimaryBtn,
.gaviCGGoldBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:57px;
    padding:0 27px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.22);
    transition:all .3s ease;
}

.gaviCGPrimaryBtn span,
.gaviCGGoldBtn span{
    font-size:21px;
}

.gaviCGPrimaryBtn:hover,
.gaviCGGoldBtn:hover{
    transform:translateY(-3px);
    box-shadow:0 17px 35px rgba(185,120,0,.34);
}

.gaviCGPhoneBtn{
    display:inline-flex;
    align-items:center;
    gap:10px;
    min-height:57px;
    padding:0 19px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:5px;
    background:rgba(255,255,255,.06);
    color:#fff !important;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviCGPhoneBtn span{
    color:#f0b429;
    font-size:20px;
}

.gaviCGPhoneBtn strong{
    color:#fff;
    font-size:16px;
}

.gaviCGPhoneBtn:hover{
    border-color:#f0b429;
    background:rgba(185,120,0,.12);
}


/* HERO SIDE CARD */

.gaviCGHeroSide{
    display:flex;
    justify-content:flex-end;
}

.gaviCGHeroCard{
    position:relative;
    max-width:430px;
    padding:34px 31px;
    border:1px solid rgba(240,180,41,.4);
    border-radius:9px;
    background:
        linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.035));
    box-shadow:0 25px 65px rgba(0,0,0,.28);
    backdrop-filter:blur(10px);
}

.gaviCGHeroCard:before{
    content:"";
    position:absolute;
    top:-1px;
    left:35px;
    right:35px;
    height:3px;
    background:linear-gradient(90deg,#b97800,#f0b429,#b97800);
}

.gaviCGHeroCardLabel{
    display:block;
    margin-bottom:17px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gaviCGHeroCard h3{
    margin:0 0 17px;
    color:#fff;
    font-size:27px;
    line-height:1.3;
    font-weight:750;
}

.gaviCGHeroCard h3 strong{
    color:#f0b429;
}

.gaviCGHeroCard p{
    margin:0;
    color:#cbd6e2;
    font-size:15px;
    line-height:1.75;
}

.gaviCGHeroCard p strong{
    color:#fff;
}

.gaviCGHeroCardLine{
    width:60px;
    height:2px;
    margin:24px 0 14px;
    background:#b97800;
}

.gaviCGHeroCard small{
    color:#aebdcd;
    font-size:15px;
    line-height:1.5;
}


/* =========================================================
   SECTION 02 — SECTION 55(2)(b)
   Namespace: gaviCG55
========================================================= */

.gaviCG55{
    padding:90px 0 88px;
    background:#f8fafc;
    color:#092f62;
}

.gaviCG55Grid{
    display:grid;
    grid-template-columns:.85fr 1.15fr;
    gap:60px;
    align-items:start;
}

.gaviCGSectionEyebrow{
    margin-bottom:14px;
}

.gaviCGSectionEyebrow span{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:31px;
    height:31px;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
}

.gaviCG55Intro h2{
    margin:0;
    color:#061d3d;
    font-size:clamp(32px,3.4vw,48px);
    line-height:1.15;
    font-weight:800;
    letter-spacing:-1px;
}

.gaviCG55Intro h2 strong{
    display:block;
    color:#b97800;
}

.gaviCG55Intro p{
    margin:22px 0 0;
    color:#536277;
    font-size:16px;
    line-height:1.8;
}

.gaviCG55Intro p strong{
    color:#092f62;
}

.gaviCGGoldLine{
    width:70px;
    height:3px;
    margin-top:22px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gaviCG55Evidence{
    padding:31px;
    border:1px solid #dce4ed;
    border-radius:9px;
    background:#fff;
    box-shadow:0 15px 40px rgba(6,29,61,.07);
}

.gaviCGEvidenceHeading{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:17px;
}

.gaviCGEvidenceHeading > span{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 45px;
    width:45px;
    height:45px;
    border-radius:50%;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

.gaviCGEvidenceHeading h3{
    margin:0;
    color:#061d3d;
    font-size:22px;
    line-height:1.35;
}

.gaviCGEvidenceHeading h3 strong{
    color:#b97800;
}

.gaviCG55Evidence > p{
    margin:0;
    color:#536277;
    font-size:15px;
    line-height:1.75;
}

.gaviCGStateGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:11px;
    margin-top:23px;
}

.gaviCGStateCard{
    padding:16px;
    border-left:3px solid #b97800;
    background:#f5f7fa;
}

.gaviCGStateCard strong{
    display:block;
    color:#092f62;
    font-size:16px;
}

.gaviCGStateCard span{
    display:block;
    margin-top:4px;
    color:#647387;
    font-size:15px;
    line-height:1.45;
}


/* METHODOLOGY */

.gaviCGMethodology{
    margin-top:55px;
    padding:32px;
    border-radius:9px;
    background:linear-gradient(135deg,#04152d,#092f62);
    box-shadow:0 18px 45px rgba(6,29,61,.13);
}

.gaviCGMethodologyIntro > span{
    display:block;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviCGMethodologyIntro h3{
    margin:7px 0 27px;
    color:#fff;
    font-size:27px;
    line-height:1.3;
}

.gaviCGMethodologyIntro h3 strong{
    color:#f0b429;
}

.gaviCGMethodologySteps{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:14px;
}

.gaviCGMethodStep{
    display:flex;
    gap:13px;
    padding:19px;
    border:1px solid rgba(240,180,41,.2);
    border-radius:6px;
    background:rgba(255,255,255,.045);
}

.gaviCGMethodStep > b{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#b97800;
    color:#061d3d;
    font-size:15px;
}

.gaviCGMethodStep strong{
    display:block;
    color:#fff;
    font-size:15px;
}

.gaviCGMethodStep span{
    display:block;
    margin-top:5px;
    color:#b9c7d6;
    font-size:15px;
    line-height:1.55;
}

.gaviCGMethodStep span strong{
    display:inline;
    color:#f0b429;
}


/* BOTTOM CTA */

.gaviCG55Bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:38px;
    padding:23px 25px;
    border:1px solid #e0e6ed;
    border-radius:7px;
    background:#fff;
}

.gaviCG55Bottom p{
    max-width:820px;
    margin:0;
    color:#536277;
    font-size:15px;
    line-height:1.65;
}

.gaviCG55Bottom p strong{
    color:#092f62;
}

.gaviCGInlineBtn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:10px;
    flex:0 0 auto;
    min-height:50px;
    padding:0 20px;
    border-radius:5px;
    background:#061d3d;
    color:#f0b429 !important;
    font-size:15px;
    font-weight:800;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gaviCGInlineBtn:hover{
    background:#b97800;
    color:#061d3d !important;
}


/* =========================================================
   SECTION 03 — FINANCE ACT 2024
   Namespace: gaviCG2024
========================================================= */

.gaviCG2024{
    padding:90px 0 88px;
    background:
        radial-gradient(circle at 10% 90%,rgba(185,120,0,.12),transparent 25%),
        linear-gradient(135deg,#04152d,#061d3d 65%,#092f62);
}

.gaviCG2024Header{
    max-width:850px;
    margin:0 auto 45px;
    text-align:center;
}

.gaviCGSectionEyebrowLight{
    justify-content:center;
}

.gaviCG2024Header h2{
    margin:0 0 17px;
    color:#fff;
    font-size:clamp(33px,3.6vw,50px);
    line-height:1.15;
    font-weight:800;
}

.gaviCG2024Header h2 strong{
    color:#f0b429;
}

.gaviCG2024Header p{
    margin:0;
    color:#cbd6e2;
    font-size:16px;
    line-height:1.78;
}

.gaviCG2024Header p strong{
    color:#fff;
}

.gaviCG2024Comparison{
    position:relative;
    display:grid;
    grid-template-columns:1fr 70px 1fr;
    align-items:stretch;
    gap:15px;
}

.gaviCG2024Method{
    padding:31px;
    border:1px solid rgba(255,255,255,.15);
    border-radius:9px;
    background:rgba(255,255,255,.055);
    box-shadow:0 15px 40px rgba(0,0,0,.12);
}

.gaviCG2024MethodGold{
    border-color:rgba(240,180,41,.42);
    background:
        linear-gradient(145deg,rgba(185,120,0,.16),rgba(255,255,255,.045));
}

.gaviCGMethodTop{
    display:flex;
    align-items:center;
    gap:15px;
    margin-bottom:20px;
}

.gaviCGMethodTop > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:52px;
    height:52px;
    border-radius:50%;
    background:#b97800;
    color:#061d3d;
    font-size:22px;
    font-weight:900;
}

.gaviCGMethodTop small{
    display:block;
    margin-bottom:3px;
    color:#aebdcd;
    font-size:15px;
    font-weight:800;
    letter-spacing:1.4px;
}

.gaviCGMethodTop h3{
    margin:0;
    color:#fff;
    font-size:23px;
    line-height:1.3;
}

.gaviCG2024Method p{
    margin:0;
    color:#c4d0dc;
    font-size:15px;
    line-height:1.75;
}

.gaviCG2024Method p strong{
    color:#fff;
}

.gaviCGMethodHighlight{
    margin-top:22px;
    padding:15px;
    border-left:3px solid #b97800;
    background:rgba(255,255,255,.055);
}

.gaviCGMethodHighlight strong{
    display:block;
    color:#f0b429;
    font-size:15px;
}

.gaviCGMethodHighlight span{
    display:block;
    margin-top:4px;
    color:#aebdcd;
    font-size:15px;
    line-height:1.45;
}

.gaviCG2024Vs{
    display:flex;
    align-items:center;
    justify-content:center;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
}


/* NOTE */

.gaviCG2024Note{
    display:flex;
    align-items:flex-start;
    gap:15px;
    margin-top:28px;
    padding:21px 23px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:7px;
    background:rgba(255,255,255,.045);
}

.gaviCG2024NoteIcon{
    display:flex;
    align-items:center;
    justify-content:center;
    flex:0 0 34px;
    width:34px;
    height:34px;
    border-radius:50%;
    background:#b97800;
    color:#061d3d;
    font-size:16px;
    font-weight:900;
}

.gaviCG2024Note p{
    margin:0;
    color:#bdcad7;
    font-size:15px;
    line-height:1.7;
}

.gaviCG2024Note p strong{
    color:#f0b429;
}


/* FINAL CTA */

.gaviCG2024CTA{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:42px;
    padding:28px 31px;
    border:1px solid rgba(240,180,41,.4);
    border-radius:8px;
    background:linear-gradient(90deg,#b97800,#d99a16,#b97800);
}

.gaviCG2024CTA > div:first-child > span{
    display:block;
    margin-bottom:6px;
    color:#061d3d;
    font-size:15px;
    font-weight:900;
    letter-spacing:1.3px;
}

.gaviCG2024CTA h3{
    margin:0;
    color:#061d3d;
    font-size:25px;
    line-height:1.3;
}

.gaviCG2024CTA h3 strong{
    color:#fff;
}

.gaviCG2024Actions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:11px;
}

.gaviCGGoldBtn{
    min-height:52px;
    background:#061d3d;
    border-color:#061d3d;
    color:#f0b429 !important;
    box-shadow:none;
}

.gaviCGGoldBtn:hover{
    background:#092f62;
    color:#f0b429 !important;
}

.gaviCGDarkPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    padding:0 18px;
    border:1px solid rgba(6,29,61,.5);
    border-radius:5px;
    color:#061d3d !important;
    font-size:15px;
    font-weight:850;
    text-decoration:none !important;
}


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

@media (max-width:1100px){

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

    .gaviCGHeroSide{
        justify-content:flex-start;
    }

    .gaviCGHeroCard{
        max-width:650px;
    }

    .gaviCG55Grid{
        grid-template-columns:1fr;
        gap:35px;
    }

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

}


@media (max-width:900px){

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

    .gaviCG2024Vs{
        height:30px;
    }

    .gaviCG2024CTA,
    .gaviCG55Bottom{
        flex-direction:column;
        align-items:flex-start;
    }

}


@media (max-width:767px){

    .gaviCGHero,
    .gaviCG55,
    .gaviCG2024{
        padding:65px 0;
    }

    .gaviCGHero h1{
        font-size:40px;
    }

    .gaviCGHeroLead{
        font-size:16px;
    }

    .gaviCGHeroStats{
        display:grid;
        grid-template-columns:1fr;
        gap:14px;
    }

    .gaviCGHeroStats div{
        padding:0 0 0 15px;
        border-left:2px solid #b97800;
    }

    .gaviCGHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gaviCGPrimaryBtn,
    .gaviCGPhoneBtn{
        width:100%;
    }

    .gaviCGHeroCard{
        padding:27px 22px;
    }

    .gaviCG55Intro h2,
    .gaviCG2024Header h2{
        font-size:32px;
    }

    .gaviCG55Evidence{
        padding:23px;
    }

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

    .gaviCGMethodology{
        padding:23px;
    }

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

    .gaviCG55Bottom{
        padding:21px;
    }

    .gaviCGInlineBtn{
        width:100%;
    }

    .gaviCG2024Method{
        padding:24px;
    }

    .gaviCG2024Note{
        padding:18px;
    }

    .gaviCG2024CTA{
        padding:24px 20px;
    }

    .gaviCG2024Actions{
        width:100%;
        flex-direction:column;
        align-items:stretch;
    }

    .gaviCGGoldBtn,
    .gaviCGDarkPhone{
        width:100%;
    }

}
/* =========================================================
   FIVE PAN INDIA VALUATION PROFILES
   Master Namespace: gavip
   Royal Navy + Gold
========================================================= */


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

.gavipHero{
    position:relative;
    overflow:hidden;
    padding:100px 0 92px;
    background:
        radial-gradient(circle at 15% 15%,rgba(240,180,41,.12),transparent 28%),
        radial-gradient(circle at 85% 80%,rgba(185,120,0,.11),transparent 28%),
        linear-gradient(135deg,#04152d,#061d3d 55%,#092f62);
    color:#fff;
}

.gavipHeroPattern{
    position:absolute;
    inset:0;
    opacity:.08;
    background-image:
        linear-gradient(30deg,#fff 1px,transparent 1px),
        linear-gradient(150deg,#fff 1px,transparent 1px);
    background-size:55px 95px;
    pointer-events:none;
}

.gavipHeroInner{
    position:relative;
    max-width:980px;
    margin:auto;
    text-align:center;
    z-index:2;
}

.gavipHeroEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    margin-bottom:20px;
    color:#f0b429;
    font-size:15px;
    font-weight:800;
    letter-spacing:2px;
}

.gavipHeroEyebrow span{
    width:42px;
    height:2px;
    background:linear-gradient(90deg,#b97800,#f0b429);
}

.gavipHero h1{
    margin:0 auto 24px;
    color:#fff;
    font-size:clamp(40px,5vw,68px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:800;
}

.gavipHero h1 strong{
    display:block;
    color:#f0b429;
}

.gavipHeroInner > p{
    max-width:850px;
    margin:0 auto;
    color:#dce5ef;
    font-size:18px;
    line-height:1.75;
}

.gavipHeroInner > p strong{
    color:#fff;
}

.gavipHeroTags{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    gap:9px;
    margin-top:27px;
}

.gavipHeroTags span{
    padding:9px 14px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:4px;
    background:rgba(255,255,255,.055);
    color:#e7edf4;
    font-size:15px;
    font-weight:700;
}

.gavipHeroActions{
    display:flex;
    align-items:center;
    justify-content:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:31px;
}

.gavipPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:13px;
    min-height:56px;
    padding:0 28px;
    border-radius:5px;
    border:1px solid #f0b429;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 30px rgba(185,120,0,.25);
    transition:all .3s ease;
}

.gavipPrimaryCta:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(185,120,0,.36);
}

.gavipPrimaryCta span{
    font-size:22px;
}

.gavipPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:56px;
    padding:0 22px;
    border:1px solid rgba(255,255,255,.23);
    border-radius:5px;
    color:#fff !important;
    background:rgba(255,255,255,.055);
    font-size:16px;
    font-weight:750;
    text-decoration:none !important;
    transition:all .3s ease;
}

.gavipPhoneCta:hover{
    border-color:#f0b429;
    color:#f0b429 !important;
}


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

.gavipIntro{
    padding:82px 0;
    background:#f8fafc;
}

.gavipIntroGrid{
    display:grid;
    grid-template-columns:260px minmax(0,1fr);
    gap:55px;
    align-items:start;
}

.gavipIntroLabel{
    padding-top:8px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gavipIntroLabel span{
    display:block;
    margin-bottom:11px;
    color:#092f62;
    font-size:34px;
    letter-spacing:0;
}

.gavipIntroContent h2{
    margin:0 0 20px;
    color:#061d3d;
    font-size:clamp(30px,3.4vw,46px);
    line-height:1.15;
    letter-spacing:-1px;
}

.gavipIntroContent h2 strong{
    color:#b97800;
}

.gavipIntroContent p{
    margin:0 0 16px;
    color:#526276;
    font-size:16px;
    line-height:1.8;
}

.gavipIntroContent p strong{
    color:#092f62;
}

.gavipIntroNote{
    margin-top:25px;
    padding:17px 19px;
    border-left:4px solid #b97800;
    background:#fff;
    color:#4d5d70;
    font-size:15px;
    line-height:1.65;
    box-shadow:0 8px 24px rgba(6,29,61,.06);
}

.gavipIntroNote strong{
    color:#092f62;
}


/* =========================================================
   PROFILE BASE
========================================================= */

.gavipProfile{
    position:relative;
    padding:88px 0;
    overflow:hidden;
}

.gavipProfileDark{
    background:
        radial-gradient(circle at 90% 20%,rgba(185,120,0,.12),transparent 27%),
        linear-gradient(125deg,#04152d,#061d3d 65%,#092f62);
    color:#fff;
}

.gavipProfileLight{
    background:#fff;
    color:#061d3d;
}

.gavipProfileGrid{
    display:grid;
    grid-template-columns:145px minmax(0,1fr) 245px;
    gap:35px;
    align-items:start;
}

.gavipProfileNumber{
    padding-top:4px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.7px;
}

.gavipProfileNumber span{
    display:block;
    margin-bottom:5px;
    color:#d99a16;
    font-size:48px;
    line-height:1;
    letter-spacing:-2px;
}

.gavipProfileLight .gavipProfileNumber span{
    color:#092f62;
}

.gavipProfileEyebrow{
    margin-bottom:11px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gavipProfileContent h2{
    margin:0 0 17px;
    font-size:clamp(29px,3.2vw,44px);
    line-height:1.13;
    letter-spacing:-1px;
}

.gavipProfileDark .gavipProfileContent h2{
    color:#fff;
}

.gavipProfileLight .gavipProfileContent h2{
    color:#061d3d;
}

.gavipProfileContent h2 strong{
    color:#f0b429;
}

.gavipProfileLight .gavipProfileContent h2 strong{
    color:#b97800;
}

.gavipProfileLead{
    max-width:850px;
    margin:0 0 25px;
    font-size:16px;
    line-height:1.78;
}

.gavipProfileDark .gavipProfileLead{
    color:#dce5ef;
}

.gavipProfileLight .gavipProfileLead{
    color:#526276;
}

.gavipProfileLead strong{
    color:#b97800;
}


/* =========================================================
   FACTS
========================================================= */

.gavipProfileFacts{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-bottom:24px;
}

.gavipProfileFacts > div{
    padding:15px 16px;
    border-radius:5px;
}

.gavipProfileDark .gavipProfileFacts > div{
    border:1px solid rgba(255,255,255,.11);
    background:rgba(255,255,255,.045);
}

.gavipProfileLight .gavipProfileFacts > div{
    border:1px solid #e2e7ee;
    background:#f8fafc;
}

.gavipProfileFacts span{
    display:block;
    margin-bottom:5px;
    font-size:15px;
}

.gavipProfileDark .gavipProfileFacts span{
    color:#9eafc1;
}

.gavipProfileLight .gavipProfileFacts span{
    color:#687789;
}

.gavipProfileFacts strong{
    display:block;
    font-size:15px;
    line-height:1.4;
}

.gavipProfileDark .gavipProfileFacts strong{
    color:#fff;
}

.gavipProfileLight .gavipProfileFacts strong{
    color:#092f62;
}


/* =========================================================
   METHODOLOGY
========================================================= */

.gavipMethodology{
    margin-top:5px;
    padding:20px;
    border-radius:6px;
}

.gavipProfileDark .gavipMethodology{
    border:1px solid rgba(240,180,41,.2);
    background:rgba(255,255,255,.04);
}

.gavipProfileLight .gavipMethodology{
    border:1px solid #e4e8ef;
    background:#f8fafc;
}

.gavipMethodologyTitle{
    margin-bottom:8px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.2px;
}

.gavipMethodology p{
    margin:0;
    font-size:15px;
    line-height:1.7;
}

.gavipProfileDark .gavipMethodology p{
    color:#ccd7e3;
}

.gavipProfileLight .gavipMethodology p{
    color:#526276;
}

.gavipMethodology strong{
    color:#b97800;
}


/* =========================================================
   RESULT GRID
========================================================= */

.gavipResultGrid{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin-top:16px;
}

.gavipResultGrid > div{
    padding:16px;
    border-radius:5px;
    text-align:center;
}

.gavipProfileDark .gavipResultGrid > div{
    background:#092f62;
    border:1px solid rgba(240,180,41,.2);
}

.gavipProfileLight .gavipResultGrid > div{
    background:#061d3d;
    border:1px solid #061d3d;
}

.gavipResultGrid span{
    display:block;
    margin-bottom:5px;
    color:#c4d0dc;
    font-size:15px;
}

.gavipResultGrid strong{
    display:block;
    color:#f0b429;
    font-size:18px;
}


/* =========================================================
   PROFILE SIDE
========================================================= */

.gavipProfileSide{
    min-height:360px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    padding:24px;
    border-radius:8px;
}

.gavipProfileDark .gavipProfileSide{
    border:1px solid rgba(240,180,41,.25);
    background:rgba(255,255,255,.045);
}

.gavipProfileLight .gavipProfileSide{
    border:1px solid #dfe5ed;
    background:linear-gradient(145deg,#f8fafc,#eef3f8);
}

.gavipSideBadge{
    display:inline-flex;
    align-self:flex-start;
    padding:8px 11px;
    border-radius:3px;
    background:#b97800;
    color:#061d3d;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
}

.gavipSideQuote{
    padding:25px 0;
}

.gavipSideQuote span{
    display:block;
    margin-bottom:9px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1px;
}

.gavipSideQuote strong{
    display:block;
    font-size:20px;
    line-height:1.4;
}

.gavipProfileDark .gavipSideQuote strong{
    color:#fff;
}

.gavipProfileLight .gavipSideQuote strong{
    color:#061d3d;
}

.gavipSideTags{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
}

.gavipSideTags span{
    padding:7px 8px;
    border-radius:3px;
    font-size:15px;
    font-weight:700;
}

.gavipProfileDark .gavipSideTags span{
    border:1px solid rgba(255,255,255,.14);
    color:#d9e2ec;
}

.gavipProfileLight .gavipSideTags span{
    border:1px solid #dbe2ea;
    color:#092f62;
}


/* =========================================================
   COMPARISON
========================================================= */

.gavipComparison{
    padding:90px 0;
    background:#f7f9fc;
}

.gavipComparisonHeader{
    max-width:760px;
    margin:0 auto 40px;
    text-align:center;
}

.gavipSectionEyebrow{
    margin-bottom:11px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.6px;
}

.gavipComparisonHeader h2{
    margin:0 0 14px;
    color:#061d3d;
    font-size:clamp(31px,3.5vw,46px);
    line-height:1.15;
}

.gavipComparisonHeader h2 strong{
    color:#b97800;
}

.gavipComparisonHeader p{
    margin:0;
    color:#59697c;
    font-size:16px;
    line-height:1.7;
}

.gavipComparisonTable{
    overflow:hidden;
    border:1px solid #dce3eb;
    border-radius:8px;
    background:#fff;
    box-shadow:0 12px 30px rgba(6,29,61,.07);
}

.gavipTableRow{
    display:grid;
    grid-template-columns:1fr 1.4fr 1.5fr 1.2fr;
    border-bottom:1px solid #e3e8ee;
}

.gavipTableRow:last-child{
    border-bottom:0;
}

.gavipTableRow > div{
    padding:17px 18px;
    color:#526276;
    font-size:15px;
    line-height:1.5;
}

.gavipTableRow > div + div{
    border-left:1px solid #e7ebf0;
}

.gavipTableHead{
    background:#061d3d;
}

.gavipTableHead > div{
    color:#f0b429;
    font-size:15px;
    font-weight:850;
}

.gavipTableRow:not(.gavipTableHead) > div:first-child strong{
    color:#092f62;
}


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

.gavipFinalCta{
    position:relative;
    overflow:hidden;
    padding:75px 0;
    background:
        radial-gradient(circle at 90% 30%,rgba(240,180,41,.14),transparent 28%),
        linear-gradient(125deg,#04152d,#061d3d 65%,#092f62);
}

.gavipFinalCtaGlow{
    position:absolute;
    width:360px;
    height:360px;
    right:-180px;
    top:-180px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gavipFinalCtaInner{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:45px;
    z-index:2;
}

.gavipFinalCtaInner h2{
    margin:0 0 14px;
    color:#fff;
    font-size:clamp(30px,3.5vw,46px);
    line-height:1.15;
}

.gavipFinalCtaInner h2 strong{
    color:#f0b429;
}

.gavipFinalCtaInner p{
    max-width:700px;
    margin:0;
    color:#cbd6e1;
    font-size:16px;
    line-height:1.7;
}

.gavipFinalActions{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    min-width:235px;
}

.gavipFinalButton{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:57px;
    padding:0 23px;
    border:1px solid #f0b429;
    border-radius:5px;
    background:linear-gradient(135deg,#b97800,#f0b429);
    color:#061d3d !important;
    font-size:16px;
    font-weight:850;
    text-decoration:none !important;
    box-shadow:0 12px 28px rgba(185,120,0,.24);
    transition:all .3s ease;
}

.gavipFinalButton:hover{
    transform:translateY(-3px);
    box-shadow:0 18px 34px rgba(185,120,0,.35);
}

.gavipFinalButton span{
    font-size:21px;
}

.gavipFinalPhone{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    min-height:60px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    color:#fff !important;
    text-decoration:none !important;
    background:rgba(255,255,255,.045);
    transition:all .3s ease;
}

.gavipFinalPhone:hover{
    border-color:#f0b429;
}

.gavipFinalPhone small{
    color:#aebdcd;
    font-size:15px;
}

.gavipFinalPhone strong{
    margin-top:2px;
    color:#f0b429;
    font-size:17px;
}


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

@media(max-width:1100px){

    .gavipProfileGrid{
        grid-template-columns:100px minmax(0,1fr) 210px;
        gap:25px;
    }

}

@media(max-width:991px){

    .gavipHero{
        padding:75px 0;
    }

    .gavipIntroGrid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .gavipIntroLabel{
        padding:0;
    }

    .gavipProfileGrid{
        grid-template-columns:80px minmax(0,1fr);
    }

    .gavipProfileSide{
        grid-column:2;
        min-height:auto;
        gap:20px;
    }

    .gavipSideQuote{
        padding:15px 0;
    }

    .gavipFinalCtaInner{
        flex-direction:column;
        align-items:flex-start;
    }

    .gavipFinalActions{
        width:100%;
        max-width:330px;
    }

}

@media(max-width:767px){

    .gavipHero{
        padding:58px 0;
    }

    .gavipHero h1{
        font-size:38px;
    }

    .gavipHeroInner > p{
        font-size:16px;
    }

    .gavipHeroActions{
        flex-direction:column;
        align-items:stretch;
    }

    .gavipPrimaryCta,
    .gavipPhoneCta{
        width:100%;
    }

    .gavipIntro,
    .gavipProfile,
    .gavipComparison{
        padding:65px 0;
    }

    .gavipProfileGrid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .gavipProfileNumber{
        display:flex;
        align-items:center;
        gap:12px;
    }

    .gavipProfileNumber span{
        margin:0;
        font-size:38px;
    }

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

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

    .gavipProfileSide{
        grid-column:auto;
    }

    .gavipComparisonTable{
        overflow-x:auto;
    }

    .gavipTableRow{
        min-width:720px;
    }

    .gavipFinalCta{
        padding:60px 0;
    }

    .gavipFinalCtaInner h2{
        font-size:32px;
    }

}

@media(max-width:480px){

    .gavipHero h1{
        font-size:34px;
    }

    .gavipHeroEyebrow span{
        width:25px;
    }

    .gavipHeroTags span{
        width:100%;
    }

}

/* =========================================================
   NOIDA PLOT OWNER JOURNEY
   Unique namespaces:
   noidaPlotJourney | noidaPlotStep | noidaPlotFinalCta
   Palette: Royal Navy & Gold
========================================================= */

.noidaPlotJourney,
.noidaPlotJourney *,
.noidaPlotStep,
.noidaPlotStep *,
.noidaPlotFinalCta,
.noidaPlotFinalCta * {
    box-sizing: border-box;
}

/* =========================================================
   SECTION 0 — PAGE INTRO
========================================================= */

.noidaPlotJourney {
    --npj-navy: #092f62;
    --npj-dark: #061d3d;
    --npj-deep: #04152d;
    --npj-gold: #b97800;
    --npj-gold-light: #d99a16;
    --npj-gold-bright: #f0b429;
    --npj-text: #26364a;
    --npj-muted: #59697c;
    --npj-border: #dce4ef;

    padding: 35px 0 0;
    color: var(--npj-text);
    background: linear-gradient(135deg, #ffffff, #f3f7fc);
    font-family: inherit;
}

.noidaPlotJourney__container,
.noidaPlotStep__container,
.noidaPlotFinalCta__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPlotJourney__breadcrumb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 26px;
    color: var(--npj-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaPlotJourney__breadcrumb a {
    color: var(--npj-navy);
    font-weight: 750;
    text-decoration: none;
}

.noidaPlotJourney__breadcrumb a:hover {
    color: var(--npj-gold);
}

.noidaPlotJourney__breadcrumb span:nth-child(2) {
    color: var(--npj-gold);
    font-weight: 850;
}

.noidaPlotJourney__intro {
    position: relative;
    padding: clamp(30px, 5vw, 58px);
    overflow: hidden;
    border: 1px solid #dce5f0;
    border-radius: 16px;
    background:
        radial-gradient(ellipse at 100% 0%,
            rgba(217, 154, 22, 0.13), transparent 38%),
        #ffffff;
    box-shadow: 0 14px 40px rgba(4, 21, 45, 0.045);
}

.noidaPlotJourney__intro::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 5px;
    background: linear-gradient(
        180deg,
        #f0b429,
        #b97800
    );
}

.noidaPlotJourney__eyebrow {
    display: block;
    margin-bottom: 15px;
    color: var(--npj-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.2px;
}

.noidaPlotJourney h1 {
    max-width: 950px;
    margin: 0 0 19px;
    color: var(--npj-dark);
    font-size: clamp(34px, 4.2vw, 52px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -1px;
    overflow-wrap: anywhere;
}

.noidaPlotJourney h1 strong {
    color: var(--npj-navy);
    font-weight: 900;
}

.noidaPlotJourney__introText {
    max-width: 900px;
    margin: 0;
    color: var(--npj-muted);
    font-size: 18px;
    line-height: 1.8;
}

.noidaPlotJourney__introText strong {
    color: var(--npj-navy);
    font-weight: 850;
}

.noidaPlotJourney__introTags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 25px;
}

.noidaPlotJourney__introTags span {
    padding: 9px 13px;
    border: 1px solid #dce5f0;
    border-radius: 6px;
    color: var(--npj-navy);
    background: #f7f9fc;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
}

.noidaPlotJourney__introActions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 27px;
}

/* SHARED BUTTONS */

.noidaPlotJourney__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.45;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaPlotJourney__button:hover {
    transform: translateY(-2px);
}

.noidaPlotJourney__button--gold {
    color: #04152d !important;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 21px rgba(185, 120, 0, 0.2);
}

.noidaPlotJourney__button--gold:hover {
    box-shadow: 0 12px 27px rgba(185, 120, 0, 0.3);
}

.noidaPlotJourney__button--navy {
    color: #ffffff !important;
    background: #092f62;
    box-shadow: 0 8px 20px rgba(9, 47, 98, 0.17);
}

.noidaPlotJourney__button--navy:hover {
    background: #061d3d;
}

.noidaPlotJourney__button--white {
    color: #092f62 !important;
    border-color: rgba(255, 255, 255, 0.6);
    background: #ffffff;
}

.noidaPlotJourney__button--full {
    width: 100%;
}

/* STEP NAVIGATION */

.noidaPlotJourney__stepNav {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
    padding: 22px 0 30px;
}

.noidaPlotJourney__stepNav a {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 14px 16px;
    border: 1px solid #dce4ef;
    border-radius: 9px;
    color: var(--npj-navy);
    background: #ffffff;
    text-decoration: none;
    transition: border-color 0.2s ease, transform 0.2s ease;
}

.noidaPlotJourney__stepNav a:hover {
    transform: translateY(-2px);
    border-color: var(--npj-gold-light);
}

.noidaPlotJourney__stepNav a > span {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: var(--npj-deep);
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.noidaPlotJourney__stepNav strong {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
}


/* =========================================================
   SHARED STEP SECTION STYLES
========================================================= */

.noidaPlotStep {
    --nps-navy: #092f62;
    --nps-dark: #061d3d;
    --nps-deep: #04152d;
    --nps-gold: #b97800;
    --nps-gold-light: #d99a16;
    --nps-gold-bright: #f0b429;
    --nps-text: #26364a;
    --nps-muted: #59697c;
    --nps-border: #dce4ef;

    padding: 68px 0;
    color: var(--nps-text);
    background: #ffffff;
    font-family: inherit;
    scroll-margin-top: 30px;
}

.noidaPlotStep--deed {
    background: #f6f8fc;
}

.noidaPlotStep--section50c {
    background: #ffffff;
}

.noidaPlotStep--documents {
    background: #f6f8fc;
}

.noidaPlotStep__heading {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    align-items: start;
    gap: 19px;
    margin-bottom: 34px;
}

.noidaPlotStep__number {
    width: 58px;
    height: 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: #04152d;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 18px rgba(185, 120, 0, 0.17);
    font-size: 22px;
    font-weight: 900;
}

.noidaPlotStep__eyebrow {
    display: block;
    margin: 0 0 8px;
    color: var(--nps-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaPlotStep__heading h2 {
    margin: 0 0 12px;
    color: var(--nps-dark);
    font-size: clamp(28px, 3.1vw, 40px);
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.6px;
}

.noidaPlotStep__heading h2 strong {
    color: var(--nps-navy);
    font-weight: 900;
}

.noidaPlotStep__heading p {
    max-width: 880px;
    margin: 0;
    color: var(--nps-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaPlotStep__contentGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(290px, 0.75fr);
    align-items: start;
    gap: 30px;
}

.noidaPlotStep__main {
    min-width: 0;
}

.noidaPlotStep__main > p,
.noidaPlotStep__section50cIntro > p {
    margin: 0 0 18px;
    color: var(--nps-muted);
    font-size: 16px;
    line-height: 1.9;
}

.noidaPlotStep__main > p strong,
.noidaPlotStep__section50cIntro > p strong {
    color: var(--nps-navy);
    font-weight: 850;
}

.noidaPlotStep__subheading {
    margin: 29px 0 17px;
    color: var(--nps-dark);
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

/* HIGHLIGHT PANEL */

.noidaPlotStep__highlight {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin: 25px 0;
    padding: 21px;
    border: 1px solid #e7d3a7;
    border-left: 4px solid #d99a16;
    border-radius: 9px;
    background: linear-gradient(120deg, #fffaf0, #ffffff);
}

.noidaPlotStep__highlightIcon {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #04152d;
    background: #f0b429;
    font-size: 18px;
    font-weight: 900;
}

.noidaPlotStep__highlight h3 {
    margin: 0 0 7px;
    color: var(--nps-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotStep__highlight p {
    margin: 0;
    color: var(--nps-muted);
    font-size: 16px;
    line-height: 1.8;
}

/* CHECKLIST */

.noidaPlotStep__checkList {
    display: grid;
    gap: 16px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noidaPlotStep__checkList li {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.noidaPlotStep__checkList li > span {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2px;
    border-radius: 50%;
    color: #04152d;
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.noidaPlotStep__checkList strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nps-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotStep__checkList p {
    margin: 0;
    color: var(--nps-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* SIDE CARD */

.noidaPlotStep__sideCard {
    min-width: 0;
    padding: 25px;
    border: 1px solid #dce4ef;
    border-top: 4px solid #d99a16;
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 12px 32px rgba(4, 21, 45, 0.06);
}

.noidaPlotStep__sideLabel {
    display: block;
    margin-bottom: 12px;
    color: #b97800;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.7px;
}

.noidaPlotStep__sideCard h3 {
    margin: 0 0 12px;
    color: #061d3d;
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaPlotStep__sideCard > p {
    margin: 0 0 20px;
    color: #59697c;
    font-size: 16px;
    line-height: 1.8;
}

.noidaPlotStep__scenarioRow {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    padding: 13px 0;
    border-bottom: 1px solid #e5ebf3;
}

.noidaPlotStep__scenarioRow span {
    color: #59697c;
    font-size: 15px;
    line-height: 1.6;
}

.noidaPlotStep__scenarioRow strong {
    color: #092f62;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-align: right;
}

.noidaPlotStep__scenarioNote,
.noidaPlotStep__sideWarning {
    margin-top: 18px;
    padding: 15px;
    border-radius: 7px;
    color: #46586d;
    background: #f3f6fa;
    font-size: 15px;
    line-height: 1.75;
}

.noidaPlotStep__scenarioNote strong {
    color: #092f62;
    font-weight: 850;
}

.noidaPlotStep__textLink,
.noidaPlotStep__officialLink {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 20px;
    color: #092f62 !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-decoration: none !important;
}

.noidaPlotStep__textLink:hover,
.noidaPlotStep__officialLink:hover {
    color: #b97800 !important;
}

/* STEP 1 BOTTOM CTA */

.noidaPlotStep__bottomCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 35px;
    padding: 25px;
    border: 1px solid #e7d3a7;
    border-radius: 11px;
    background: linear-gradient(120deg, #fffaf0, #ffffff);
}

.noidaPlotStep__bottomCta > div:first-child {
    min-width: 0;
}

.noidaPlotStep__bottomCta > div:first-child > strong {
    display: block;
    margin-bottom: 6px;
    color: #061d3d;
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotStep__bottomCta p {
    margin: 0;
    color: #59697c;
    font-size: 15px;
    line-height: 1.75;
}

.noidaPlotStep__bottomActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

.noidaPlotStep__phoneLink {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaPlotStep__phoneLink:hover {
    color: #b97800 !important;
}

/* STEP 2 TIMELINE */

.noidaPlotStep__timeline {
    position: relative;
    display: grid;
    gap: 19px;
    margin-top: 21px;
}

.noidaPlotStep__timelineItem {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.noidaPlotStep__timelineItem > span {
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e7d3a7;
    border-radius: 50%;
    color: #061d3d;
    background: #fff2cf;
    font-size: 15px;
    font-weight: 900;
}

.noidaPlotStep__timelineItem strong {
    display: block;
    margin-bottom: 5px;
    color: #092f62;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotStep__timelineItem p {
    margin: 0;
    color: #59697c;
    font-size: 15px;
    line-height: 1.8;
}

.noidaPlotStep__sideCard--navy {
    border-top-color: #092f62;
}

.noidaPlotStep__documentList {
    display: grid;
    gap: 13px;
    margin: 20px 0;
    padding: 0;
    list-style: none;
}

.noidaPlotStep__documentList li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #34475d;
    font-size: 15px;
    line-height: 1.7;
}

.noidaPlotStep__documentList li span {
    color: #b97800;
    font-weight: 900;
}

.noidaPlotStep__sidePhone {
    display: flex;
    justify-content: center;
    margin-top: 10px;
    color: #092f62 !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.6;
    text-decoration: none !important;
}

/* STEP 3 SECTION 50C */

.noidaPlotStep__section50cGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    align-items: start;
    gap: 32px;
}

.noidaPlotStep__section50cIntro {
    min-width: 0;
}

.noidaPlotStep__checkPanel {
    padding: 25px;
    border: 1px solid #dce4ef;
    border-radius: 12px;
    background: linear-gradient(155deg, #ffffff, #f6f8fc);
    box-shadow: 0 12px 32px rgba(4, 21, 45, 0.05);
}

.noidaPlotStep__checkPanel > h3 {
    margin: 0 0 20px;
    color: #061d3d;
    font-size: 22px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaPlotStep__checkRow {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 16px 0;
    border-bottom: 1px solid #e2e8f1;
}

.noidaPlotStep__checkRow > span {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: #04152d;
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.noidaPlotStep__checkRow strong {
    display: block;
    margin-bottom: 4px;
    color: #092f62;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotStep__checkRow p {
    margin: 0;
    color: #59697c;
    font-size: 15px;
    line-height: 1.75;
}

.noidaPlotStep__checkPanelFooter {
    display: grid;
    gap: 7px;
    margin-top: 22px;
}

/* STEP 4 DOCUMENT CARDS */

.noidaPlotStep__documentsGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.noidaPlotStep__documentCard {
    min-width: 0;
    padding: 23px;
    border: 1px solid #dce4ef;
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4, 21, 45, 0.035);
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.noidaPlotStep__documentCard:hover {
    transform: translateY(-3px);
    border-color: #d9a437;
}

.noidaPlotStep__documentIcon {
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 8px;
    color: #04152d;
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.noidaPlotStep__documentCard h3 {
    margin: 0 0 10px;
    color: #092f62;
    font-size: 19px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaPlotStep__documentCard p {
    margin: 0;
    color: #59697c;
    font-size: 15px;
    line-height: 1.8;
}

.noidaPlotStep__documentTip {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    margin-top: 25px;
    padding: 22px;
    border: 1px solid #e7d3a7;
    border-radius: 10px;
    background: #fffaf0;
}

.noidaPlotStep__tipIcon {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #04152d;
    background: #f0b429;
    font-size: 18px;
    font-weight: 900;
}

.noidaPlotStep__documentTip strong {
    display: block;
    margin-bottom: 5px;
    color: #092f62;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotStep__documentTip p {
    margin: 0;
    color: #59697c;
    font-size: 15px;
    line-height: 1.8;
}


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

.noidaPlotFinalCta {
    --npfc-navy: #092f62;
    --npfc-dark: #061d3d;
    --npfc-gold: #b97800;
    --npfc-gold-light: #d99a16;
    --npfc-gold-bright: #f0b429;

    padding: 62px 0;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 90% 0%,
            rgba(240, 180, 41, 0.15), transparent 36%),
        linear-gradient(120deg, #04152d, #092f62);
    font-family: inherit;
}

.noidaPlotFinalCta__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
}

.noidaPlotFinalCta__content {
    flex: 1;
    min-width: 0;
}

.noidaPlotFinalCta__content > span {
    display: block;
    margin-bottom: 11px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1px;
}

.noidaPlotFinalCta__content h2 {
    max-width: 720px;
    margin: 0 0 13px;
    color: #ffffff;
    font-size: clamp(28px, 3vw, 39px);
    font-weight: 650;
    line-height: 1.3;
}

.noidaPlotFinalCta__content h2 strong {
    color: #f0b429;
    font-weight: 900;
}

.noidaPlotFinalCta__content p {
    max-width: 730px;
    margin: 0;
    color: #e0e8f3;
    font-size: 16px;
    line-height: 1.85;
}

.noidaPlotFinalCta__actions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.noidaPlotFinalCta__whatsapp {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 12px 20px;
    border: 1px solid rgba(255, 255, 255, 0.45);
    border-radius: 8px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaPlotFinalCta__whatsapp:hover {
    color: #f0b429 !important;
    border-color: #f0b429;
}


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

@media (max-width: 1000px) {
    .noidaPlotJourney__stepNav {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .noidaPlotStep__contentGrid,
    .noidaPlotStep__section50cGrid {
        grid-template-columns: 1fr;
    }

    .noidaPlotStep__sideCard {
        max-width: none;
    }

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

    .noidaPlotFinalCta__container {
        align-items: flex-start;
        flex-direction: column;
    }

    .noidaPlotFinalCta__actions {
        width: min(100%, 390px);
    }
}

@media (max-width: 650px) {
    .noidaPlotJourney {
        padding-top: 24px;
    }

    .noidaPlotJourney__container,
    .noidaPlotStep__container,
    .noidaPlotFinalCta__container {
        width: calc(100% - 32px);
    }

    .noidaPlotJourney__intro {
        padding: 27px 22px 26px;
    }

    .noidaPlotJourney h1 {
        font-size: clamp(31px, 8vw, 39px);
        letter-spacing: -0.5px;
    }

    .noidaPlotJourney__introText {
        font-size: 16px;
        line-height: 1.8;
    }

    .noidaPlotJourney__introTags {
        gap: 7px;
    }

    .noidaPlotJourney__introTags span {
        font-size: 15px;
    }

    .noidaPlotJourney__introActions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .noidaPlotJourney__button {
        width: 100%;
        min-height: 53px;
    }

    .noidaPlotJourney__stepNav {
        grid-template-columns: 1fr 1fr;
        gap: 9px;
        padding: 17px 0 22px;
    }

    .noidaPlotJourney__stepNav a {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
        padding: 12px;
    }

    .noidaPlotStep {
        padding: 48px 0;
    }

    .noidaPlotStep__heading {
        grid-template-columns: 45px minmax(0, 1fr);
        gap: 13px;
        margin-bottom: 25px;
    }

    .noidaPlotStep__number {
        width: 45px;
        height: 45px;
        font-size: 18px;
    }

    .noidaPlotStep__heading h2 {
        font-size: clamp(27px, 7vw, 34px);
    }

    .noidaPlotStep__heading p {
        font-size: 16px;
    }

    .noidaPlotStep__contentGrid,
    .noidaPlotStep__section50cGrid {
        gap: 23px;
    }

    .noidaPlotStep__sideCard,
    .noidaPlotStep__checkPanel {
        padding: 21px;
    }

    .noidaPlotStep__bottomCta {
        align-items: stretch;
        flex-direction: column;
        padding: 21px;
    }

    .noidaPlotStep__bottomActions {
        width: 100%;
    }

    .noidaPlotStep__documentsGrid {
        grid-template-columns: 1fr;
        gap: 13px;
    }

    .noidaPlotStep__documentCard {
        padding: 21px;
    }

    .noidaPlotFinalCta {
        padding: 48px 0;
    }

    .noidaPlotFinalCta__content h2 {
        font-size: 29px;
    }

    .noidaPlotFinalCta__actions {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaPlotJourney__stepNav a,
    .noidaPlotJourney__button,
    .noidaPlotStep__documentCard {
        transition: none;
    }
}


/* =========================================================
   DELHI-BORDER FLAT BUYER'S GUIDE
   Brand: Royal Navy + Gold
   Unique namespaces per section
   Minimum text size: 15px
========================================================= */

.noidaBorderIntro,
.noidaBorderIntro *,
.noidaBorderPremium,
.noidaBorderPremium *,
.noidaBorderCompare,
.noidaBorderCompare *,
.noidaBorderFMV,
.noidaBorderFMV * {
    box-sizing: border-box;
}

/* =========================================================
   SECTION 1 — INTRODUCTION
========================================================= */

.noidaBorderIntro {
    --nbi-navy: #092f62;
    --nbi-dark: #061d3d;
    --nbi-deep: #04152d;
    --nbi-gold: #b97800;
    --nbi-gold-light: #d99a16;
    --nbi-gold-bright: #f0b429;
    --nbi-text: #26364a;
    --nbi-muted: #59697c;
    --nbi-border: #dce4ef;

    padding: 44px 0 68px;
    color: var(--nbi-text);
    background:
        radial-gradient(ellipse at 90% 10%, rgba(217,154,22,.09), transparent 30%),
        linear-gradient(135deg, #ffffff, #f4f7fc);
    font-family: inherit;
}

.noidaBorderIntro__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaBorderIntro__breadcrumb {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
    color: var(--nbi-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaBorderIntro__breadcrumb a {
    color: var(--nbi-navy);
    font-weight: 750;
    text-decoration: none;
}

.noidaBorderIntro__breadcrumb a:hover {
    color: var(--nbi-gold);
}

.noidaBorderIntro__breadcrumb span:nth-child(2) {
    color: var(--nbi-gold);
}

.noidaBorderIntro__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    align-items: center;
    gap: clamp(32px, 5vw, 68px);
}

.noidaBorderIntro__eyebrow,
.noidaBorderPremium__eyebrow,
.noidaBorderCompare__eyebrow,
.noidaBorderFMV__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--nbi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.noidaBorderIntro h1 {
    margin: 0 0 22px;
    color: var(--nbi-dark);
    font-size: clamp(35px, 4vw, 52px);
    font-weight: 550;
    line-height: 1.13;
    letter-spacing: -1.1px;
}

.noidaBorderIntro h1 strong {
    color: var(--nbi-navy);
    font-weight: 850;
}

.noidaBorderIntro__lead {
    margin: 0 0 16px;
    color: #30445c;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
}

.noidaBorderIntro__lead strong,
.noidaBorderIntro__text strong {
    color: var(--nbi-navy);
    font-weight: 850;
}

.noidaBorderIntro__text {
    margin: 0 0 22px;
    color: var(--nbi-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaBorderIntro__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 25px;
}

.noidaBorderIntro__chips span {
    padding: 8px 12px;
    border: 1px solid #d7e1ef;
    border-radius: 6px;
    color: var(--nbi-navy);
    background: #ffffff;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.45;
}

.noidaBorderIntro__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 12px;
}

.noidaBorderIntro__button,
.noidaBorderPremium__button,
.noidaBorderCompare__button,
.noidaBorderFMV__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 15px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: #04152d !important;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 9px 22px rgba(185,120,0,.2);
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.noidaBorderIntro__button:hover,
.noidaBorderPremium__button:hover,
.noidaBorderCompare__button:hover,
.noidaBorderFMV__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(185,120,0,.28);
}

.noidaBorderIntro__phone,
.noidaBorderFMV__phone {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    padding: 13px 17px;
    border: 2px solid var(--nbi-navy);
    border-radius: 8px;
    color: #ffffff !important;
    background: var(--nbi-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: background .2s ease, transform .2s ease;
}

.noidaBorderIntro__phone:hover,
.noidaBorderFMV__phone:hover {
    transform: translateY(-2px);
    background: var(--nbi-dark);
}

/* INTRO SIDE PANEL */

.noidaBorderIntro__side {
    padding: 27px;
    border: 1px solid #dce4ef;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 20px 50px rgba(4,21,45,.075);
}

.noidaBorderIntro__sideHeader {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding-bottom: 22px;
    border-bottom: 1px solid #e4eaf2;
}

.noidaBorderIntro__sideIcon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--nbi-deep);
    background: var(--nbi-gold-bright);
    font-size: 24px;
    font-weight: 900;
}

.noidaBorderIntro__sideHeader > div > span {
    display: block;
    margin-bottom: 7px;
    color: var(--nbi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.noidaBorderIntro__sideHeader h2 {
    margin: 0;
    color: var(--nbi-navy);
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaBorderIntro__sideList {
    padding: 8px 0 4px;
}

.noidaBorderIntro__sideList > div {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 14px 0;
}

.noidaBorderIntro__check {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--nbi-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.noidaBorderIntro__sideList p {
    margin: 0;
}

.noidaBorderIntro__sideList strong {
    display: block;
    margin-bottom: 4px;
    color: var(--nbi-dark);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaBorderIntro__sideList small {
    display: block;
    color: var(--nbi-muted);
    font-size: 15px;
    line-height: 1.65;
}

.noidaBorderIntro__sideLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 18px;
    border-top: 1px solid #e4eaf2;
    color: var(--nbi-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-decoration: none !important;
}

.noidaBorderIntro__sideLink span {
    color: var(--nbi-gold);
    font-size: 21px;
}


/* =========================================================
   SECTION 2 — PREMIUM FACTORS
========================================================= */

.noidaBorderPremium {
    --nbp-navy: #092f62;
    --nbp-dark: #061d3d;
    --nbp-deep: #04152d;
    --nbp-gold: #b97800;
    --nbp-gold-light: #d99a16;
    --nbp-gold-bright: #f0b429;
    --nbp-text: #26364a;
    --nbp-muted: #59697c;
    --nbp-border: #dce4ef;

    padding: 76px 0 80px;
    color: var(--nbp-text);
    background: #ffffff;
    font-family: inherit;
}

.noidaBorderPremium__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaBorderPremium__heading {
    max-width: 820px;
    margin: 0 auto 39px;
    text-align: center;
}

.noidaBorderPremium__heading h2,
.noidaBorderCompare__heading h2 {
    margin: 0 0 15px;
    color: var(--nbp-dark);
    font-size: clamp(30px, 3.2vw, 42px);
    font-weight: 600;
    line-height: 1.23;
    letter-spacing: -.6px;
}

.noidaBorderPremium__heading h2 strong,
.noidaBorderCompare__heading h2 strong {
    color: var(--nbp-navy);
    font-weight: 850;
}

.noidaBorderPremium__heading p,
.noidaBorderCompare__heading p {
    margin: 0;
    color: var(--nbp-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaBorderPremium__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.noidaBorderPremium__card {
    padding: 27px 25px 25px;
    border: 1px solid var(--nbp-border);
    border-radius: 12px;
    background: linear-gradient(150deg, #ffffff, #f7f9fd);
    box-shadow: 0 8px 25px rgba(4,21,45,.04);
    transition: transform .22s ease, box-shadow .22s ease;
}

.noidaBorderPremium__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(4,21,45,.085);
}

.noidaBorderPremium__number {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 10px;
    color: var(--nbp-navy);
    background: #edf3fb;
    font-size: 17px;
    font-weight: 900;
}

.noidaBorderPremium__label {
    display: block;
    margin-bottom: 9px;
    color: var(--nbp-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.noidaBorderPremium__card h3 {
    margin: 0 0 13px;
    color: var(--nbp-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.noidaBorderPremium__card h3 strong {
    color: var(--nbp-navy);
    font-weight: 850;
}

.noidaBorderPremium__card > p {
    margin: 0 0 22px;
    color: var(--nbp-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaBorderPremium__card > p strong {
    color: var(--nbp-navy);
    font-weight: 850;
}

.noidaBorderPremium__detail {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-top: 16px;
    border-top: 1px solid var(--nbp-border);
}

.noidaBorderPremium__detailMark {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nbp-deep);
    background: var(--nbp-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaBorderPremium__detail p {
    margin: 0;
    color: var(--nbp-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.65;
}

.noidaBorderPremium__decision {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    margin-top: 28px;
    padding: 25px 27px;
    border-left: 4px solid var(--nbp-gold-light);
    border-radius: 0 10px 10px 0;
    background: #f5f8fc;
}

.noidaBorderPremium__decisionMark {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nbp-deep);
    background: var(--nbp-gold-bright);
    font-size: 21px;
    font-weight: 900;
}

.noidaBorderPremium__decision h3 {
    margin: 0 0 7px;
    color: var(--nbp-navy);
    font-size: 20px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaBorderPremium__decision p {
    margin: 0;
    color: var(--nbp-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaBorderPremium__cta,
.noidaBorderCompare__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 30px;
    padding: 27px 29px;
    border: 1px solid #dce4ef;
    border-radius: 12px;
    background: linear-gradient(120deg, #f4f7fc, #ffffff);
}

.noidaBorderPremium__cta > div:first-child {
    min-width: 0;
}

.noidaBorderPremium__cta > div:first-child > span {
    display: block;
    margin-bottom: 7px;
    color: var(--nbp-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.noidaBorderPremium__cta h3 {
    margin: 0;
    color: var(--nbp-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaBorderPremium__ctaActions,
.noidaBorderCompare__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
}

.noidaBorderPremium__call,
.noidaBorderCompare__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    color: var(--nbp-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaBorderPremium__call:hover,
.noidaBorderCompare__phone:hover {
    color: var(--nbp-gold) !important;
}


/* =========================================================
   SECTION 3 — SECTOR COMPARISON
========================================================= */

.noidaBorderCompare {
    --nbc-navy: #092f62;
    --nbc-dark: #061d3d;
    --nbc-deep: #04152d;
    --nbc-gold: #b97800;
    --nbc-gold-light: #d99a16;
    --nbc-gold-bright: #f0b429;
    --nbc-text: #26364a;
    --nbc-muted: #59697c;
    --nbc-border: #dce4ef;

    padding: 76px 0 80px;
    color: var(--nbc-text);
    background: #f5f8fc;
    font-family: inherit;
}

.noidaBorderCompare__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaBorderCompare__heading {
    max-width: 820px;
    margin: 0 auto 36px;
    text-align: center;
}

.noidaBorderCompare__eyebrow {
    color: var(--nbc-gold);
}

.noidaBorderCompare__heading h2 {
    color: var(--nbc-dark);
}

.noidaBorderCompare__heading h2 strong {
    color: var(--nbc-navy);
}

.noidaBorderCompare__tableWrap {
    overflow-x: auto;
    border: 1px solid var(--nbc-border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 12px 35px rgba(4,21,45,.05);
    -webkit-overflow-scrolling: touch;
}

.noidaBorderCompare__table {
    width: 100%;
    min-width: 740px;
    border-collapse: collapse;
    text-align: left;
}

.noidaBorderCompare__table thead {
    color: #ffffff;
    background: var(--nbc-navy);
}

.noidaBorderCompare__table th,
.noidaBorderCompare__table td {
    padding: 17px 18px;
    border-bottom: 1px solid var(--nbc-border);
    font-size: 15px;
    line-height: 1.7;
    vertical-align: top;
}

.noidaBorderCompare__table thead th {
    color: #ffffff;
    font-weight: 850;
}

.noidaBorderCompare__table thead th:first-child {
    border-top: 3px solid var(--nbc-gold-bright);
}

.noidaBorderCompare__table tbody th {
    width: 20%;
    color: var(--nbc-navy);
    background: #f8fafd;
    font-weight: 850;
}

.noidaBorderCompare__table tbody td {
    color: var(--nbc-muted);
}

.noidaBorderCompare__table tbody tr:last-child th,
.noidaBorderCompare__table tbody tr:last-child td {
    border-bottom: 0;
}

.noidaBorderCompare__table tbody tr:hover td,
.noidaBorderCompare__table tbody tr:hover th {
    background: #fffaf0;
}

.noidaBorderCompare__note {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 20px;
    padding: 19px 21px;
    border: 1px solid #ead8ad;
    border-radius: 9px;
    background: #fffaf0;
}

.noidaBorderCompare__noteIcon {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nbc-deep);
    background: var(--nbc-gold-bright);
    font-size: 16px;
    font-weight: 900;
}

.noidaBorderCompare__note p {
    margin: 0;
    color: var(--nbc-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaBorderCompare__note strong {
    color: var(--nbc-navy);
    font-weight: 850;
}

.noidaBorderCompare__cta {
    background: #ffffff;
}

.noidaBorderCompare__ctaText {
    min-width: 0;
}

.noidaBorderCompare__ctaText h3 {
    margin: 0 0 7px;
    color: var(--nbc-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaBorderCompare__ctaText p {
    margin: 0;
    color: var(--nbc-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaBorderCompare__button {
    color: var(--nbc-deep) !important;
}

.noidaBorderCompare__phone {
    color: var(--nbc-navy) !important;
}


/* =========================================================
   SECTION 4 — PRE-PURCHASE FMV CHECK
========================================================= */

.noidaBorderFMV {
    --nbf-navy: #092f62;
    --nbf-dark: #061d3d;
    --nbf-deep: #04152d;
    --nbf-gold: #b97800;
    --nbf-gold-light: #d99a16;
    --nbf-gold-bright: #f0b429;
    --nbf-text: #26364a;
    --nbf-muted: #59697c;
    --nbf-border: #dce4ef;

    padding: 78px 0 84px;
    color: var(--nbf-text);
    background:
        radial-gradient(ellipse at 0% 100%, rgba(217,154,22,.08), transparent 32%),
        linear-gradient(135deg, #ffffff, #f5f8fc);
    font-family: inherit;
    scroll-margin-top: 30px;
}

.noidaBorderFMV__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaBorderFMV__layout {
    display: grid;
    grid-template-columns: minmax(0, .95fr) minmax(0, 1.05fr);
    align-items: start;
    gap: clamp(35px, 5vw, 65px);
}

.noidaBorderFMV__content {
    padding-top: 10px;
}

.noidaBorderFMV__content h2 {
    margin: 0 0 20px;
    color: var(--nbf-dark);
    font-size: clamp(31px, 3.2vw, 43px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.6px;
}

.noidaBorderFMV__content h2 strong {
    color: var(--nbf-navy);
    font-weight: 850;
}

.noidaBorderFMV__lead {
    margin: 0 0 16px;
    color: #30445c;
    font-size: 18px;
    line-height: 1.8;
}

.noidaBorderFMV__lead strong,
.noidaBorderFMV__text strong {
    color: var(--nbf-navy);
    font-weight: 850;
}

.noidaBorderFMV__text {
    margin: 0 0 25px;
    color: var(--nbf-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaBorderFMV__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}

.noidaBorderFMV__button {
    color: var(--nbf-deep) !important;
}

.noidaBorderFMV__phone {
    color: #ffffff !important;
    background: var(--nbf-navy);
    border-color: var(--nbf-navy);
}

/* CHECKLIST PANEL */

.noidaBorderFMV__checklist {
    overflow: hidden;
    border: 1px solid var(--nbf-border);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 18px 45px rgba(4,21,45,.07);
}

.noidaBorderFMV__checklistHeader {
    padding: 25px 27px 23px;
    border-bottom: 1px solid #e5ebf3;
    background: var(--nbf-navy);
}

.noidaBorderFMV__checklistHeader > span {
    display: block;
    margin-bottom: 7px;
    color: var(--nbf-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .8px;
}

.noidaBorderFMV__checklistHeader h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaBorderFMV__checklistHeader p {
    margin: 0;
    color: #e2eaf5;
    font-size: 15px;
    line-height: 1.6;
}

.noidaBorderFMV__checklist ul {
    margin: 0;
    padding: 9px 25px;
    list-style: none;
}

.noidaBorderFMV__checklist li {
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 16px 0;
    border-bottom: 1px solid #e8edf4;
}

.noidaBorderFMV__checklist li:last-child {
    border-bottom: 0;
}

.noidaBorderFMV__checklist li > span {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe5f1;
    border-radius: 8px;
    color: var(--nbf-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.noidaBorderFMV__checklist li strong {
    display: block;
    margin-bottom: 5px;
    color: var(--nbf-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaBorderFMV__checklist li p {
    margin: 0;
    color: var(--nbf-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaBorderFMV__checklistFooter {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 19px 25px;
    border-top: 1px solid #ead8ad;
    background: #fffaf0;
}

.noidaBorderFMV__checklistFooter > span {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nbf-deep);
    background: var(--nbf-gold-bright);
    font-size: 16px;
    font-weight: 900;
}

.noidaBorderFMV__checklistFooter p {
    margin: 0;
    color: var(--nbf-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.7;
}


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

@media (max-width: 1000px) {
    .noidaBorderIntro__layout {
        grid-template-columns: minmax(0, 1.1fr) minmax(290px, .9fr);
        gap: 28px;
    }

    .noidaBorderIntro__side {
        padding: 22px;
    }

    .noidaBorderPremium__grid {
        gap: 15px;
    }

    .noidaBorderPremium__card {
        padding: 22px 19px;
    }

    .noidaBorderFMV__layout {
        gap: 30px;
    }
}

@media (max-width: 760px) {
    .noidaBorderIntro,
    .noidaBorderPremium,
    .noidaBorderCompare,
    .noidaBorderFMV {
        padding-top: 48px;
        padding-bottom: 52px;
    }

    .noidaBorderIntro__container,
    .noidaBorderPremium__container,
    .noidaBorderCompare__container,
    .noidaBorderFMV__container {
        width: calc(100% - 32px);
    }

    .noidaBorderIntro__breadcrumb {
        margin-bottom: 22px;
    }

    .noidaBorderIntro__layout,
    .noidaBorderFMV__layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .noidaBorderIntro h1 {
        font-size: clamp(32px, 8vw, 42px);
        letter-spacing: -.7px;
    }

    .noidaBorderIntro__lead,
    .noidaBorderFMV__lead {
        font-size: 17px;
    }

    .noidaBorderIntro__side {
        padding: 22px;
    }

    .noidaBorderIntro__actions,
    .noidaBorderFMV__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .noidaBorderIntro__button,
    .noidaBorderIntro__phone,
    .noidaBorderFMV__button,
    .noidaBorderFMV__phone {
        width: 100%;
    }

    .noidaBorderPremium__heading,
    .noidaBorderCompare__heading {
        margin-bottom: 27px;
    }

    .noidaBorderPremium__heading h2,
    .noidaBorderCompare__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .noidaBorderPremium__heading p,
    .noidaBorderCompare__heading p {
        font-size: 16px;
    }

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

    .noidaBorderPremium__card {
        padding: 23px 21px;
    }

    .noidaBorderPremium__decision {
        padding: 21px 18px;
    }

    .noidaBorderPremium__cta,
    .noidaBorderCompare__cta {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 24px 21px;
    }

    .noidaBorderPremium__ctaActions,
    .noidaBorderCompare__ctaActions {
        width: 100%;
    }

    .noidaBorderPremium__button,
    .noidaBorderCompare__button,
    .noidaBorderPremium__call,
    .noidaBorderCompare__phone {
        width: 100%;
    }

    .noidaBorderCompare__table {
        min-width: 740px;
    }

    .noidaBorderFMV__checklistHeader {
        padding: 22px;
    }

    .noidaBorderFMV__checklist ul {
        padding-right: 20px;
        padding-left: 20px;
    }
}

@media (max-width: 390px) {
    .noidaBorderIntro__container,
    .noidaBorderPremium__container,
    .noidaBorderCompare__container,
    .noidaBorderFMV__container {
        width: calc(100% - 26px);
    }

    .noidaBorderIntro h1 {
        font-size: 31px;
    }

    .noidaBorderIntro__sideHeader h2 {
        font-size: 21px;
    }

    .noidaBorderIntro__side {
        padding: 18px;
    }

    .noidaBorderIntro__chips span {
        font-size: 15px;
    }

    .noidaBorderPremium__decision {
        flex-direction: column;
    }

    .noidaBorderFMV__checklistHeader h3 {
        font-size: 23px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaBorderIntro__button,
    .noidaBorderIntro__phone,
    .noidaBorderPremium__card,
    .noidaBorderPremium__button,
    .noidaBorderCompare__button,
    .noidaBorderFMV__button,
    .noidaBorderFMV__phone {
        transition: none;
    }
}

/* =========================================================
   JAYPEE WISH TOWN GUIDE
   Royal Navy & Gold Design System
   Unique namespace for each section
========================================================= */

.jwhGuideHero,
.jwhGuideHero *,
.jwhIbcSection,
.jwhIbcSection *,
.jwhResolutionSection,
.jwhResolutionSection *,
.jwhFmvSection,
.jwhFmvSection *,
.jwhActionSection,
.jwhActionSection *,
.jwhDocumentsSection,
.jwhDocumentsSection *,
.jwhFinalCta,
.jwhFinalCta * {
    box-sizing: border-box;
}

/* =========================================================
   SECTION 1 — HERO
========================================================= */

.jwhGuideHero {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-deep: #04152d;
    --jwh-gold: #b97800;
    --jwh-gold-light: #d99a16;
    --jwh-gold-bright: #f0b429;
    --jwh-muted: #59697c;
    --jwh-border: #dce4ef;

    padding: 68px 0 62px;
    background:
        radial-gradient(circle at 90% 10%,
            rgba(217,154,22,.10), transparent 30%),
        linear-gradient(135deg, #ffffff, #f3f7fc);
    color: var(--jwh-dark);
    font-family: inherit;
}

.jwhGuideHero__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.jwhGuideHero__eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 18px;
    color: var(--jwh-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.jwhGuideHero__eyebrowLine {
    width: 30px;
    height: 3px;
    background: var(--jwh-gold-light);
}

.jwhGuideHero h1 {
    max-width: 1000px;
    margin: 0 0 22px;
    color: var(--jwh-dark);
    font-size: clamp(35px, 4.2vw, 53px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -1px;
}

.jwhGuideHero h1 strong {
    color: var(--jwh-navy);
    font-weight: 900;
}

.jwhGuideHero__intro {
    max-width: 950px;
    margin: 0 0 29px;
    color: #394d64;
    font-size: 18px;
    line-height: 1.85;
}

.jwhGuideHero__intro strong {
    color: var(--jwh-navy);
    font-weight: 850;
}

.jwhGuideHero__highlights {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px;
    margin-bottom: 30px;
}

.jwhGuideHero__highlight {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 19px 17px;
    border: 1px solid var(--jwh-border);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4,21,45,.04);
}

.jwhGuideHero__highlightNumber {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--jwh-navy);
    background: #edf3fb;
    font-size: 16px;
    font-weight: 900;
}

.jwhGuideHero__highlight strong {
    display: block;
    margin-bottom: 4px;
    color: var(--jwh-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.45;
}

.jwhGuideHero__highlight div > span {
    display: block;
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.55;
}

.jwhGuideHero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 22px;
}

.jwhGuideHero__button,
.jwhResolutionSection__button,
.jwhFmvSection__button,
.jwhFinalCta__button,
.jwhFinalCta__whatsapp {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.jwhGuideHero__button:hover,
.jwhResolutionSection__button:hover,
.jwhFmvSection__button:hover,
.jwhFinalCta__button:hover,
.jwhFinalCta__whatsapp:hover {
    transform: translateY(-2px);
}

.jwhGuideHero__button--gold,
.jwhResolutionSection__button,
.jwhFmvSection__button,
.jwhFinalCta__button--gold {
    color: var(--jwh-deep) !important;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 20px rgba(185,120,0,.2);
}

.jwhGuideHero__button--navy {
    color: #ffffff !important;
    background: var(--jwh-navy);
    box-shadow: 0 8px 20px rgba(9,47,98,.16);
}

.jwhGuideHero__button--navy:hover {
    background: var(--jwh-dark);
}

.jwhGuideHero__disclaimer {
    max-width: 950px;
    margin: 0;
    padding-left: 15px;
    border-left: 3px solid var(--jwh-gold-light);
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 2 — IBC STATUS
========================================================= */

.jwhIbcSection {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-gold: #b97800;
    --jwh-muted: #59697c;
    --jwh-border: #dce4ef;

    padding: 76px 0;
    color: #26364a;
    background: #ffffff;
    font-family: inherit;
}

.jwhIbcSection__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.jwhIbcSection__heading {
    max-width: 850px;
    margin-bottom: 38px;
}

.jwhIbcSection__eyebrow,
.jwhResolutionSection__eyebrow,
.jwhFmvSection__eyebrow,
.jwhActionSection__eyebrow,
.jwhDocumentsSection__eyebrow {
    display: block;
    margin-bottom: 12px;
    color: var(--jwh-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.jwhIbcSection__heading h2,
.jwhResolutionSection__heading h2,
.jwhFmvSection__heading h2,
.jwhActionSection__heading h2,
.jwhDocumentsSection__heading h2 {
    margin: 0 0 16px;
    color: var(--jwh-dark);
    font-size: clamp(30px, 3.2vw, 42px);
    font-weight: 650;
    line-height: 1.23;
    letter-spacing: -.6px;
}

.jwhIbcSection__heading h2 strong,
.jwhResolutionSection__heading h2 strong,
.jwhFmvSection__heading h2 strong,
.jwhActionSection__heading h2 strong,
.jwhDocumentsSection__heading h2 strong {
    color: var(--jwh-navy);
    font-weight: 900;
}

.jwhIbcSection__heading p,
.jwhResolutionSection__heading p,
.jwhFmvSection__heading p,
.jwhActionSection__heading p,
.jwhDocumentsSection__heading p {
    margin: 0;
    color: var(--jwh-muted);
    font-size: 17px;
    line-height: 1.85;
}

.jwhIbcSection__contentGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(280px, .75fr);
    gap: 30px;
    align-items: start;
}

.jwhIbcSection__main h3 {
    margin: 0 0 12px;
    color: var(--jwh-navy);
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.jwhIbcSection__main > p {
    margin: 0 0 27px;
    color: #46586d;
    font-size: 16px;
    line-height: 1.85;
}

.jwhIbcSection__main strong {
    color: var(--jwh-navy);
    font-weight: 850;
}

.jwhIbcSection__steps {
    display: grid;
    gap: 13px;
}

.jwhIbcSection__step {
    display: flex;
    gap: 16px;
    padding: 20px;
    border: 1px solid var(--jwh-border);
    border-radius: 10px;
    background: #ffffff;
}

.jwhIbcSection__stepNumber {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--jwh-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.jwhIbcSection__step h4 {
    margin: 0 0 7px;
    color: var(--jwh-dark);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.jwhIbcSection__step p {
    margin: 0;
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.8;
}

.jwhIbcSection__sidePanel {
    padding: 27px 25px;
    border: 1px solid #e1e6ee;
    border-top: 4px solid var(--jwh-gold-light);
    border-radius: 11px;
    background: linear-gradient(150deg, #f5f8fc, #ffffff);
}

.jwhIbcSection__panelMark {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 50%;
    color: #ffffff;
    background: var(--jwh-navy);
    font-size: 20px;
    font-weight: 900;
}

.jwhIbcSection__sidePanel h3 {
    margin: 0 0 17px;
    color: var(--jwh-navy);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.jwhIbcSection__sidePanel ul {
    margin: 0 0 19px;
    padding-left: 21px;
}

.jwhIbcSection__sidePanel li {
    margin-bottom: 11px;
    padding-left: 3px;
    color: #46586d;
    font-size: 15px;
    line-height: 1.7;
}

.jwhIbcSection__sidePanel p {
    margin: 0;
    padding-top: 16px;
    border-top: 1px solid var(--jwh-border);
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 3 — COURT ORDERS & SWAMIH
========================================================= */

.jwhResolutionSection {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-gold: #b97800;
    --jwh-muted: #59697c;
    --jwh-border: #dce4ef;

    padding: 76px 0;
    color: #26364a;
    background: #f5f8fc;
    font-family: inherit;
}

.jwhResolutionSection__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.jwhResolutionSection__heading {
    max-width: 850px;
    margin-bottom: 34px;
}

.jwhResolutionSection__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 19px;
}

.jwhResolutionSection__card {
    padding: 25px 23px;
    border: 1px solid var(--jwh-border);
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(4,21,45,.035);
}

.jwhResolutionSection__number {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 9px;
    color: var(--jwh-navy);
    background: #edf3fb;
    font-size: 16px;
    font-weight: 900;
}

.jwhResolutionSection__card h3 {
    margin: 0 0 12px;
    color: var(--jwh-navy);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.45;
}

.jwhResolutionSection__card h3 strong {
    font-weight: 900;
}

.jwhResolutionSection__card p {
    margin: 0 0 18px;
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.8;
}

.jwhResolutionSection__note {
    padding-top: 15px;
    border-top: 1px solid var(--jwh-border);
    color: #46586d;
    font-size: 15px;
    line-height: 1.7;
}

.jwhResolutionSection__note strong {
    color: var(--jwh-gold);
    font-weight: 850;
}

.jwhResolutionSection__callout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 28px;
    padding: 27px;
    border: 1px solid #e6d4aa;
    border-radius: 11px;
    background: linear-gradient(120deg, #ffffff, #fffaf0);
}

.jwhResolutionSection__callout > div {
    flex: 1;
}

.jwhResolutionSection__callout h3 {
    margin: 0 0 7px;
    color: var(--jwh-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.45;
}

.jwhResolutionSection__callout p {
    margin: 0;
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.75;
}

.jwhResolutionSection__button {
    flex: 0 0 auto;
}


/* =========================================================
   SECTION 4 — INDEPENDENT FMV CERTIFICATE
========================================================= */

.jwhFmvSection {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-gold: #b97800;
    --jwh-muted: #59697c;
    --jwh-border: #dce4ef;

    padding: 78px 0;
    color: #26364a;
    background: #ffffff;
    font-family: inherit;
}

.jwhFmvSection__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.jwhFmvSection__heading {
    max-width: 850px;
    margin-bottom: 36px;
}

.jwhFmvSection__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    gap: 24px;
    align-items: stretch;
}

.jwhFmvSection__mainCard {
    padding: 30px;
    border: 1px solid var(--jwh-border);
    border-radius: 12px;
    background: linear-gradient(150deg, #ffffff, #f8fafd);
}

.jwhFmvSection__cardLabel {
    display: inline-block;
    margin-bottom: 15px;
    padding: 8px 11px;
    border-radius: 5px;
    color: var(--jwh-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .5px;
}

.jwhFmvSection__mainCard > h3 {
    margin: 0 0 23px;
    color: var(--jwh-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.jwhFmvSection__item {
    display: flex;
    gap: 15px;
    padding: 20px 0;
    border-top: 1px solid var(--jwh-border);
}

.jwhFmvSection__check {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--jwh-deep);
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.jwhFmvSection__item h4 {
    margin: 0 0 7px;
    color: var(--jwh-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.jwhFmvSection__item p {
    margin: 0;
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.8;
}

.jwhFmvSection__important {
    padding: 29px 25px;
    border-radius: 12px;
    color: #ffffff;
    background: linear-gradient(150deg, #092f62, #04152d);
    box-shadow: 0 15px 35px rgba(4,21,45,.12);
}

.jwhFmvSection__importantEyebrow {
    display: block;
    margin-bottom: 15px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .8px;
}

.jwhFmvSection__important h3 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.jwhFmvSection__important p {
    margin: 0 0 16px;
    color: #e1e9f4;
    font-size: 15px;
    line-height: 1.85;
}

.jwhFmvSection__button {
    width: 100%;
    margin-top: 7px;
}


/* =========================================================
   SECTION 5 — ACTION CHECKLIST
========================================================= */

.jwhActionSection {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-gold: #b97800;
    --jwh-muted: #59697c;
    --jwh-border: #dce4ef;

    padding: 76px 0;
    color: #26364a;
    background: #f5f8fc;
    font-family: inherit;
}

.jwhActionSection__container {
    width: min(950px, calc(100% - 48px));
    margin: 0 auto;
}

.jwhActionSection__heading {
    margin-bottom: 32px;
}

.jwhActionSection__checklist {
    display: grid;
    gap: 13px;
}

.jwhActionSection__row {
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 22px;
    border: 1px solid var(--jwh-border);
    border-radius: 10px;
    background: #ffffff;
}

.jwhActionSection__checkIcon {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--jwh-deep);
    background: #f0b429;
    font-size: 16px;
    font-weight: 900;
}

.jwhActionSection__row h3 {
    margin: 0 0 7px;
    color: var(--jwh-navy);
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
}

.jwhActionSection__row p {
    margin: 0;
    color: var(--jwh-muted);
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 6 — DOCUMENT CHECKLIST
========================================================= */

.jwhDocumentsSection {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-gold: #b97800;
    --jwh-muted: #59697c;
    --jwh-border: #dce4ef;

    padding: 75px 0;
    color: #26364a;
    background: #ffffff;
    font-family: inherit;
}

.jwhDocumentsSection__container {
    width: min(1050px, calc(100% - 48px));
    margin: 0 auto;
}

.jwhDocumentsSection__heading {
    max-width: 850px;
    margin-bottom: 31px;
}

.jwhDocumentsSection__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.jwhDocumentsSection__item {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 18px;
    border: 1px solid var(--jwh-border);
    border-radius: 9px;
    background: #fbfcfe;
}

.jwhDocumentsSection__item > span {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--jwh-deep);
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.jwhDocumentsSection__item p {
    margin: 2px 0 0;
    color: var(--jwh-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.7;
}

.jwhDocumentsSection__note {
    margin: 20px 0 0;
    padding: 16px 18px;
    border-left: 3px solid var(--jwh-gold);
    color: var(--jwh-muted);
    background: #f5f8fc;
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 7 — FINAL CONVERSION CTA
========================================================= */

.jwhFinalCta {
    --jwh-navy: #092f62;
    --jwh-dark: #061d3d;
    --jwh-deep: #04152d;
    --jwh-gold-light: #d99a16;
    --jwh-gold-bright: #f0b429;

    padding: 62px 0;
    color: #ffffff;
    background:
        radial-gradient(circle at 90% 0%,
            rgba(240,180,41,.15), transparent 35%),
        linear-gradient(125deg, #092f62, #04152d);
    font-family: inherit;
}

.jwhFinalCta__container {
    width: min(1120px, calc(100% - 48px));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 35px;
    margin: 0 auto;
}

.jwhFinalCta__content {
    flex: 1;
    min-width: 0;
}

.jwhFinalCta__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.jwhFinalCta__content h2 {
    margin: 0 0 15px;
    color: #ffffff;
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 650;
    line-height: 1.25;
}

.jwhFinalCta__content h2 strong {
    color: #f0b429;
    font-weight: 900;
}

.jwhFinalCta__content p {
    max-width: 720px;
    margin: 0;
    color: #e1e9f4;
    font-size: 16px;
    line-height: 1.85;
}

.jwhFinalCta__actions {
    flex: 0 0 255px;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.jwhFinalCta__button--white {
    color: #ffffff !important;
    border-color: rgba(255,255,255,.35);
    background: rgba(255,255,255,.07);
}

.jwhFinalCta__whatsapp {
    color: #ffffff !important;
    border-color: rgba(255,255,255,.3);
    background: transparent;
}


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

@media (max-width: 900px) {
    .jwhIbcSection__contentGrid,
    .jwhFmvSection__layout {
        grid-template-columns: 1fr;
    }

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

    .jwhResolutionSection__callout {
        align-items: flex-start;
        flex-direction: column;
    }

    .jwhFinalCta__container {
        align-items: flex-start;
        flex-direction: column;
    }

    .jwhFinalCta__actions {
        width: 100%;
        flex-basis: auto;
    }
}

@media (max-width: 650px) {
    .jwhGuideHero,
    .jwhIbcSection,
    .jwhResolutionSection,
    .jwhFmvSection,
    .jwhActionSection,
    .jwhDocumentsSection {
        padding: 48px 0;
    }

    .jwhGuideHero__container,
    .jwhIbcSection__container,
    .jwhResolutionSection__container,
    .jwhFmvSection__container,
    .jwhActionSection__container,
    .jwhDocumentsSection__container,
    .jwhFinalCta__container {
        width: calc(100% - 32px);
    }

    .jwhGuideHero h1 {
        font-size: clamp(32px, 8vw, 40px);
    }

    .jwhGuideHero__intro {
        font-size: 17px;
    }

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

    .jwhGuideHero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .jwhGuideHero__button {
        width: 100%;
    }

    .jwhIbcSection__heading h2,
    .jwhResolutionSection__heading h2,
    .jwhFmvSection__heading h2,
    .jwhActionSection__heading h2,
    .jwhDocumentsSection__heading h2 {
        font-size: 30px;
    }

    .jwhIbcSection__step,
    .jwhActionSection__row {
        gap: 12px;
        padding: 17px;
    }

    .jwhFmvSection__mainCard,
    .jwhFmvSection__important {
        padding: 22px 19px;
    }

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

    .jwhFinalCta {
        padding: 47px 0;
    }

    .jwhFinalCta__content h2 {
        font-size: 30px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .jwhGuideHero__button,
    .jwhResolutionSection__button,
    .jwhFmvSection__button,
    .jwhFinalCta__button,
    .jwhFinalCta__whatsapp {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — NG EXPRESSWAY OWNER GUIDE
   Unique namespace: ngOwnerGuide
   Palette: Royal navy and gold
========================================================= */

.ngOwnerGuide,
.ngOwnerGuide *,
.ngReraDecision,
.ngReraDecision * {
    box-sizing: border-box;
}

.ngOwnerGuide {
    --ng-navy: #092f62;
    --ng-dark: #061d3d;
    --ng-deep: #04152d;
    --ng-gold: #b97800;
    --ng-gold-light: #d99a16;
    --ng-gold-bright: #f0b429;
    --ng-text: #26364a;
    --ng-muted: #59697c;
    --ng-border: #dce4ef;

    padding: 68px 0 76px;
    color: var(--ng-text);
    background: linear-gradient(180deg, #f6f9fd 0%, #ffffff 100%);
    font-family: inherit;
}

.ngOwnerGuide__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.ngOwnerGuide__intro {
    max-width: 920px;
    margin: 0 auto 55px;
    text-align: center;
}

.ngOwnerGuide__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--ng-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.ngOwnerGuide__intro h1 {
    margin: 0 0 20px;
    color: var(--ng-dark);
    font-size: clamp(34px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.ngOwnerGuide__intro h1 strong {
    color: var(--ng-navy);
    font-weight: 850;
}

.ngOwnerGuide__intro h1 span {
    display: inline;
    font-weight: 500;
}

.ngOwnerGuide__intro > p {
    max-width: 850px;
    margin: 0 auto;
    color: var(--ng-muted);
    font-size: 17px;
    line-height: 1.85;
}

.ngOwnerGuide__introActions {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 27px;
}

.ngOwnerGuide__button,
.ngOwnerGuide__phoneButton {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ngOwnerGuide__button {
    color: var(--ng-deep) !important;
    background: linear-gradient(135deg, var(--ng-gold-bright), var(--ng-gold-light));
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
}

.ngOwnerGuide__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.27);
}

.ngOwnerGuide__phoneButton {
    color: #ffffff !important;
    background: var(--ng-navy);
    box-shadow: 0 8px 20px rgba(9, 47, 98, 0.15);
}

.ngOwnerGuide__phoneButton:hover {
    transform: translateY(-2px);
    background: var(--ng-dark);
}

/* SECTION HEADING */

.ngOwnerGuide__sectionHeading {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-bottom: 29px;
}

.ngOwnerGuide__sectionNumber {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: var(--ng-deep);
    background: var(--ng-gold-bright);
    font-size: 19px;
    font-weight: 900;
}

.ngOwnerGuide__sectionHeading h2 {
    margin: 0 0 10px;
    color: var(--ng-dark);
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 600;
    line-height: 1.3;
}

.ngOwnerGuide__sectionHeading h2 strong {
    color: var(--ng-navy);
    font-weight: 850;
}

.ngOwnerGuide__sectionHeading p {
    margin: 0;
    color: var(--ng-muted);
    font-size: 16px;
    line-height: 1.75;
}

/* DEVELOPER CARDS */

.ngOwnerGuide__developerGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.ngOwnerGuide__developerCard {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 24px 23px;
    border: 1px solid var(--ng-border);
    border-top: 4px solid var(--ng-navy);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(4, 21, 45, 0.045);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.ngOwnerGuide__developerCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 34px rgba(4, 21, 45, 0.09);
}

.ngOwnerGuide__developerCard--highlight {
    border-top-color: var(--ng-gold-light);
    background: linear-gradient(160deg, #ffffff, #fffaf0);
}

.ngOwnerGuide__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.ngOwnerGuide__cardIndex {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--ng-navy);
    background: #edf3fb;
    font-size: 16px;
    font-weight: 900;
}

.ngOwnerGuide__cardLabel {
    color: var(--ng-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.ngOwnerGuide__developerCard h3 {
    margin: 0 0 12px;
    color: var(--ng-dark);
    font-size: 22px;
    font-weight: 650;
    line-height: 1.4;
}

.ngOwnerGuide__developerCard h3 strong {
    color: var(--ng-navy);
    font-weight: 850;
}

.ngOwnerGuide__developerCard > p {
    flex: 1;
    margin: 0 0 19px;
    color: var(--ng-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngOwnerGuide__developerCard > p strong {
    color: var(--ng-navy);
    font-weight: 800;
}

.ngOwnerGuide__check {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding-top: 15px;
    border-top: 1px solid var(--ng-border);
}

.ngOwnerGuide__check > span {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--ng-deep);
    background: #fce8ad;
    font-size: 15px;
    font-weight: 900;
}

.ngOwnerGuide__check p {
    margin: 0;
    color: var(--ng-text);
    font-size: 15px;
    line-height: 1.65;
}

/* CHECKLIST */

.ngOwnerGuide__checklist {
    margin-top: 47px;
    padding: 33px;
    border: 1px solid var(--ng-border);
    border-radius: 14px;
    background: #ffffff;
}

.ngOwnerGuide__checklistHeading {
    max-width: 760px;
    margin-bottom: 26px;
}

.ngOwnerGuide__checklistHeading h2 {
    margin: 0 0 11px;
    color: var(--ng-dark);
    font-size: clamp(26px, 3vw, 34px);
    font-weight: 650;
    line-height: 1.3;
}

.ngOwnerGuide__checklistHeading h2 strong {
    color: var(--ng-navy);
    font-weight: 850;
}

.ngOwnerGuide__checklistHeading p {
    margin: 0;
    color: var(--ng-muted);
    font-size: 16px;
    line-height: 1.75;
}

.ngOwnerGuide__checklistGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.ngOwnerGuide__checklistItem {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 16px;
    border: 1px solid #e6ecf4;
    border-radius: 9px;
    background: #f8fafd;
}

.ngOwnerGuide__checklistItem > span {
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--ng-navy);
    background: #e8eff9;
    font-size: 15px;
    font-weight: 900;
}

.ngOwnerGuide__checklistItem p {
    margin: 0;
    color: var(--ng-muted);
    font-size: 15px;
    line-height: 1.7;
}

.ngOwnerGuide__checklistItem strong {
    color: var(--ng-navy);
    font-weight: 850;
}

/* SECTION CTA */

.ngOwnerGuide__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 38px;
    padding: 30px;
    border: 1px solid rgba(217, 154, 22, 0.4);
    border-radius: 13px;
    background: linear-gradient(120deg, #f1f5fb, #ffffff);
}

.ngOwnerGuide__ctaContent {
    flex: 1;
    min-width: 0;
}

.ngOwnerGuide__ctaContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--ng-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.ngOwnerGuide__ctaContent h2 {
    margin: 0 0 10px;
    color: var(--ng-dark);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.ngOwnerGuide__ctaContent p {
    margin: 0;
    color: var(--ng-muted);
    font-size: 16px;
    line-height: 1.75;
}

.ngOwnerGuide__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
}


/* =========================================================
   SECTION 2 — UP RERA DECISION GUIDE
   Unique namespace: ngReraDecision
========================================================= */

.ngReraDecision {
    --nrd-navy: #092f62;
    --nrd-dark: #061d3d;
    --nrd-deep: #04152d;
    --nrd-gold: #b97800;
    --nrd-gold-light: #d99a16;
    --nrd-gold-bright: #f0b429;
    --nrd-text: #26364a;
    --nrd-muted: #59697c;
    --nrd-border: #dce4ef;

    padding: 76px 0 80px;
    color: var(--nrd-text);
    background:
        radial-gradient(ellipse at 90% 5%, rgba(217,154,22,0.08), transparent 28%),
        #f5f8fc;
    font-family: inherit;
}

.ngReraDecision__container {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.ngReraDecision__intro {
    max-width: 880px;
    margin: 0 auto 38px;
    text-align: center;
}

.ngReraDecision__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--nrd-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.ngReraDecision__intro h2 {
    margin: 0 0 17px;
    color: var(--nrd-dark);
    font-size: clamp(30px, 3.4vw, 42px);
    font-weight: 600;
    line-height: 1.25;
}

.ngReraDecision__intro h2 strong {
    color: var(--nrd-navy);
    font-weight: 850;
}

.ngReraDecision__intro p {
    margin: 0;
    color: var(--nrd-muted);
    font-size: 17px;
    line-height: 1.85;
}

/* DECISION PATHS */

.ngReraDecision__paths {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.ngReraDecision__path {
    padding: 28px;
    border: 1px solid var(--nrd-border);
    border-top: 4px solid var(--nrd-navy);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 9px 27px rgba(4, 21, 45, 0.045);
}

.ngReraDecision__path--gold {
    border-top-color: var(--nrd-gold-light);
    background: linear-gradient(155deg, #ffffff, #fffaf0);
}

.ngReraDecision__pathIcon {
    width: 43px;
    height: 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 10px;
    color: #ffffff;
    background: var(--nrd-navy);
    font-size: 18px;
    font-weight: 900;
}

.ngReraDecision__path--gold .ngReraDecision__pathIcon {
    color: var(--nrd-deep);
    background: var(--nrd-gold-bright);
}

.ngReraDecision__pathLabel {
    display: block;
    margin-bottom: 7px;
    color: var(--nrd-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.8px;
}

.ngReraDecision__path h3 {
    margin: 0 0 12px;
    color: var(--nrd-dark);
    font-size: 25px;
    font-weight: 650;
    line-height: 1.4;
}

.ngReraDecision__path h3 strong {
    color: var(--nrd-navy);
    font-weight: 850;
}

.ngReraDecision__path > p {
    margin: 0 0 18px;
    color: var(--nrd-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngReraDecision__path ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.ngReraDecision__path li {
    position: relative;
    padding-left: 27px;
    color: var(--nrd-text);
    font-size: 15px;
    line-height: 1.7;
}

.ngReraDecision__path li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 19px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nrd-deep);
    background: #f8df94;
    font-size: 13px;
    font-weight: 900;
}

/* FOUR DECISION FACTORS */

.ngReraDecision__factors {
    margin-top: 49px;
}

.ngReraDecision__factorsIntro {
    margin-bottom: 24px;
}

.ngReraDecision__factorsIntro h3 {
    margin: 0;
    color: var(--nrd-dark);
    font-size: clamp(25px, 2.7vw, 33px);
    font-weight: 750;
    line-height: 1.35;
}

.ngReraDecision__factorGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}

.ngReraDecision__factor {
    padding: 22px 19px;
    border: 1px solid var(--nrd-border);
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 6px 20px rgba(4, 21, 45, 0.035);
}

.ngReraDecision__factorNumber {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--nrd-gold);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.4;
}

.ngReraDecision__factor h4 {
    margin: 0 0 10px;
    color: var(--nrd-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.45;
}

.ngReraDecision__factor p {
    margin: 0;
    color: var(--nrd-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* FMV PANEL */

.ngReraDecision__fmv {
    display: flex;
    align-items: flex-start;
    gap: 21px;
    margin-top: 35px;
    padding: 27px;
    border: 1px solid rgba(217, 154, 22, 0.45);
    border-radius: 13px;
    background: linear-gradient(120deg, #ffffff, #fffaf0);
}

.ngReraDecision__fmvMark {
    width: 53px;
    height: 53px;
    flex: 0 0 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--nrd-deep);
    background: var(--nrd-gold-bright);
    font-size: 27px;
    font-weight: 900;
}

.ngReraDecision__fmvContent {
    min-width: 0;
}

.ngReraDecision__fmvContent h3 {
    margin: 0 0 10px;
    color: var(--nrd-dark);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.ngReraDecision__fmvContent p {
    margin: 0;
    color: var(--nrd-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngReraDecision__fmvContent p strong {
    color: var(--nrd-navy);
    font-weight: 850;
}

/* CAUTION / NOTICE */

.ngReraDecision__notice {
    margin-top: 22px;
    padding: 19px 22px;
    border-left: 4px solid var(--nrd-gold-light);
    border-radius: 0 8px 8px 0;
    color: var(--nrd-text);
    background: #ffffff;
    font-size: 15px;
    line-height: 1.8;
}

.ngReraDecision__notice strong {
    color: var(--nrd-navy);
    font-weight: 850;
}

/* FINAL CTA */

.ngReraDecision__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 35px;
    padding: 29px;
    border-radius: 13px;
    color: #ffffff;
    background: linear-gradient(120deg, var(--nrd-deep), var(--nrd-navy));
    box-shadow: 0 14px 32px rgba(4, 21, 45, 0.15);
}

.ngReraDecision__ctaContent {
    flex: 1;
    min-width: 0;
}

.ngReraDecision__ctaContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nrd-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.ngReraDecision__ctaContent h3 {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.ngReraDecision__ctaContent p {
    margin: 0;
    color: #e0e8f3;
    font-size: 16px;
    line-height: 1.75;
}

.ngReraDecision__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.ngReraDecision__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 21px;
    border-radius: 8px;
    color: var(--nrd-deep) !important;
    background: linear-gradient(135deg, var(--nrd-gold-bright), var(--nrd-gold-light));
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ngReraDecision__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.2);
}

.ngReraDecision__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.ngReraDecision__phone:hover {
    color: var(--nrd-gold-bright) !important;
}

.ngReraDecision__sourceNote {
    margin: 23px 0 0;
    color: var(--nrd-muted);
    font-size: 15px;
    line-height: 1.75;
}

.ngReraDecision__sourceNote a {
    color: var(--nrd-navy);
    font-weight: 800;
    text-decoration: underline;
    text-underline-offset: 3px;
}


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

@media (max-width: 1000px) {
    .ngOwnerGuide__developerGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .ngOwnerGuide__cta,
    .ngReraDecision__cta {
        align-items: flex-start;
    }
}

@media (max-width: 700px) {
    .ngOwnerGuide,
    .ngReraDecision {
        padding: 47px 0 52px;
    }

    .ngOwnerGuide__container,
    .ngReraDecision__container {
        width: calc(100% - 32px);
    }

    .ngOwnerGuide__intro {
        margin-bottom: 39px;
    }

    .ngOwnerGuide__intro h1 {
        font-size: clamp(30px, 7.5vw, 38px);
    }

    .ngOwnerGuide__intro > p,
    .ngReraDecision__intro p {
        font-size: 16px;
    }

    .ngOwnerGuide__introActions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .ngOwnerGuide__button,
    .ngOwnerGuide__phoneButton {
        width: 100%;
    }

    .ngOwnerGuide__sectionHeading {
        gap: 13px;
    }

    .ngOwnerGuide__sectionNumber {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
    }

    .ngOwnerGuide__sectionHeading h2 {
        font-size: 27px;
    }

    .ngOwnerGuide__developerGrid,
    .ngOwnerGuide__checklistGrid,
    .ngReraDecision__paths,
    .ngReraDecision__factorGrid {
        grid-template-columns: 1fr;
    }

    .ngOwnerGuide__developerCard {
        padding: 22px 20px;
    }

    .ngOwnerGuide__checklist {
        padding: 23px 19px;
    }

    .ngOwnerGuide__cta,
    .ngReraDecision__cta {
        flex-direction: column;
        gap: 20px;
        padding: 23px 20px;
    }

    .ngOwnerGuide__ctaActions,
    .ngReraDecision__ctaActions {
        width: 100%;
    }

    .ngOwnerGuide__ctaActions .ngOwnerGuide__button,
    .ngOwnerGuide__ctaActions .ngOwnerGuide__phoneButton,
    .ngReraDecision__button,
    .ngReraDecision__phone {
        width: 100%;
    }

    .ngReraDecision__intro h2 {
        font-size: 30px;
    }

    .ngReraDecision__path {
        padding: 23px 20px;
    }

    .ngReraDecision__fmv {
        gap: 14px;
        padding: 21px 18px;
    }

    .ngReraDecision__fmvMark {
        width: 43px;
        height: 43px;
        flex-basis: 43px;
        font-size: 23px;
    }

    .ngReraDecision__fmvContent h3 {
        font-size: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .ngOwnerGuide__button,
    .ngOwnerGuide__phoneButton,
    .ngOwnerGuide__developerCard,
    .ngReraDecision__button {
        transition: none;
    }
}

/* =========================================================
   FILM CITY LEASE VS BUY
   Unique namespace: fcLease
========================================================= */

.fcLease,
.fcLease * {
    box-sizing: border-box;
}

.fcLease {
    --fcl-navy: #092f62;
    --fcl-dark: #061d3d;
    --fcl-deep: #04152d;
    --fcl-gold: #b97800;
    --fcl-gold-light: #d99a16;
    --fcl-gold-bright: #f0b429;
    --fcl-text: #26364a;
    --fcl-muted: #59697c;
    --fcl-border: #dce4ef;

    color: var(--fcl-text);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
}

.fcLease__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.fcLease__hero {
    padding: 64px 0 48px;
    background: linear-gradient(135deg, #ffffff, #f1f6fc);
    border-bottom: 1px solid #e1e8f1;
}

.fcLease__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: var(--fcl-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.fcLease h1 {
    max-width: 900px;
    margin: 0 0 20px;
    color: var(--fcl-dark);
    font-size: clamp(34px, 4vw, 49px);
    font-weight: 650;
    line-height: 1.16;
    letter-spacing: -0.8px;
}

.fcLease h1 strong,
.fcLease h2 strong {
    color: #b97800;
    font-weight: 850;
}

.fcLease__intro {
    max-width: 850px;
    margin: 0 0 26px;
    color: var(--fcl-muted);
    font-size: 18px;
    line-height: 1.8;
}

.fcLease__heroActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
}

.fcLease__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--fcl-deep) !important;
    background: linear-gradient(135deg, var(--fcl-gold-bright), var(--fcl-gold-light));
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.fcLease__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.28);
}

.fcLease__call {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 16px;
    color: var(--fcl-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.fcLease__call:hover {
    color: var(--fcl-gold) !important;
}

.fcLease__heroNote {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 32px;
    padding-top: 20px;
    border-top: 1px solid var(--fcl-border);
}

.fcLease__heroNote > span {
    width: 30px;
    height: 30px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: var(--fcl-navy);
    background: #eaf0f8;
    font-size: 15px;
    font-weight: 850;
}

.fcLease__heroNote p {
    margin: 0 20px 0 0;
    color: var(--fcl-muted);
    font-size: 15px;
    font-weight: 700;
}

.fcLease__section {
    padding-top: 70px;
    padding-bottom: 70px;
}

.fcLease__sectionHeading {
    max-width: 820px;
    margin: 0 auto 36px;
    text-align: center;
}

.fcLease__sectionHeading h2,
.fcLease__finance h2,
.fcLease__valuationPanel h2 {
    margin: 0 0 16px;
    color: var(--fcl-dark);
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.fcLease__sectionHeading > p,
.fcLease__financeGrid > div > p,
.fcLease__valuationPanel p {
    margin: 0;
    color: var(--fcl-muted);
    font-size: 16px;
    line-height: 1.85;
}

.fcLease__comparison {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.fcLease__compareCard {
    padding: 30px;
    border: 1px solid var(--fcl-border);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(4, 21, 45, 0.045);
}

.fcLease__compareCard--featured {
    border-color: rgba(217, 154, 22, 0.55);
    background: linear-gradient(145deg, #ffffff, #fffaf0);
}

.fcLease__cardNumber {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 9px;
    color: var(--fcl-navy);
    background: #edf3fb;
    font-size: 16px;
    font-weight: 900;
}

.fcLease__compareCard h3 {
    margin: 0 0 12px;
    color: var(--fcl-dark);
    font-size: 24px;
    line-height: 1.4;
}

.fcLease__compareCard h3 strong {
    color: var(--fcl-navy);
    font-weight: 850;
}

.fcLease__compareCard p,
.fcLease__compareCard li {
    color: var(--fcl-muted);
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__compareCard p {
    margin: 0 0 15px;
}

.fcLease__compareCard ul,
.fcLease__checklist,
.ngFlatGuide__developerCard ul,
.ngFlatGuide__fmvChecklist ul,
.ngFlatGuide__decisionCard ul {
    margin: 0;
    padding-left: 22px;
}

.fcLease__compareCard li,
.fcLease__checklist li,
.ngFlatGuide__developerCard li,
.ngFlatGuide__fmvChecklist li,
.ngFlatGuide__decisionCard li {
    margin-bottom: 8px;
}

.fcLease__costSection {
    padding: 70px 0;
    background: #f4f7fc;
}

.fcLease__costGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.fcLease__costCard {
    padding: 25px;
    border: 1px solid var(--fcl-border);
    border-radius: 12px;
    background: #ffffff;
}

.fcLease__costLabel,
.fcLease__panelLabel {
    display: block;
    margin-bottom: 13px;
    color: var(--fcl-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.55;
}

.fcLease__costCard > strong {
    display: block;
    margin-bottom: 12px;
    color: var(--fcl-navy);
    font-size: clamp(24px, 2.4vw, 31px);
    font-weight: 850;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.fcLease__costCard > strong small {
    font-size: 15px;
    font-weight: 700;
}

.fcLease__costCard p {
    margin: 0;
    color: var(--fcl-muted);
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__formula {
    margin-top: 22px;
    padding: 26px;
    border-left: 4px solid var(--fcl-gold-light);
    border-radius: 0 10px 10px 0;
    background: #ffffff;
}

.fcLease__formula > span {
    display: block;
    margin-bottom: 10px;
    color: var(--fcl-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 0.7px;
}

.fcLease__formula p {
    margin: 0 0 10px;
    color: var(--fcl-muted);
    font-size: 16px;
    line-height: 1.8;
}

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

.fcLease__formula strong {
    color: var(--fcl-navy);
}

.fcLease__notice {
    margin-top: 18px;
    padding: 20px 23px;
    border: 1px solid #e6d4a9;
    border-radius: 9px;
    color: var(--fcl-text);
    background: #fffaf0;
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__notice strong {
    color: var(--fcl-navy);
}

.fcLease__benefitGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px;
}

.fcLease__benefit {
    padding: 23px 21px;
    border: 1px solid var(--fcl-border);
    border-radius: 11px;
    background: #ffffff;
}

.fcLease__benefit > span {
    display: block;
    margin-bottom: 16px;
    color: var(--fcl-gold);
    font-size: 17px;
    font-weight: 900;
}

.fcLease__benefit h3 {
    margin: 0 0 10px;
    color: var(--fcl-navy);
    font-size: 20px;
    line-height: 1.4;
}

.fcLease__benefit p {
    margin: 0;
    color: var(--fcl-muted);
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__finance {
    padding: 70px 0;
    color: var(--fcl-text);
    background: linear-gradient(135deg, #061d3d, #092f62);
}

.fcLease__financeGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(300px, 0.85fr);
    align-items: start;
    gap: 38px;
}

.fcLease__finance .fcLease__eyebrow {
    color: var(--fcl-gold-bright);
}

.fcLease__finance h2 {
    color: #ffffff;
}

.fcLease__financeGrid > div > p {
    margin-bottom: 17px;
    color: #e0e8f3;
}

.fcLease__financeGrid h3 {
    margin: 25px 0 13px;
    color: #ffffff;
    font-size: 21px;
    line-height: 1.45;
}

.fcLease__checklist {
    color: #e0e8f3;
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__loanPanel {
    padding: 28px;
    border: 1px solid rgba(240, 180, 41, 0.45);
    border-radius: 13px;
    color: var(--fcl-text);
    background: #ffffff;
}

.fcLease__loanPanel h3 {
    margin: 0 0 12px;
    color: var(--fcl-navy);
    font-size: 25px;
    line-height: 1.4;
}

.fcLease__loanPanel p {
    margin: 0 0 14px;
    color: var(--fcl-muted);
    font-size: 16px;
    line-height: 1.8;
}

.fcLease__loanPanel > strong {
    display: block;
    margin: 17px 0 10px;
    color: var(--fcl-navy);
    font-size: 17px;
    line-height: 1.6;
}

.fcLease__loanPanel small {
    display: block;
    color: var(--fcl-muted);
    font-size: 15px;
    line-height: 1.7;
}

.fcLease__loanDivider {
    height: 1px;
    background: var(--fcl-border);
}

.fcLease__valuationPanel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    padding: 32px;
    border: 1px solid var(--fcl-border);
    border-radius: 13px;
    background: linear-gradient(120deg, #f5f8fd, #ffffff);
}

.fcLease__valuationPanel > div:first-child {
    flex: 1;
}

.fcLease__valuationPanel p + p {
    margin-top: 12px;
}

.fcLease__valuationActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}


/* =========================================================
   NG EXPRESSWAY FLAT GUIDE
   Unique namespace: ngFlatGuide
========================================================= */

.ngFlatGuide,
.ngFlatGuide * {
    box-sizing: border-box;
}

.ngFlatGuide {
    --ngf-navy: #092f62;
    --ngf-dark: #061d3d;
    --ngf-deep: #04152d;
    --ngf-gold: #b97800;
    --ngf-gold-light: #d99a16;
    --ngf-gold-bright: #f0b429;
    --ngf-text: #26364a;
    --ngf-muted: #59697c;
    --ngf-border: #dce4ef;

    color: var(--ngf-text);
    font-family: inherit;
    font-size: 16px;
    line-height: 1.75;
}

.ngFlatGuide__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.ngFlatGuide__hero {
    padding: 64px 0 55px;
    border-bottom: 1px solid #e1e8f1;
    background: linear-gradient(135deg, #ffffff, #f1f6fc);
}

.ngFlatGuide__eyebrow {
    display: block;
    margin-bottom: 13px;
    color: var(--ngf-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.55;
    letter-spacing: 0.9px;
}

.ngFlatGuide h1 {
    max-width: 980px;
    margin: 0 0 19px;
    color: var(--ngf-dark);
    font-size: clamp(34px, 4vw, 49px);
    font-weight: 650;
    line-height: 1.16;
    letter-spacing: -0.8px;
}

.ngFlatGuide h1 strong,
.ngFlatGuide h2 strong {
    color: var(--ngf-navy);
    font-weight: 850;
}

.ngFlatGuide__intro {
    max-width: 870px;
    margin: 0 0 25px;
    color: var(--ngf-muted);
    font-size: 18px;
    line-height: 1.8;
}

.ngFlatGuide__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
}

.ngFlatGuide__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--ngf-deep) !important;
    background: linear-gradient(135deg, var(--ngf-gold-bright), var(--ngf-gold-light));
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ngFlatGuide__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.28);
}

.ngFlatGuide__call {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    color: var(--ngf-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.ngFlatGuide__call:hover {
    color: var(--ngf-gold) !important;
}

.ngFlatGuide__section {
    padding-top: 70px;
    padding-bottom: 70px;
}

.ngFlatGuide__sectionHeading {
    max-width: 850px;
    margin: 0 auto 36px;
    text-align: center;
}

.ngFlatGuide__sectionHeading h2,
.ngFlatGuide__fmvContent h2,
.ngFlatGuide__closingCta h2 {
    margin: 0 0 15px;
    color: var(--ngf-dark);
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.ngFlatGuide__sectionHeading > p,
.ngFlatGuide__fmvContent p,
.ngFlatGuide__closingCta p {
    margin: 0;
    color: var(--ngf-muted);
    font-size: 16px;
    line-height: 1.85;
}

.ngFlatGuide__developerGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.ngFlatGuide__developerCard {
    padding: 26px;
    border: 1px solid var(--ngf-border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4, 21, 45, 0.04);
}

.ngFlatGuide__developerCard--wide {
    grid-column: 1 / -1;
    background: linear-gradient(145deg, #ffffff, #f8fafd);
}

.ngFlatGuide__developerTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 18px;
}

.ngFlatGuide__developerNumber {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--ngf-navy);
    background: #edf3fb;
    font-size: 16px;
    font-weight: 900;
}

.ngFlatGuide__developerTag {
    color: var(--ngf-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.ngFlatGuide__developerCard h3 {
    margin: 0 0 12px;
    color: var(--ngf-dark);
    font-size: 23px;
    line-height: 1.4;
}

.ngFlatGuide__developerCard h3 strong {
    color: var(--ngf-navy);
    font-weight: 850;
}

.ngFlatGuide__developerCard p,
.ngFlatGuide__developerCard li {
    color: var(--ngf-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngFlatGuide__developerCard p {
    margin: 0 0 17px;
}

.ngFlatGuide__developerCard h4 {
    margin: 17px 0 10px;
    color: var(--ngf-navy);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.ngFlatGuide__fmv {
    padding: 70px 0;
    background: #f4f7fc;
}

.ngFlatGuide__fmvGrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, 0.8fr);
    align-items: start;
    gap: 38px;
}

.ngFlatGuide__fmvContent > p + p {
    margin-top: 15px;
}

.ngFlatGuide__fmvChecklist {
    padding: 27px;
    border: 1px solid var(--ngf-border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4, 21, 45, 0.045);
}

.ngFlatGuide__fmvChecklist h3 {
    margin: 0 0 16px;
    color: var(--ngf-navy);
    font-size: 22px;
    line-height: 1.4;
}

.ngFlatGuide__fmvChecklist ul {
    margin-bottom: 23px;
}

.ngFlatGuide__fmvChecklist li {
    color: var(--ngf-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngFlatGuide__decisionGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
}

.ngFlatGuide__decisionCard {
    padding: 28px;
    border: 1px solid var(--ngf-border);
    border-radius: 12px;
    background: #ffffff;
}

.ngFlatGuide__decisionCard:first-child {
    border-top: 4px solid var(--ngf-navy);
}

.ngFlatGuide__decisionCard:last-child {
    border-top: 4px solid var(--ngf-gold-light);
}

.ngFlatGuide__decisionLabel {
    display: block;
    margin-bottom: 14px;
    color: var(--ngf-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.ngFlatGuide__decisionCard h3 {
    margin: 0 0 13px;
    color: var(--ngf-dark);
    font-size: 23px;
    line-height: 1.4;
}

.ngFlatGuide__decisionCard h3 strong {
    color: var(--ngf-navy);
}

.ngFlatGuide__decisionCard p,
.ngFlatGuide__decisionCard li {
    color: var(--ngf-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngFlatGuide__decisionCard p {
    margin: 0 0 15px;
}

.ngFlatGuide__decisionNotice {
    margin-top: 22px;
    padding: 21px 24px;
    border: 1px solid #e6d4a9;
    border-radius: 9px;
    color: var(--ngf-text);
    background: #fffaf0;
    font-size: 16px;
    line-height: 1.8;
}

.ngFlatGuide__decisionNotice strong {
    color: var(--ngf-navy);
}

.ngFlatGuide__financial {
    padding: 70px 0;
    background: #f4f7fc;
}

.ngFlatGuide__financialGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 17px;
}

.ngFlatGuide__financialItem {
    padding: 22px;
    border: 1px solid var(--ngf-border);
    border-radius: 11px;
    background: #ffffff;
}

.ngFlatGuide__financialItem > span {
    display: block;
    margin-bottom: 13px;
    color: var(--ngf-gold);
    font-size: 17px;
    font-weight: 900;
}

.ngFlatGuide__financialItem h3 {
    margin: 0 0 9px;
    color: var(--ngf-navy);
    font-size: 19px;
    line-height: 1.4;
}

.ngFlatGuide__financialItem p {
    margin: 0;
    color: var(--ngf-muted);
    font-size: 16px;
    line-height: 1.8;
}

.ngFlatGuide__closingCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 35px;
    padding: 30px;
    border: 1px solid rgba(217, 154, 22, 0.4);
    border-radius: 13px;
    background: linear-gradient(120deg, #ffffff, #fffaf0);
}

.ngFlatGuide__closingCta > div:first-child {
    flex: 1;
}

.ngFlatGuide__closingActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}


/* =========================================================
   RESPONSIVE — BOTH PAGE NAMESPACES ONLY
========================================================= */

@media (max-width: 1000px) {
    .fcLease__benefitGrid,
    .ngFlatGuide__financialGrid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .fcLease__financeGrid,
    .ngFlatGuide__fmvGrid {
        grid-template-columns: 1fr;
    }

    .fcLease__valuationPanel,
    .ngFlatGuide__closingCta {
        align-items: flex-start;
        flex-direction: column;
    }

    .fcLease__valuationActions,
    .ngFlatGuide__closingActions {
        width: 100%;
    }

    .fcLease__valuationActions .fcLease__button,
    .fcLease__valuationActions .fcLease__call,
    .ngFlatGuide__closingActions .ngFlatGuide__button,
    .ngFlatGuide__closingActions .ngFlatGuide__call {
        width: 100%;
    }
}

@media (max-width: 700px) {
    .fcLease__container,
    .ngFlatGuide__container {
        width: calc(100% - 32px);
    }

    .fcLease__hero,
    .ngFlatGuide__hero {
        padding: 42px 0 38px;
    }

    .fcLease h1,
    .ngFlatGuide h1 {
        font-size: clamp(31px, 8vw, 39px);
        letter-spacing: -0.5px;
    }

    .fcLease__intro,
    .ngFlatGuide__intro {
        font-size: 17px;
    }

    .fcLease__heroActions,
    .ngFlatGuide__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .fcLease__heroActions .fcLease__button,
    .ngFlatGuide__actions .ngFlatGuide__button {
        width: 100%;
    }

    .fcLease__call,
    .ngFlatGuide__call {
        justify-content: center;
    }

    .fcLease__section,
    .fcLease__costSection,
    .fcLease__finance,
    .ngFlatGuide__section,
    .ngFlatGuide__fmv,
    .ngFlatGuide__financial {
        padding-top: 48px;
        padding-bottom: 48px;
    }

    .fcLease__comparison,
    .fcLease__costGrid,
    .fcLease__benefitGrid,
    .ngFlatGuide__developerGrid,
    .ngFlatGuide__decisionGrid,
    .ngFlatGuide__financialGrid {
        grid-template-columns: 1fr;
    }

    .ngFlatGuide__developerCard--wide {
        grid-column: auto;
    }

    .fcLease__compareCard,
    .fcLease__costCard,
    .fcLease__benefit,
    .fcLease__loanPanel,
    .fcLease__valuationPanel,
    .ngFlatGuide__developerCard,
    .ngFlatGuide__fmvChecklist,
    .ngFlatGuide__decisionCard,
    .ngFlatGuide__financialItem,
    .ngFlatGuide__closingCta {
        padding: 22px;
    }

    .fcLease__heroNote {
        gap: 8px;
    }

    .fcLease__heroNote p {
        margin-right: 8px;
    }

    .fcLease__valuationPanel,
    .ngFlatGuide__closingCta {
        gap: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .fcLease__button,
    .ngFlatGuide__button {
        transition: none;
    }
}


/* =========================================================
   SECTOR 18 COMMERCIAL MORTGAGE GUIDE
   Unique namespace: noidaS18Mortgage
   Brand palette: Royal Navy + Gold
========================================================= */

.noidaS18Mortgage,
.noidaS18Mortgage * {
    box-sizing: border-box;
}

.noidaS18Mortgage {
    --s18-navy: #092f62;
    --s18-dark: #061d3d;
    --s18-deep: #04152d;
    --s18-gold: #b97800;
    --s18-gold-light: #d99a16;
    --s18-gold-bright: #f0b429;
    --s18-text: #26364a;
    --s18-muted: #59697c;
    --s18-border: #dce4ef;
    font-family: inherit;
    color: var(--s18-text);
}

.noidaS18Mortgage-container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaS18Mortgage strong {
    font-weight: 800;
}

.noidaS18Mortgage p {
    font-size: 16px;
    line-height: 1.8;
}

.noidaS18Mortgage-hero {
    padding: 68px 0;
    background:
        radial-gradient(ellipse at 90% 10%, rgba(217,154,22,.10), transparent 32%),
        linear-gradient(135deg, #ffffff, #f4f7fc);
}

.noidaS18Mortgage-heroGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, .88fr);
    align-items: center;
    gap: 48px;
}

.noidaS18Mortgage-heroContent {
    min-width: 0;
}

.noidaS18Mortgage-eyebrow {
    display: block;
    margin-bottom: 14px;
    color: var(--s18-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: 1.1px;
    line-height: 1.5;
}

.noidaS18Mortgage-hero h1 {
    margin: 0 0 22px;
    color: var(--s18-dark);
    font-size: clamp(34px, 3.4vw, 49px);
    font-weight: 550;
    letter-spacing: -1px;
    line-height: 1.15;
}

.noidaS18Mortgage-hero h1 strong {
    color: var(--s18-navy);
    font-weight: 850;
}

.noidaS18Mortgage-heroLead {
    margin: 0 0 16px;
    color: #30465f;
    font-size: 18px !important;
    font-weight: 500;
}

.noidaS18Mortgage-heroLead strong,
.noidaS18Mortgage-heroText strong {
    color: var(--s18-navy);
}

.noidaS18Mortgage-heroText {
    margin: 0 0 23px;
    color: var(--s18-muted);
}

.noidaS18Mortgage-heroPoints {
    display: grid;
    gap: 12px;
    margin-bottom: 27px;
}

.noidaS18Mortgage-heroPoints > div {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    font-size: 16px;
    line-height: 1.65;
}

.noidaS18Mortgage-check {
    flex: 0 0 25px;
    width: 25px;
    height: 25px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--s18-deep);
    background: var(--s18-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaS18Mortgage-heroActions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 15px;
}

.noidaS18Mortgage-button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 20px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.noidaS18Mortgage-button:hover {
    transform: translateY(-2px);
}

.noidaS18Mortgage-buttonGold {
    color: var(--s18-deep) !important;
    background: linear-gradient(135deg, var(--s18-gold-bright), var(--s18-gold-light));
    box-shadow: 0 8px 20px rgba(185,120,0,.2);
}

.noidaS18Mortgage-buttonGold:hover {
    box-shadow: 0 12px 26px rgba(185,120,0,.3);
}

.noidaS18Mortgage-buttonNavy {
    color: #ffffff !important;
    background: var(--s18-navy);
    box-shadow: 0 8px 20px rgba(9,47,98,.16);
}

.noidaS18Mortgage-buttonNavy:hover {
    background: var(--s18-dark);
}

.noidaS18Mortgage-heroNote {
    margin: 0;
    color: var(--s18-muted);
    font-size: 15px !important;
}

.noidaS18Mortgage-heroPanel {
    padding: 30px 27px 22px;
    border: 1px solid var(--s18-border);
    border-top: 4px solid var(--s18-gold-light);
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 20px 48px rgba(4,21,45,.08);
}

.noidaS18Mortgage-panelLabel,
.noidaS18Mortgage-calculationLabel {
    display: block;
    margin-bottom: 12px;
    color: var(--s18-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .8px;
    line-height: 1.5;
}

.noidaS18Mortgage-heroPanel h2 {
    margin: 0 0 23px;
    color: var(--s18-navy);
    font-size: 26px;
    line-height: 1.35;
}

.noidaS18Mortgage-question {
    display: flex;
    gap: 14px;
    padding: 17px 0;
    border-top: 1px solid #e8edf4;
}

.noidaS18Mortgage-question > span {
    flex: 0 0 37px;
    width: 37px;
    height: 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--s18-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.noidaS18Mortgage-question strong {
    display: block;
    margin-bottom: 5px;
    color: var(--s18-dark);
    font-size: 17px;
    line-height: 1.5;
}

.noidaS18Mortgage-question p {
    margin: 0;
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaS18Mortgage-panelFooter {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 8px;
    margin-top: 13px;
    padding-top: 17px;
    border-top: 1px solid var(--s18-border);
    color: var(--s18-navy);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .5px;
}

/* SHARED SECTION HEADING */

.noidaS18Mortgage-sectionHeading {
    max-width: 830px;
    margin: 0 auto 38px;
    text-align: center;
}

.noidaS18Mortgage-sectionHeading h2 {
    margin: 0 0 15px;
    color: var(--s18-dark);
    font-size: clamp(30px, 3vw, 41px);
    font-weight: 600;
    letter-spacing: -.6px;
    line-height: 1.23;
}

.noidaS18Mortgage-sectionHeading h2 strong {
    color: var(--s18-navy);
    font-weight: 850;
}

.noidaS18Mortgage-sectionHeading p {
    margin: 0;
    color: var(--s18-muted);
}

/* SECTION: YIELD CAPITALISATION */

.noidaS18Mortgage-yield {
    padding: 76px 0;
    background: #ffffff;
}

.noidaS18Mortgage-yieldGrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(320px, .82fr);
    gap: 36px;
    align-items: start;
}

.noidaS18Mortgage-yieldContent h3 {
    margin: 0 0 15px;
    color: var(--s18-navy);
    font-size: 25px;
    line-height: 1.4;
}

.noidaS18Mortgage-yieldContent p {
    color: var(--s18-muted);
}

.noidaS18Mortgage-formula {
    margin: 23px 0;
    padding: 21px;
    border-left: 4px solid var(--s18-gold-light);
    border-radius: 0 9px 9px 0;
    background: #f3f6fb;
}

.noidaS18Mortgage-formula span {
    display: block;
    margin-bottom: 9px;
    color: var(--s18-gold);
    font-size: 15px;
    font-weight: 850;
    text-transform: uppercase;
}

.noidaS18Mortgage-formula strong {
    display: block;
    color: var(--s18-navy);
    font-size: 19px;
    line-height: 1.55;
}

.noidaS18Mortgage-infoNote {
    margin-top: 23px;
    padding: 17px 19px;
    border: 1px solid #ead6a6;
    border-radius: 9px;
    color: var(--s18-text);
    background: #fffaf0;
    font-size: 15px;
    line-height: 1.75;
}

.noidaS18Mortgage-infoNote strong {
    color: var(--s18-navy);
}

.noidaS18Mortgage-calculationCard {
    padding: 26px;
    border: 1px solid var(--s18-border);
    border-radius: 13px;
    background: linear-gradient(145deg, #ffffff, #f5f8fc);
    box-shadow: 0 12px 32px rgba(4,21,45,.06);
}

.noidaS18Mortgage-calculationCard h3 {
    margin: 0 0 22px;
    color: var(--s18-dark);
    font-size: 23px;
    line-height: 1.4;
}

.noidaS18Mortgage-calcRow {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 15px;
    padding: 14px 0;
    border-bottom: 1px solid #e5ebf3;
}

.noidaS18Mortgage-calcRow span {
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaS18Mortgage-calcRow strong {
    color: var(--s18-navy);
    font-size: 16px;
    text-align: right;
    line-height: 1.5;
}

.noidaS18Mortgage-calcResult {
    margin-top: 19px;
    padding: 21px;
    border-radius: 10px;
    background: var(--s18-navy);
}

.noidaS18Mortgage-calcResult span,
.noidaS18Mortgage-calcResult small {
    display: block;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.6;
}

.noidaS18Mortgage-calcResult strong {
    display: block;
    margin: 7px 0;
    color: var(--s18-gold-bright);
    font-size: 29px;
    line-height: 1.3;
}

.noidaS18Mortgage-calculationDisclaimer {
    margin: 17px 0 0;
    color: var(--s18-muted);
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* SECTION: COMMERCIAL SUB-MARKETS */

.noidaS18Mortgage-markets {
    padding: 76px 0;
    background: #f5f8fc;
}

.noidaS18Mortgage-marketGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 21px;
}

.noidaS18Mortgage-marketCard {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 26px 23px;
    border: 1px solid var(--s18-border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4,21,45,.04);
}

.noidaS18Mortgage-marketCardFeatured {
    border-color: rgba(217,154,22,.65);
    box-shadow: 0 12px 30px rgba(4,21,45,.07);
}

.noidaS18Mortgage-marketNumber {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    border-radius: 9px;
    color: var(--s18-navy);
    background: #edf3fb;
    font-size: 16px;
    font-weight: 900;
}

.noidaS18Mortgage-marketCard h3 {
    margin: 0 0 11px;
    color: var(--s18-navy);
    font-size: 23px;
    line-height: 1.4;
}

.noidaS18Mortgage-marketExamples {
    min-height: 76px;
    margin: 0 0 18px;
    color: var(--s18-muted);
    font-size: 15px !important;
    line-height: 1.7 !important;
}

.noidaS18Mortgage-marketExamples strong {
    color: var(--s18-navy);
}

.noidaS18Mortgage-marketCard ul {
    display: grid;
    gap: 12px;
    margin: 0 0 22px;
    padding-left: 20px;
}

.noidaS18Mortgage-marketCard li {
    padding-left: 3px;
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaS18Mortgage-marketCard li::marker {
    color: var(--s18-gold);
}

.noidaS18Mortgage-marketNote {
    margin-top: auto;
    padding: 16px;
    border-radius: 8px;
    background: #f3f6fb;
}

.noidaS18Mortgage-marketNote strong {
    display: block;
    margin-bottom: 6px;
    color: var(--s18-navy);
    font-size: 15px;
    line-height: 1.5;
}

.noidaS18Mortgage-marketNote span {
    display: block;
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaS18Mortgage-marketDisclaimer {
    margin-top: 25px;
    padding: 18px 20px;
    border: 1px solid #ead6a6;
    border-radius: 9px;
    color: var(--s18-text);
    background: #fffaf0;
    font-size: 15px;
    line-height: 1.8;
}

.noidaS18Mortgage-marketDisclaimer strong {
    color: var(--s18-navy);
}

/* SECTION: LAP */

.noidaS18Mortgage-lap {
    padding: 78px 0;
    background: #ffffff;
}

.noidaS18Mortgage-lapGrid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(310px, .78fr);
    align-items: start;
    gap: 38px;
}

.noidaS18Mortgage-lapContent h2 {
    margin: 0 0 18px;
    color: var(--s18-dark);
    font-size: clamp(30px, 3vw, 40px);
    font-weight: 600;
    line-height: 1.25;
}

.noidaS18Mortgage-lapContent h2 strong {
    color: var(--s18-navy);
    font-weight: 850;
}

.noidaS18Mortgage-lapContent > p {
    color: var(--s18-muted);
}

.noidaS18Mortgage-lapContent h3 {
    margin: 27px 0 16px;
    color: var(--s18-navy);
    font-size: 23px;
    line-height: 1.4;
}

.noidaS18Mortgage-lenderList {
    display: grid;
    gap: 18px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noidaS18Mortgage-lenderList li {
    display: flex;
    align-items: flex-start;
    gap: 13px;
}

.noidaS18Mortgage-lenderList li > span {
    flex: 0 0 27px;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--s18-deep);
    background: var(--s18-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaS18Mortgage-lenderList strong {
    display: block;
    margin-bottom: 4px;
    color: var(--s18-navy);
    font-size: 17px;
    line-height: 1.5;
}

.noidaS18Mortgage-lenderList p {
    margin: 0;
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaS18Mortgage-lapCalculator {
    padding: 27px;
    border: 1px solid var(--s18-border);
    border-top: 4px solid var(--s18-gold-light);
    border-radius: 13px;
    background: linear-gradient(150deg, #ffffff, #f4f7fc);
    box-shadow: 0 13px 35px rgba(4,21,45,.06);
}

.noidaS18Mortgage-lapCalculator h3 {
    margin: 0 0 20px;
    color: var(--s18-navy);
    font-size: 23px;
    line-height: 1.4;
}

.noidaS18Mortgage-lapValue {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 14px 0;
    border-bottom: 1px solid #e3eaf3;
}

.noidaS18Mortgage-lapValue span {
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.5;
}

.noidaS18Mortgage-lapValue strong {
    color: var(--s18-navy);
    font-size: 20px;
    line-height: 1.4;
}

.noidaS18Mortgage-lapResult {
    margin-top: 19px;
    padding: 20px;
    border-radius: 10px;
    background: var(--s18-navy);
}

.noidaS18Mortgage-lapResult span,
.noidaS18Mortgage-lapResult small {
    display: block;
    color: #ffffff;
    font-size: 15px;
    line-height: 1.6;
}

.noidaS18Mortgage-lapResult strong {
    display: block;
    margin: 7px 0;
    color: var(--s18-gold-bright);
    font-size: 30px;
    line-height: 1.3;
}

.noidaS18Mortgage-lapCalculator > p {
    margin: 16px 0 0;
    color: var(--s18-muted);
    font-size: 15px;
}

.noidaS18Mortgage-premiumNote {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 35px;
    padding: 22px;
    border: 1px solid #ead6a6;
    border-radius: 11px;
    background: #fffaf0;
}

.noidaS18Mortgage-premiumIcon {
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--s18-deep);
    background: var(--s18-gold-bright);
    font-size: 18px;
    font-weight: 900;
}

.noidaS18Mortgage-premiumNote h3 {
    margin: 0 0 7px;
    color: var(--s18-navy);
    font-size: 19px;
    line-height: 1.5;
}

.noidaS18Mortgage-premiumNote p {
    margin: 0;
    color: var(--s18-muted);
    font-size: 15px;
}

/* SECTION: DOCUMENTS AND FINAL CTA */

.noidaS18Mortgage-next {
    padding: 75px 0;
    background: #f5f8fc;
}

.noidaS18Mortgage-nextPanel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(290px, .65fr);
    gap: 42px;
    padding: 34px;
    border: 1px solid var(--s18-border);
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 14px 40px rgba(4,21,45,.055);
}

.noidaS18Mortgage-nextContent h2 {
    margin: 0 0 16px;
    color: var(--s18-dark);
    font-size: clamp(29px, 2.8vw, 38px);
    font-weight: 600;
    line-height: 1.25;
}

.noidaS18Mortgage-nextContent h2 strong {
    color: var(--s18-navy);
    font-weight: 850;
}

.noidaS18Mortgage-nextContent > p {
    color: var(--s18-muted);
}

.noidaS18Mortgage-documentGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
    margin: 26px 0;
}

.noidaS18Mortgage-documentGrid > div {
    padding: 17px;
    border: 1px solid var(--s18-border);
    border-radius: 9px;
    background: #f9fbfe;
}

.noidaS18Mortgage-documentGrid > div > span {
    display: block;
    margin-bottom: 9px;
    color: var(--s18-gold);
    font-size: 15px;
    font-weight: 900;
}

.noidaS18Mortgage-documentGrid strong {
    display: block;
    margin-bottom: 6px;
    color: var(--s18-navy);
    font-size: 16px;
    line-height: 1.5;
}

.noidaS18Mortgage-documentGrid p {
    margin: 0;
    color: var(--s18-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaS18Mortgage-finalNote {
    margin-bottom: 0;
    font-size: 15px !important;
}

.noidaS18Mortgage-finalCTA {
    align-self: start;
    padding: 27px;
    border-radius: 12px;
    background: linear-gradient(150deg, var(--s18-navy), var(--s18-deep));
}

.noidaS18Mortgage-finalCTALabel {
    display: block;
    margin-bottom: 13px;
    color: var(--s18-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .8px;
}

.noidaS18Mortgage-finalCTA h3 {
    margin: 0 0 12px;
    color: #c6a760;
    font-size: 25px;
    line-height: 1.4;
}

.noidaS18Mortgage-finalCTA > p {
    margin: 0 0 22px;
    color: #3f4042;
    font-size: 15px;
}

.noidaS18Mortgage-finalCTA .noidaS18Mortgage-button {
    width: 100%;
    margin-bottom: 11px;
}

.noidaS18Mortgage-finalCTA .noidaS18Mortgage-buttonNavy {
    border-color: rgba(255,255,255,.3);
    color: #b88723 !important;
    background: transparent;
    box-shadow: none;
}

.noidaS18Mortgage-finalCTA .noidaS18Mortgage-buttonNavy:hover {
    background: rgba(255,255,255,.08);
}

.noidaS18Mortgage-email {
    display: block;
    margin-top: 13px;
    color: var(--s18-gold-bright) !important;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    text-align: center;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

.noidaS18Mortgage-email:hover {
    color: #b88723 !important
}


/* RESPONSIVE */

@media (max-width: 1000px) {
    .noidaS18Mortgage-heroGrid,
    .noidaS18Mortgage-yieldGrid,
    .noidaS18Mortgage-lapGrid,
    .noidaS18Mortgage-nextPanel {
        grid-template-columns: 1fr;
    }

    .noidaS18Mortgage-heroGrid {
        gap: 30px;
    }

    .noidaS18Mortgage-heroPanel {
        max-width: 650px;
    }

    .noidaS18Mortgage-marketGrid {
        grid-template-columns: 1fr;
    }

    .noidaS18Mortgage-marketExamples {
        min-height: 0;
    }

    .noidaS18Mortgage-finalCTA {
        max-width: none;
    }
}

@media (max-width: 700px) {
    .noidaS18Mortgage-container {
        width: calc(100% - 32px);
    }

    .noidaS18Mortgage-hero,
    .noidaS18Mortgage-yield,
    .noidaS18Mortgage-markets,
    .noidaS18Mortgage-lap,
    .noidaS18Mortgage-next {
        padding: 48px 0;
    }

    .noidaS18Mortgage-hero h1 {
        font-size: clamp(32px, 8vw, 40px);
    }

    .noidaS18Mortgage-heroLead {
        font-size: 17px !important;
    }

    .noidaS18Mortgage-heroActions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .noidaS18Mortgage-button {
        width: 100%;
    }

    .noidaS18Mortgage-sectionHeading {
        margin-bottom: 28px;
    }

    .noidaS18Mortgage-sectionHeading h2,
    .noidaS18Mortgage-lapContent h2,
    .noidaS18Mortgage-nextContent h2 {
        font-size: 30px;
    }

    .noidaS18Mortgage-calculationCard,
    .noidaS18Mortgage-lapCalculator {
        padding: 21px;
    }

    .noidaS18Mortgage-calcRow {
        gap: 10px;
    }

    .noidaS18Mortgage-calcRow strong {
        max-width: 48%;
    }

    .noidaS18Mortgage-marketCard {
        padding: 23px 20px;
    }

    .noidaS18Mortgage-premiumNote {
        padding: 18px;
    }

    .noidaS18Mortgage-nextPanel {
        gap: 25px;
        padding: 22px;
    }

    .noidaS18Mortgage-documentGrid {
        grid-template-columns: 1fr;
    }

    .noidaS18Mortgage-finalCTA {
        padding: 23px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaS18Mortgage-button {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — NRI INTRO
   Unique namespace: nriNoidaIntro
========================================================= */

.nriNoidaIntro,
.nriNoidaIntro *,
.nriNoidaTax,
.nriNoidaTax *,
.nriNoidaRemote,
.nriNoidaRemote * {
    box-sizing: border-box;
}

.nriNoidaIntro {
    --nri-intro-navy: #092f62;
    --nri-intro-dark: #061d3d;
    --nri-intro-deep: #04152d;
    --nri-intro-gold: #b97800;
    --nri-intro-gold-light: #d99a16;
    --nri-intro-gold-bright: #f0b429;
    --nri-intro-text: #26364a;
    --nri-intro-muted: #59697c;
    --nri-intro-border: #dce4ef;

    padding: 68px 0 62px;
    color: var(--nri-intro-text);
    background:
        radial-gradient(ellipse at 88% 10%, rgba(217,154,22,.09), transparent 31%),
        linear-gradient(135deg, #ffffff, #f4f7fc);
    font-family: inherit;
}

.nriNoidaIntro__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.nriNoidaIntro__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
    color: var(--nri-intro-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: .9px;
}

.nriNoidaIntro__eyebrowLine {
    width: 27px;
    height: 2px;
    background: var(--nri-intro-gold-light);
}

.nriNoidaIntro__eyebrowDivider {
    color: var(--nri-intro-gold);
}

.nriNoidaIntro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(310px, .8fr);
    align-items: start;
    gap: 44px;
}

.nriNoidaIntro__content {
    min-width: 0;
}

.nriNoidaIntro h1 {
    margin: 0 0 21px;
    color: var(--nri-intro-dark);
    font-size: clamp(34px, 3.4vw, 48px);
    font-weight: 550;
    line-height: 1.16;
    letter-spacing: -1px;
    overflow-wrap: anywhere;
}

.nriNoidaIntro h1 strong {
    color: var(--nri-intro-navy);
    font-weight: 850;
}

.nriNoidaIntro h1 span {
    font-weight: 500;
}

.nriNoidaIntro__lead {
    margin: 0 0 17px;
    color: #30465f;
    font-size: 18px;
    line-height: 1.8;
}

.nriNoidaIntro__lead strong,
.nriNoidaIntro__text strong {
    color: var(--nri-intro-navy);
    font-weight: 850;
}

.nriNoidaIntro__text {
    margin: 0 0 24px;
    color: var(--nri-intro-muted);
    font-size: 16px;
    line-height: 1.85;
}

.nriNoidaIntro__challenge {
    padding: 22px;
    border: 1px solid var(--nri-intro-border);
    border-left: 4px solid var(--nri-intro-gold-light);
    border-radius: 10px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4,21,45,.045);
}

.nriNoidaIntro__challengeTitle {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 15px;
}

.nriNoidaIntro__challengeIcon {
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--nri-intro-deep);
    background: var(--nri-intro-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.nriNoidaIntro__challengeTitle h2 {
    margin: 0;
    color: var(--nri-intro-navy);
    font-size: 20px;
    font-weight: 850;
    line-height: 1.45;
}

.nriNoidaIntro__list {
    display: grid;
    gap: 13px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nriNoidaIntro__list li {
    position: relative;
    padding-left: 22px;
    color: var(--nri-intro-muted);
    font-size: 16px;
    line-height: 1.75;
}

.nriNoidaIntro__list li::before {
    content: "";
    position: absolute;
    top: 10px;
    left: 1px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--nri-intro-gold-light);
}

.nriNoidaIntro__list strong {
    color: var(--nri-intro-navy);
    font-weight: 850;
}

/* INTRO CTA */

.nriNoidaIntro__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-top: 24px;
}

.nriNoidaIntro__button,
.nriNoidaIntro__button:visited {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 20px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.nriNoidaIntro__button:hover {
    transform: translateY(-2px);
}

.nriNoidaIntro__button--gold {
    color: var(--nri-intro-deep) !important;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 20px rgba(185,120,0,.22);
}

.nriNoidaIntro__button--gold:hover {
    box-shadow: 0 12px 25px rgba(185,120,0,.3);
}

.nriNoidaIntro__button--navy {
    color: #ffffff !important;
    background: var(--nri-intro-navy);
    box-shadow: 0 8px 20px rgba(9,47,98,.17);
}

.nriNoidaIntro__button--navy:hover {
    background: var(--nri-intro-dark);
}

.nriNoidaIntro__microcopy {
    margin: 13px 0 0;
    color: var(--nri-intro-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* INTRO SIDE CARD */

.nriNoidaIntro__side {
    min-width: 0;
    padding: 27px;
    border: 1px solid #d8e2ef;
    border-radius: 14px;
    background: linear-gradient(155deg, #ffffff, #f5f8fd);
    box-shadow: 0 18px 44px rgba(4,21,45,.08);
}

.nriNoidaIntro__sideTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--nri-intro-border);
}

.nriNoidaIntro__sideLabel {
    color: var(--nri-intro-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.nriNoidaIntro__sideSymbol {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--nri-intro-deep);
    background: var(--nri-intro-gold-bright);
    font-size: 25px;
    font-weight: 850;
}

.nriNoidaIntro__side h2 {
    margin: 22px 0 12px;
    color: var(--nri-intro-navy);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.nriNoidaIntro__side > p {
    margin: 0 0 24px;
    color: var(--nri-intro-muted);
    font-size: 16px;
    line-height: 1.8;
}

.nriNoidaIntro__steps {
    display: grid;
    gap: 20px;
}

.nriNoidaIntro__step {
    display: grid;
    grid-template-columns: 37px minmax(0, 1fr);
    align-items: start;
    gap: 12px;
}

.nriNoidaIntro__step > span {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8e2ef;
    border-radius: 9px;
    color: var(--nri-intro-navy);
    background: #ffffff;
    font-size: 15px;
    font-weight: 900;
}

.nriNoidaIntro__step strong {
    display: block;
    margin: 1px 0 5px;
    color: var(--nri-intro-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.nriNoidaIntro__step p {
    margin: 0;
    color: var(--nri-intro-muted);
    font-size: 15px;
    line-height: 1.7;
}

.nriNoidaIntro__sideFooter {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 26px;
    padding-top: 20px;
    border-top: 1px solid var(--nri-intro-border);
}

.nriNoidaIntro__sideFooterMark {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nri-intro-deep);
    background: var(--nri-intro-gold-bright);
    font-size: 19px;
    font-weight: 900;
}

.nriNoidaIntro__sideFooter strong,
.nriNoidaIntro__sideFooter small {
    display: block;
    line-height: 1.5;
}

.nriNoidaIntro__sideFooter strong {
    margin-bottom: 3px;
    color: var(--nri-intro-navy);
    font-size: 16px;
    font-weight: 850;
}

.nriNoidaIntro__sideFooter small {
    color: var(--nri-intro-muted);
    font-size: 15px;
}


/* =========================================================
   SECTION 2 — TAX / SECTION 197
   Unique namespace: nriNoidaTax
========================================================= */

.nriNoidaTax {
    --nrt-navy: #092f62;
    --nrt-dark: #061d3d;
    --nrt-deep: #04152d;
    --nrt-gold: #b97800;
    --nrt-gold-light: #d99a16;
    --nrt-gold-bright: #f0b429;
    --nrt-text: #26364a;
    --nrt-muted: #59697c;
    --nrt-border: #dce4ef;

    padding: 78px 0 82px;
    color: var(--nrt-text);
    background: #f5f8fc;
    font-family: inherit;
}

.nriNoidaTax__container {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.nriNoidaTax__heading {
    max-width: 850px;
    margin: 0 auto 36px;
    text-align: center;
}

.nriNoidaTax__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--nrt-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.nriNoidaTax__heading h2 {
    margin: 0 0 15px;
    color: var(--nrt-dark);
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 600;
    line-height: 1.22;
}

.nriNoidaTax__heading h2 strong {
    color: var(--nrt-navy);
    font-weight: 850;
}

.nriNoidaTax__heading p {
    margin: 0;
    color: var(--nrt-muted);
    font-size: 17px;
    line-height: 1.8;
}

/* SCENARIO */

.nriNoidaTax__scenario {
    margin-bottom: 25px;
    padding: 25px;
    border: 1px solid #d8e2ef;
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 8px 25px rgba(4,21,45,.04);
}

.nriNoidaTax__scenarioHeader {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 22px;
}

.nriNoidaTax__scenarioIcon {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: var(--nrt-deep);
    background: var(--nrt-gold-bright);
    font-size: 25px;
    font-weight: 900;
}

.nriNoidaTax__scenarioLabel {
    display: block;
    margin-bottom: 4px;
    color: var(--nrt-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.nriNoidaTax__scenarioHeader h3 {
    margin: 0;
    color: var(--nrt-navy);
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.nriNoidaTax__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
}

.nriNoidaTax__fact {
    min-width: 0;
    padding: 15px;
    border: 1px solid var(--nrt-border);
    border-radius: 9px;
    background: #f9fbfe;
}

.nriNoidaTax__fact span {
    display: block;
    margin-bottom: 7px;
    color: var(--nrt-muted);
    font-size: 15px;
    line-height: 1.5;
}

.nriNoidaTax__fact strong {
    display: block;
    color: var(--nrt-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.55;
    overflow-wrap: anywhere;
}

.nriNoidaTax__scenarioNote {
    margin: 17px 0 0;
    padding-top: 15px;
    border-top: 1px solid var(--nrt-border);
    color: var(--nrt-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* COMPARISON PANELS */

.nriNoidaTax__comparison {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.nriNoidaTax__panel {
    min-width: 0;
    padding: 25px;
    border: 1px solid var(--nrt-border);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 8px 24px rgba(4,21,45,.04);
}

.nriNoidaTax__panel--valuation {
    border-top: 4px solid var(--nrt-gold-light);
}

.nriNoidaTax__panel--default {
    border-top: 4px solid var(--nrt-navy);
}

.nriNoidaTax__panelHeader {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 18px;
}

.nriNoidaTax__panelStep {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #ffffff;
    background: var(--nrt-navy);
    font-size: 16px;
    font-weight: 900;
}

.nriNoidaTax__panel--valuation .nriNoidaTax__panelStep {
    color: var(--nrt-deep);
    background: var(--nrt-gold-bright);
}

.nriNoidaTax__panelKicker {
    display: block;
    margin-bottom: 5px;
    color: var(--nrt-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.nriNoidaTax__panelHeader h3 {
    margin: 0;
    color: var(--nrt-navy);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.45;
}

.nriNoidaTax__panel > p {
    margin: 0 0 18px;
    color: var(--nrt-muted);
    font-size: 16px;
    line-height: 1.8;
}

.nriNoidaTax__panel > p strong {
    color: var(--nrt-navy);
    font-weight: 850;
}

.nriNoidaTax__calculation {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 13px 0;
    border-top: 1px solid var(--nrt-border);
}

.nriNoidaTax__calculation span {
    color: var(--nrt-muted);
    font-size: 15px;
    line-height: 1.6;
}

.nriNoidaTax__calculation strong {
    flex: 0 0 auto;
    color: var(--nrt-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.nriNoidaTax__amount {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 8px;
    padding: 17px;
    border-radius: 9px;
    color: #ffffff;
    background: var(--nrt-navy);
}

.nriNoidaTax__amount span {
    color: #ffffff;
    font-size: 15px;
    line-height: 1.55;
}

.nriNoidaTax__amount strong {
    color: #ffffff;
    font-size: 27px;
    font-weight: 900;
    line-height: 1.3;
    overflow-wrap: anywhere;
}

.nriNoidaTax__amount--gold {
    color: var(--nrt-deep);
    background: linear-gradient(135deg, #f0b429, #d99a16);
}

.nriNoidaTax__amount--gold span,
.nriNoidaTax__amount--gold strong {
    color: var(--nrt-deep);
}

.nriNoidaTax .nriNoidaTax__panelFootnote {
    margin: 13px 0 0;
    color: var(--nrt-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* METHOD COMPARISON */

.nriNoidaTax__methodBox {
    margin-top: 25px;
    padding: 25px;
    border: 1px solid #d8e2ef;
    border-radius: 13px;
    background: #ffffff;
}

.nriNoidaTax__methodHeading {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 21px;
}

.nriNoidaTax__methodIcon {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nrt-deep);
    background: var(--nrt-gold-bright);
    font-size: 19px;
    font-weight: 900;
}

.nriNoidaTax__methodHeading h3 {
    margin: 0 0 7px;
    color: var(--nrt-navy);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.45;
}

.nriNoidaTax__methodHeading p {
    margin: 0;
    color: var(--nrt-muted);
    font-size: 16px;
    line-height: 1.75;
}

.nriNoidaTax__methodGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.nriNoidaTax__method {
    padding: 19px;
    border: 1px solid var(--nrt-border);
    border-radius: 9px;
    background: #f8fafd;
}

.nriNoidaTax__method > span {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--nrt-gold);
    font-size: 15px;
    font-weight: 900;
    letter-spacing: .8px;
}

.nriNoidaTax__method strong {
    display: block;
    margin-bottom: 9px;
    color: var(--nrt-navy);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.nriNoidaTax__method p {
    margin: 0;
    color: var(--nrt-muted);
    font-size: 15px;
    line-height: 1.75;
}

.nriNoidaTax__important {
    margin-top: 19px;
    padding: 17px 19px;
    border-left: 4px solid var(--nrt-gold-light);
    border-radius: 7px;
    color: var(--nrt-muted);
    background: #fff8e8;
    font-size: 15px;
    line-height: 1.8;
}

.nriNoidaTax__important strong {
    color: var(--nrt-navy);
    font-weight: 900;
}

/* TAX CTA */

.nriNoidaTax__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 28px;
    padding: 29px;
    border-radius: 13px;
    background: linear-gradient(120deg, #061d3d, #092f62);
}

.nriNoidaTax__ctaContent {
    flex: 1;
    min-width: 0;
}

.nriNoidaTax__ctaContent > span {
    display: block;
    margin-bottom: 8px;
    color: #f0b429;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.nriNoidaTax__ctaContent h3 {
    margin: 0 0 8px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.nriNoidaTax__ctaContent p {
    margin: 0;
    color: #e1e9f4;
    font-size: 16px;
    line-height: 1.75;
}

.nriNoidaTax__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.nriNoidaTax__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 21px;
    border-radius: 8px;
    color: var(--nrt-deep) !important;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 20px rgba(0,0,0,.12);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.nriNoidaTax__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0,0,0,.18);
}

.nriNoidaTax__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 3 — REMOTE ENGAGEMENT
   Unique namespace: nriNoidaRemote
========================================================= */

.nriNoidaRemote {
    --nrr-navy: #092f62;
    --nrr-dark: #061d3d;
    --nrr-deep: #04152d;
    --nrr-gold: #b97800;
    --nrr-gold-light: #d99a16;
    --nrr-gold-bright: #f0b429;
    --nrr-text: #26364a;
    --nrr-muted: #59697c;
    --nrr-border: #dce4ef;

    padding: 78px 0 82px;
    color: var(--nrr-text);
    background:
        radial-gradient(ellipse at 5% 90%, rgba(217,154,22,.08), transparent 30%),
        #ffffff;
    font-family: inherit;
}

.nriNoidaRemote__container {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

.nriNoidaRemote__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, .92fr);
    align-items: start;
    gap: 42px;
}

.nriNoidaRemote__content {
    min-width: 0;
}

.nriNoidaRemote__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--nrr-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.nriNoidaRemote__content h2 {
    margin: 0 0 18px;
    color: var(--nrr-dark);
    font-size: clamp(30px, 3vw, 41px);
    font-weight: 600;
    line-height: 1.23;
    letter-spacing: -.6px;
}

.nriNoidaRemote__content h2 strong {
    color: var(--nrr-navy);
    font-weight: 850;
}

.nriNoidaRemote__lead {
    margin: 0 0 29px;
    color: var(--nrr-muted);
    font-size: 17px;
    line-height: 1.85;
}

.nriNoidaRemote__features {
    display: grid;
    gap: 23px;
}

.nriNoidaRemote__feature {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
}

.nriNoidaRemote__featureNumber {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8e2ef;
    border-radius: 10px;
    color: var(--nrr-navy);
    background: #f0f5fb;
    font-size: 16px;
    font-weight: 900;
}

.nriNoidaRemote__feature h3 {
    margin: 0 0 7px;
    color: var(--nrr-navy);
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
}

.nriNoidaRemote__feature p {
    margin: 0;
    color: var(--nrr-muted);
    font-size: 16px;
    line-height: 1.8;
}

/* DOCUMENT CARD */

.nriNoidaRemote__documentCard {
    min-width: 0;
    padding: 26px;
    border: 1px solid #d8e2ef;
    border-top: 4px solid var(--nrr-gold-light);
    border-radius: 13px;
    background: linear-gradient(155deg, #ffffff, #f7f9fd);
    box-shadow: 0 16px 38px rgba(4,21,45,.07);
}

.nriNoidaRemote__documentHeader {
    display: flex;
    align-items: center;
    gap: 13px;
    margin-bottom: 22px;
}

.nriNoidaRemote__documentIcon {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--nrr-deep);
    background: var(--nrr-gold-bright);
    font-size: 21px;
    font-weight: 900;
}

.nriNoidaRemote__documentHeader > div > span {
    display: block;
    margin-bottom: 4px;
    color: var(--nrr-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.nriNoidaRemote__documentHeader h3 {
    margin: 0;
    color: var(--nrr-navy);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.nriNoidaRemote__documentList {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.nriNoidaRemote__documentList li {
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: start;
    gap: 11px;
    padding: 14px 0;
    border-top: 1px solid var(--nrr-border);
    color: var(--nrr-text);
    font-size: 15px;
    line-height: 1.7;
}

.nriNoidaRemote__documentList li > span {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: var(--nrr-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.nriNoidaRemote__documentNote {
    margin: 12px 0 0;
    padding: 14px;
    border-radius: 8px;
    color: var(--nrr-muted);
    background: #f0f4fa;
    font-size: 15px;
    line-height: 1.75;
}

/* REMOTE CONTACT */

.nriNoidaRemote__contact {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin-top: 23px;
    padding-top: 21px;
    border-top: 1px solid var(--nrr-border);
}

.nriNoidaRemote__contactLabel {
    margin-bottom: 2px;
    color: var(--nrr-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .7px;
}

.nriNoidaRemote__contactLink {
    color: var(--nrr-navy) !important;
    font-size: 16px;
    font-weight: 800;
    line-height: 1.6;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

.nriNoidaRemote__contactLink:hover {
    color: var(--nrr-gold) !important;
}

.nriNoidaRemote__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin-top: 6px;
    padding: 14px 20px;
    border-radius: 8px;
    color: var(--nrr-deep) !important;
    background: linear-gradient(135deg, #f0b429, #d99a16);
    box-shadow: 0 8px 20px rgba(185,120,0,.2);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.nriNoidaRemote__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(185,120,0,.28);
}

.nriNoidaRemote__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    color: var(--nrr-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}


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

@media (max-width: 1050px) {
    .nriNoidaIntro__grid,
    .nriNoidaRemote__grid {
        gap: 27px;
    }

    .nriNoidaIntro__side {
        padding: 22px;
    }

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

    .nriNoidaTax__cta {
        align-items: flex-start;
    }
}

@media (max-width: 780px) {
    .nriNoidaIntro,
    .nriNoidaTax,
    .nriNoidaRemote {
        padding: 52px 0 56px;
    }

    .nriNoidaIntro__container,
    .nriNoidaTax__container,
    .nriNoidaRemote__container {
        width: calc(100% - 32px);
    }

    .nriNoidaIntro__grid,
    .nriNoidaRemote__grid {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .nriNoidaIntro h1 {
        font-size: clamp(32px, 7.5vw, 42px);
    }

    .nriNoidaIntro__lead,
    .nriNoidaRemote__lead {
        font-size: 16px;
    }

    .nriNoidaIntro__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .nriNoidaIntro__button {
        width: 100%;
    }

    .nriNoidaIntro__side {
        padding: 22px;
    }

    .nriNoidaTax__heading h2,
    .nriNoidaRemote__content h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

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

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

    .nriNoidaTax__cta {
        flex-direction: column;
        gap: 20px;
        padding: 24px;
    }

    .nriNoidaTax__ctaActions {
        width: 100%;
    }

    .nriNoidaTax__button,
    .nriNoidaTax__phone {
        width: 100%;
    }

    .nriNoidaRemote__documentCard {
        padding: 22px;
    }
}

@media (max-width: 480px) {
    .nriNoidaIntro__container,
    .nriNoidaTax__container,
    .nriNoidaRemote__container {
        width: calc(100% - 26px);
    }

    .nriNoidaIntro__challenge {
        padding: 17px;
    }

    .nriNoidaIntro__challengeTitle {
        align-items: flex-start;
    }

    .nriNoidaIntro__challengeTitle h2 {
        font-size: 18px;
    }

    .nriNoidaTax__scenario,
    .nriNoidaTax__panel,
    .nriNoidaTax__methodBox {
        padding: 18px;
    }

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

    .nriNoidaTax__calculation {
        flex-direction: column;
        gap: 5px;
    }

    .nriNoidaTax__calculation strong {
        text-align: left;
    }

    .nriNoidaTax__amount strong {
        font-size: 25px;
    }

    .nriNoidaTax__methodHeading {
        align-items: flex-start;
    }

    .nriNoidaTax__ctaContent h3 {
        font-size: 22px;
    }

    .nriNoidaRemote__documentHeader h3 {
        font-size: 20px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .nriNoidaIntro__button,
    .nriNoidaTax__button,
    .nriNoidaRemote__button {
        transition: none;
    }
}

/* =========================================================
   SECTION HERO — UNIQUE NAMESPACE: noidaSMEHero
   Royal Navy + Gold | No hero image
========================================================= */

.noidaSMEHero,
.noidaSMEHero *,
.noidaSMEMoments,
.noidaSMEMoments *,
.noidaNSEZ,
.noidaNSEZ * {
    box-sizing: border-box;
}

.noidaSMEHero {
    --smeh-navy: #092f62;
    --smeh-dark: #061d3d;
    --smeh-deep: #04152d;
    --smeh-gold: #b97800;
    --smeh-gold-light: #d99a16;
    --smeh-gold-bright: #f0b429;
    --smeh-text: #293b50;
    --smeh-muted: #59697c;
    --smeh-border: #dce4ef;

    padding: 66px 0 68px;
    color: var(--smeh-text);
    background:
        radial-gradient(ellipse at 92% 8%,
            rgba(217, 154, 22, 0.12), transparent 30%),
        linear-gradient(135deg, #ffffff, #f2f6fc);
    font-family: inherit;
}

.noidaSMEHero__container {
    width: min(1220px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaSMEHero__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 26px;
    color: var(--smeh-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1px;
}

.noidaSMEHero__eyebrow i {
    width: 28px;
    height: 2px;
    background: var(--smeh-gold-light);
}

.noidaSMEHero__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, 0.85fr);
    align-items: stretch;
    gap: clamp(32px, 5vw, 68px);
}

.noidaSMEHero__content {
    align-self: center;
    min-width: 0;
}

.noidaSMEHero h1 {
    margin: 0 0 22px;
    color: var(--smeh-dark);
    font-size: clamp(35px, 3.5vw, 49px);
    font-weight: 550;
    line-height: 1.16;
    letter-spacing: -1.1px;
    overflow-wrap: anywhere;
}

.noidaSMEHero h1 strong {
    color: var(--smeh-navy);
    font-weight: 850;
}

.noidaSMEHero__intro {
    margin: 0 0 17px;
    color: #34485f;
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
}

.noidaSMEHero__intro strong,
.noidaSMEHero__description strong {
    color: var(--smeh-navy);
    font-weight: 850;
}

.noidaSMEHero__description {
    margin: 0 0 23px;
    color: var(--smeh-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaSMEHero__tags {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-bottom: 26px;
}

.noidaSMEHero__tags span {
    display: inline-flex;
    align-items: center;
    padding: 9px 12px;
    border: 1px solid #d7e1ef;
    border-radius: 6px;
    color: var(--smeh-navy);
    background: rgba(255, 255, 255, 0.8);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.45;
}

.noidaSMEHero__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 11px;
}

.noidaSMEHero__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 21px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaSMEHero__button:hover {
    transform: translateY(-2px);
}

.noidaSMEHero__button--gold {
    color: var(--smeh-deep) !important;
    background: linear-gradient(135deg, var(--smeh-gold-bright), var(--smeh-gold-light));
    box-shadow: 0 9px 22px rgba(185, 120, 0, 0.22);
}

.noidaSMEHero__button--gold:hover {
    box-shadow: 0 13px 27px rgba(185, 120, 0, 0.3);
}

.noidaSMEHero__button--navy {
    color: #ffffff !important;
    background: var(--smeh-navy);
    box-shadow: 0 9px 22px rgba(9, 47, 98, 0.17);
}

.noidaSMEHero__button--navy:hover {
    background: var(--smeh-dark);
}

/* HERO RIGHT PANEL */

.noidaSMEHero__side {
    align-self: stretch;
    display: flex;
    flex-direction: column;
    padding: 28px;
    border: 1px solid #dce4ef;
    border-top: 4px solid var(--smeh-gold-light);
    border-radius: 13px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 18px 45px rgba(4, 21, 45, 0.07);
}

.noidaSMEHero__sideTop {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 21px;
    color: var(--smeh-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.6px;
}

.noidaSMEHero__sideIcon {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #ffffff;
    background: var(--smeh-navy);
    font-size: 16px;
    font-weight: 850;
}

.noidaSMEHero__side h2 {
    margin: 0 0 25px;
    color: var(--smeh-dark);
    font-size: 27px;
    font-weight: 800;
    line-height: 1.35;
}

.noidaSMEHero__journey {
    display: flex;
    flex-direction: column;
    gap: 0;
}

.noidaSMEHero__journeyItem {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 14px;
    padding: 0 0 20px;
}

.noidaSMEHero__journeyItem:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 39px;
    bottom: 0;
    left: 18px;
    width: 1px;
    background: #d8e1ee;
}

.noidaSMEHero__journeyItem > span {
    z-index: 1;
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(185, 120, 0, 0.35);
    border-radius: 50%;
    color: var(--smeh-navy);
    background: #fff7e5;
    font-size: 15px;
    font-weight: 850;
}

.noidaSMEHero__journeyItem strong {
    display: block;
    margin-bottom: 3px;
    color: var(--smeh-navy);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaSMEHero__journeyItem p {
    margin: 0;
    color: var(--smeh-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaSMEHero__sideFooter {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: auto;
    padding-top: 17px;
    border-top: 1px solid #e1e8f1;
}

.noidaSMEHero__goldLine {
    width: 4px;
    min-height: 42px;
    flex: 0 0 4px;
    border-radius: 4px;
    background: linear-gradient(180deg, var(--smeh-gold-bright), var(--smeh-gold));
}

.noidaSMEHero__sideFooter p {
    margin: 0;
    color: var(--smeh-muted);
    font-size: 15px;
    line-height: 1.7;
}


/* =========================================================
   SECTION 1 — FIVE MOMENTS
   UNIQUE NAMESPACE: noidaSMEMoments
========================================================= */

.noidaSMEMoments {
    --smm-navy: #092f62;
    --smm-dark: #061d3d;
    --smm-deep: #04152d;
    --smm-gold: #b97800;
    --smm-gold-light: #d99a16;
    --smm-gold-bright: #f0b429;
    --smm-text: #293b50;
    --smm-muted: #59697c;
    --smm-border: #dce4ef;

    padding: 78px 0 82px;
    color: var(--smm-text);
    background: #ffffff;
    font-family: inherit;
}

.noidaSMEMoments__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaSMEMoments__heading {
    max-width: 850px;
    margin: 0 auto 46px;
    text-align: center;
}

.noidaSMEMoments__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--smm-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.4px;
}

.noidaSMEMoments__heading h2 {
    margin: 0 0 16px;
    color: var(--smm-dark);
    font-size: clamp(30px, 3.2vw, 42px);
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -0.7px;
}

.noidaSMEMoments__heading h2 strong {
    color: var(--smm-navy);
    font-weight: 850;
}

.noidaSMEMoments__heading p {
    margin: 0;
    color: var(--smm-muted);
    font-size: 17px;
    line-height: 1.8;
}

/* TIMELINE */

.noidaSMEMoments__timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.noidaSMEMoments__timeline::before {
    content: "";
    position: absolute;
    top: 30px;
    bottom: 30px;
    left: 27px;
    width: 2px;
    background: linear-gradient(
        180deg,
        var(--smm-gold-light),
        #dce4ef 75%
    );
}

.noidaSMEMoments__item {
    position: relative;
    display: grid;
    grid-template-columns: 56px minmax(0, 1fr);
    align-items: start;
    gap: 22px;
}

.noidaSMEMoments__marker {
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
}

.noidaSMEMoments__marker span {
    width: 56px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 4px solid #ffffff;
    border-radius: 50%;
    color: var(--smm-deep);
    background: var(--smm-gold-bright);
    box-shadow: 0 0 0 1px rgba(185, 120, 0, 0.3);
    font-size: 17px;
    font-weight: 900;
}

.noidaSMEMoments__card {
    min-width: 0;
    padding: 29px 30px;
    border: 1px solid var(--smm-border);
    border-radius: 13px;
    background: linear-gradient(155deg, #ffffff, #f9fbfe);
    box-shadow: 0 9px 28px rgba(4, 21, 45, 0.045);
}

.noidaSMEMoments__cardHeader {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}

.noidaSMEMoments__category {
    color: var(--smm-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaSMEMoments__miniNumber {
    color: #718096;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
}

.noidaSMEMoments__card h3 {
    margin: 0 0 14px;
    color: var(--smm-dark);
    font-size: 27px;
    font-weight: 650;
    line-height: 1.35;
}

.noidaSMEMoments__card h3 strong {
    color: var(--smm-navy);
    font-weight: 850;
}

.noidaSMEMoments__card > p {
    margin: 0 0 16px;
    color: var(--smm-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaSMEMoments__card > p strong {
    color: var(--smm-navy);
    font-weight: 850;
}

.noidaSMEMoments__detailBox {
    margin-top: 21px;
    padding: 22px 23px;
    border: 1px solid #e0e7f1;
    border-left: 4px solid var(--smm-gold-light);
    border-radius: 9px;
    background: #f5f8fc;
}

.noidaSMEMoments__detailBox h4 {
    margin: 0 0 13px;
    color: var(--smm-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaSMEMoments__detailBox ul {
    margin: 0;
    padding-left: 22px;
}

.noidaSMEMoments__detailBox li {
    padding-left: 4px;
    margin: 0 0 10px;
    color: var(--smm-text);
    font-size: 15px;
    line-height: 1.8;
}

.noidaSMEMoments__detailBox li:last-child {
    margin-bottom: 0;
}

.noidaSMEMoments__detailBox li::marker {
    color: var(--smm-gold);
}

.noidaSMEMoments__detailBox li strong {
    color: var(--smm-navy);
    font-weight: 850;
}

.noidaSMEMoments__insight {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 19px;
    padding: 15px 17px;
    border: 1px solid #e7dfc9;
    border-radius: 8px;
    background: #fffbf1;
}

.noidaSMEMoments__insight > span {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--smm-deep);
    background: var(--smm-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaSMEMoments__insight p {
    margin: 0;
    color: var(--smm-text);
    font-size: 15px;
    line-height: 1.75;
}

.noidaSMEMoments__insight strong {
    color: var(--smm-navy);
    font-weight: 850;
}

/* TIME-SENSITIVE NOTICE */

.noidaSMEMoments__item--urgent .noidaSMEMoments__marker span {
    color: #ffffff;
    background: var(--smm-navy);
    box-shadow: 0 0 0 1px var(--smm-navy);
}

.noidaSMEMoments__item--urgent .noidaSMEMoments__card {
    border-color: rgba(9, 47, 98, 0.28);
}

.noidaSMEMoments__warning {
    margin-top: 20px;
    padding: 17px 19px;
    border: 1px solid #d5dfed;
    border-radius: 8px;
    background: #edf3fb;
}

.noidaSMEMoments__warning > strong {
    display: block;
    margin-bottom: 5px;
    color: var(--smm-navy);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
}

.noidaSMEMoments__warning p {
    margin: 0;
    color: var(--smm-text);
    font-size: 15px;
    line-height: 1.75;
}

/* MOMENTS CTA */

.noidaSMEMoments__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 42px;
    padding: 30px;
    border: 1px solid rgba(217, 154, 22, 0.4);
    border-radius: 13px;
    background: linear-gradient(120deg, #f2f6fc, #ffffff);
}

.noidaSMEMoments__ctaText {
    flex: 1;
    min-width: 0;
}

.noidaSMEMoments__ctaText > span {
    display: block;
    margin-bottom: 8px;
    color: var(--smm-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaSMEMoments__ctaText h3 {
    margin: 0 0 8px;
    color: var(--smm-dark);
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaSMEMoments__ctaText p {
    margin: 0;
    color: var(--smm-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaSMEMoments__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noidaSMEMoments__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 8px;
    color: var(--smm-deep) !important;
    background: linear-gradient(135deg, var(--smm-gold-bright), var(--smm-gold-light));
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaSMEMoments__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(185, 120, 0, 0.28);
}

.noidaSMEMoments__phone {
    display: inline-flex;
    justify-content: center;
    padding: 9px 10px;
    color: var(--smm-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 2 — NSEZ
   UNIQUE NAMESPACE: noidaNSEZ
========================================================= */

.noidaNSEZ {
    --nsez-navy: #092f62;
    --nsez-dark: #061d3d;
    --nsez-deep: #04152d;
    --nsez-gold: #b97800;
    --nsez-gold-light: #d99a16;
    --nsez-gold-bright: #f0b429;
    --nsez-text: #293b50;
    --nsez-muted: #59697c;
    --nsez-border: #dce4ef;

    padding: 78px 0 84px;
    color: var(--nsez-text);
    background: linear-gradient(180deg, #f3f6fb 0%, #ffffff 100%);
    font-family: inherit;
}

.noidaNSEZ__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaNSEZ__heading {
    max-width: 850px;
    margin: 0 auto 34px;
    text-align: center;
}

.noidaNSEZ__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--nsez-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.4px;
}

.noidaNSEZ__heading h2 {
    margin: 0 0 15px;
    color: var(--nsez-dark);
    font-size: clamp(30px, 3.1vw, 42px);
    font-weight: 600;
    line-height: 1.23;
}

.noidaNSEZ__heading h2 strong {
    color: var(--nsez-navy);
    font-weight: 850;
}

.noidaNSEZ__heading > p {
    margin: 0;
    color: var(--nsez-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaNSEZ__heading > p strong {
    color: var(--nsez-navy);
    font-weight: 850;
}

/* INTRO BAND */

.noidaNSEZ__introBand {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 27px;
    padding: 22px 24px;
    border: 1px solid rgba(217, 154, 22, 0.4);
    border-radius: 11px;
    background: linear-gradient(120deg, #fff9e9, #ffffff);
}

.noidaNSEZ__introIcon {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--nsez-navy);
    font-size: 19px;
    font-weight: 900;
}

.noidaNSEZ__introBand p {
    margin: 0;
    color: var(--nsez-text);
    font-size: 16px;
    line-height: 1.8;
}

.noidaNSEZ__introBand strong {
    color: var(--nsez-navy);
    font-weight: 850;
}

/* THREE FACTOR CARDS */

.noidaNSEZ__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    align-items: stretch;
}

.noidaNSEZ__card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 25px 23px;
    border: 1px solid var(--nsez-border);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 28px rgba(4, 21, 45, 0.05);
}

.noidaNSEZ__cardNumber {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 9px;
    color: var(--nsez-deep);
    background: var(--nsez-gold-bright);
    font-size: 18px;
    font-weight: 900;
}

.noidaNSEZ__label {
    display: block;
    margin-bottom: 10px;
    color: var(--nsez-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.5px;
}

.noidaNSEZ__card h3 {
    margin: 0 0 13px;
    color: var(--nsez-dark);
    font-size: 22px;
    font-weight: 700;
    line-height: 1.4;
}

.noidaNSEZ__card h3 strong {
    color: var(--nsez-navy);
    font-weight: 850;
}

.noidaNSEZ__card > p {
    margin: 0 0 18px;
    color: var(--nsez-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaNSEZ__plainLanguage {
    margin-top: auto;
    padding: 17px;
    border: 1px solid #e4eaf3;
    border-radius: 8px;
    background: #f5f8fc;
}

.noidaNSEZ__plainLanguage > strong,
.noidaNSEZ__check > strong {
    display: block;
    margin-bottom: 7px;
    color: var(--nsez-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaNSEZ__plainLanguage p,
.noidaNSEZ__check p {
    margin: 0;
    color: var(--nsez-muted);
    font-size: 15px;
    line-height: 1.75;
}

.noidaNSEZ__check {
    margin-top: 15px;
    padding: 16px 0 0;
    border-top: 1px solid var(--nsez-border);
}

/* PROCESS STEPS */

.noidaNSEZ__process {
    margin-top: 38px;
    padding: 28px;
    border: 1px solid #d8e2ef;
    border-radius: 12px;
    background: #ffffff;
}

.noidaNSEZ__processHeading {
    margin-bottom: 22px;
    text-align: center;
}

.noidaNSEZ__processHeading > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nsez-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaNSEZ__processHeading h3 {
    margin: 0;
    color: var(--nsez-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaNSEZ__steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 17px;
}

.noidaNSEZ__step {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 16px;
    border: 1px solid #e2e9f2;
    border-radius: 9px;
    background: #f8fafd;
}

.noidaNSEZ__step > span {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nsez-deep);
    background: var(--nsez-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaNSEZ__step p {
    margin: 0;
    color: var(--nsez-text);
    font-size: 15px;
    line-height: 1.75;
}

/* NSEZ CTA */

.noidaNSEZ__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 32px;
    padding: 30px;
    border-radius: 13px;
    color: #ffffff;
    background: linear-gradient(120deg, #061d3d, #092f62);
    box-shadow: 0 14px 32px rgba(4, 21, 45, 0.14);
}

.noidaNSEZ__ctaContent {
    flex: 1;
    min-width: 0;
}

.noidaNSEZ__ctaContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nsez-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaNSEZ__ctaContent h3 {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaNSEZ__ctaContent p {
    margin: 0;
    color: #e1e9f5;
    font-size: 15px;
    line-height: 1.8;
}

.noidaNSEZ__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noidaNSEZ__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 22px;
    border-radius: 8px;
    color: var(--nsez-deep) !important;
    background: linear-gradient(135deg, var(--nsez-gold-bright), var(--nsez-gold-light));
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaNSEZ__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.22);
}

.noidaNSEZ__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 10px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaNSEZ__phone:hover {
    color: var(--nsez-gold-bright) !important;
}


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

@media (max-width: 1050px) {
    .noidaSMEHero__grid {
        grid-template-columns: minmax(0, 1fr) minmax(290px, 0.82fr);
        gap: 27px;
    }

    .noidaSMEHero__side {
        padding: 22px;
    }

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

    .noidaNSEZ__card:last-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 760px) {
    .noidaSMEHero {
        padding: 45px 0 50px;
    }

    .noidaSMEHero__container,
    .noidaSMEMoments__container,
    .noidaNSEZ__container {
        width: calc(100% - 32px);
    }

    .noidaSMEHero__grid {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .noidaSMEHero h1 {
        font-size: clamp(32px, 8vw, 41px);
        letter-spacing: -0.7px;
    }

    .noidaSMEHero__intro {
        font-size: 17px;
    }

    .noidaSMEHero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .noidaSMEHero__button {
        width: 100%;
    }

    .noidaSMEHero__side {
        padding: 24px;
    }

    .noidaSMEMoments,
    .noidaNSEZ {
        padding: 54px 0 58px;
    }

    .noidaSMEMoments__heading,
    .noidaNSEZ__heading {
        margin-bottom: 30px;
    }

    .noidaSMEMoments__heading h2,
    .noidaNSEZ__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .noidaSMEMoments__timeline {
        gap: 18px;
    }

    .noidaSMEMoments__timeline::before {
        left: 21px;
    }

    .noidaSMEMoments__item {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 12px;
    }

    .noidaSMEMoments__marker span {
        width: 44px;
        height: 44px;
        font-size: 15px;
    }

    .noidaSMEMoments__card {
        padding: 22px 19px;
    }

    .noidaSMEMoments__card h3 {
        font-size: 23px;
    }

    .noidaSMEMoments__detailBox {
        padding: 18px;
    }

    .noidaSMEMoments__cta,
    .noidaNSEZ__cta {
        flex-direction: column;
        align-items: stretch;
        padding: 24px 20px;
    }

    .noidaSMEMoments__ctaActions,
    .noidaNSEZ__ctaActions {
        width: 100%;
    }

    .noidaSMEMoments__button,
    .noidaSMEMoments__phone,
    .noidaNSEZ__button,
    .noidaNSEZ__phone {
        width: 100%;
    }

    .noidaNSEZ__grid,
    .noidaNSEZ__steps {
        grid-template-columns: 1fr;
    }

    .noidaNSEZ__card:last-child {
        grid-column: auto;
    }

    .noidaNSEZ__process {
        padding: 22px 18px;
    }
}

@media (max-width: 420px) {
    .noidaSMEHero__container,
    .noidaSMEMoments__container,
    .noidaNSEZ__container {
        width: calc(100% - 26px);
    }

    .noidaSMEHero__eyebrow {
        gap: 8px;
    }

    .noidaSMEHero__tags span {
        width: 100%;
    }

    .noidaSMEMoments__item {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 9px;
    }

    .noidaSMEMoments__timeline::before {
        left: 17px;
    }

    .noidaSMEMoments__marker span {
        width: 36px;
        height: 36px;
        border-width: 3px;
        font-size: 15px;
    }

    .noidaSMEMoments__card {
        padding: 19px 15px;
    }

    .noidaSMEMoments__cardHeader {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .noidaSMEMoments__card h3 {
        font-size: 21px;
    }

    .noidaSMEMoments__detailBox {
        padding: 15px;
    }

    .noidaSMEMoments__detailBox ul {
        padding-left: 19px;
    }

    .noidaNSEZ__introBand {
        padding: 18px 16px;
    }

    .noidaNSEZ__card {
        padding: 21px 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaSMEHero__button,
    .noidaSMEMoments__button,
    .noidaNSEZ__button {
        transition: none;
    }
}

/* =========================================================
   SECTION 1: IGRS UP PRACTICAL GUIDE
   Unique namespace: noidaIgrsGuide
   Royal navy and gold design
========================================================= */

.noidaIgrsGuide,
.noidaIgrsGuide *,
.noidaArchiveGuide,
.noidaArchiveGuide * {
    box-sizing: border-box;
}

.noidaIgrsGuide {
    --nig-navy: #092f62;
    --nig-dark: #061d3d;
    --nig-deep: #04152d;
    --nig-gold: #b97800;
    --nig-gold-light: #d99a16;
    --nig-gold-bright: #f0b429;
    --nig-text: #26364a;
    --nig-muted: #59697c;
    --nig-border: #dce4ef;

    padding: 66px 0 72px;
    color: var(--nig-text);
    background:
        radial-gradient(ellipse at 95% 8%,
            rgba(217, 154, 22, 0.08), transparent 28%),
        linear-gradient(140deg, #ffffff, #f5f8fd);
    font-family: inherit;
}

.noidaIgrsGuide__container {
    width: min(1220px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaIgrsGuide__eyebrow,
.noidaArchiveGuide__eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--nig-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.noidaIgrsGuide__eyebrowLine,
.noidaArchiveGuide__eyebrow span {
    display: inline-block;
    width: 30px;
    height: 3px;
    flex: 0 0 30px;
    border-radius: 3px;
    background: var(--nig-gold-light);
}

.noidaIgrsGuide__introGrid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, 0.75fr);
    align-items: center;
    gap: 44px;
    margin-top: 20px;
}

.noidaIgrsGuide__intro {
    min-width: 0;
}

.noidaIgrsGuide h1 {
    margin: 0 0 20px;
    color: var(--nig-dark);
    font-size: clamp(34px, 3.5vw, 49px);
    font-weight: 600;
    line-height: 1.16;
    letter-spacing: -1px;
}

.noidaIgrsGuide h1 strong {
    color: var(--nig-navy);
    font-weight: 850;
}

.noidaIgrsGuide__lead {
    margin: 0 0 22px;
    color: var(--nig-muted);
    font-size: 18px;
    line-height: 1.85;
}

.noidaIgrsGuide__lead strong {
    color: var(--nig-navy);
    font-weight: 850;
}

.noidaIgrsGuide__portalLink {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 21px;
    border: 2px solid var(--nig-navy);
    border-radius: 8px;
    color: #ffffff !important;
    background: var(--nig-navy);
    box-shadow: 0 8px 22px rgba(9, 47, 98, 0.15);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaIgrsGuide__portalLink:hover {
    transform: translateY(-2px);
    background: var(--nig-dark);
    box-shadow: 0 12px 27px rgba(9, 47, 98, 0.22);
}

/* QUICK PANEL */

.noidaIgrsGuide__quickPanel {
    min-width: 0;
    padding: 27px 25px;
    border: 1px solid rgba(217, 154, 22, 0.4);
    border-radius: 14px;
    background: linear-gradient(145deg, #ffffff, #fffaf0);
    box-shadow: 0 16px 38px rgba(4, 21, 45, 0.065);
}

.noidaIgrsGuide__quickLabel {
    display: block;
    margin-bottom: 12px;
    color: var(--nig-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.9px;
}

.noidaIgrsGuide__quickPanel h2 {
    margin: 0 0 19px;
    color: var(--nig-dark);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaIgrsGuide__quickPanel ul {
    display: grid;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noidaIgrsGuide__quickPanel li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 14px 0;
    border-top: 1px solid #eadfc8;
    color: var(--nig-text);
    font-size: 16px;
    line-height: 1.65;
}

.noidaIgrsGuide__quickPanel li span {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--nig-deep);
    background: var(--nig-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

/* SECTION HEADING */

.noidaIgrsGuide__sectionHeading {
    max-width: 820px;
    margin: 67px auto 32px;
    text-align: center;
}

.noidaIgrsGuide__sectionHeading > span {
    display: block;
    margin-bottom: 10px;
    color: var(--nig-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.3px;
}

.noidaIgrsGuide__sectionHeading h2 {
    margin: 0 0 13px;
    color: var(--nig-dark);
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 650;
    line-height: 1.25;
}

.noidaIgrsGuide__sectionHeading h2 strong {
    color: var(--nig-navy);
    font-weight: 850;
}

.noidaIgrsGuide__sectionHeading p {
    margin: 0;
    color: var(--nig-muted);
    font-size: 16px;
    line-height: 1.8;
}

/* THREE USE CARDS */

.noidaIgrsGuide__usesGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

.noidaIgrsGuide__useCard {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 25px 23px 23px;
    border: 1px solid var(--nig-border);
    border-top: 4px solid var(--nig-navy);
    border-radius: 12px;
    background: #ffffff;
    box-shadow: 0 10px 30px rgba(4, 21, 45, 0.045);
    transition: transform 0.22s ease, box-shadow 0.22s ease;
}

.noidaIgrsGuide__useCard:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 36px rgba(4, 21, 45, 0.09);
}

.noidaIgrsGuide__useTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 19px;
}

.noidaIgrsGuide__number {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--nig-navy);
    background: #edf3fb;
    font-size: 17px;
    font-weight: 900;
}

.noidaIgrsGuide__miniLabel {
    color: var(--nig-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.noidaIgrsGuide__useCard h3 {
    margin: 0 0 13px;
    color: var(--nig-dark);
    font-size: 22px;
    font-weight: 650;
    line-height: 1.4;
}

.noidaIgrsGuide__useCard h3 strong {
    color: var(--nig-navy);
    font-weight: 850;
}

.noidaIgrsGuide__useCard > p {
    flex: 1;
    margin: 0 0 20px;
    color: var(--nig-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaIgrsGuide__useNote {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-bottom: 20px;
    padding: 15px;
    border: 1px solid #e3eaf4;
    border-radius: 9px;
    background: #f7f9fc;
}

.noidaIgrsGuide__useNote strong {
    color: var(--nig-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaIgrsGuide__useNote span {
    color: var(--nig-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaIgrsGuide__textLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 15px;
    border-top: 1px solid var(--nig-border);
    color: var(--nig-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaIgrsGuide__textLink span {
    color: var(--nig-gold);
    font-size: 20px;
}

.noidaIgrsGuide__textLink:hover {
    color: var(--nig-gold) !important;
}

/* PRIMARY CTA */

.noidaIgrsGuide__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 40px;
    padding: 29px 31px;
    border: 1px solid rgba(217, 154, 22, 0.45);
    border-radius: 13px;
    background:
        radial-gradient(ellipse at 100% 0%,
            rgba(240, 180, 41, 0.14), transparent 40%),
        linear-gradient(120deg, #f1f5fb, #ffffff);
}

.noidaIgrsGuide__ctaContent {
    flex: 1;
    min-width: 0;
}

.noidaIgrsGuide__ctaContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nig-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaIgrsGuide__ctaContent h2 {
    margin: 0 0 8px;
    color: var(--nig-dark);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaIgrsGuide__ctaContent p {
    margin: 0;
    color: var(--nig-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaIgrsGuide__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noidaIgrsGuide__button,
.noidaArchiveGuide__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--nig-deep) !important;
    background: linear-gradient(135deg, var(--nig-gold-bright), var(--nig-gold-light));
    box-shadow: 0 8px 21px rgba(185, 120, 0, 0.22);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaIgrsGuide__button:hover,
.noidaArchiveGuide__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 27px rgba(185, 120, 0, 0.3);
}

.noidaIgrsGuide__phone,
.noidaArchiveGuide__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 12px;
    color: var(--nig-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
}

.noidaIgrsGuide__phone:hover,
.noidaArchiveGuide__phone:hover {
    color: var(--nig-gold) !important;
}


/* =========================================================
   SECTION 2: SUB-REGISTRAR ARCHIVE GUIDE
   Unique namespace: noidaArchiveGuide
========================================================= */

.noidaArchiveGuide {
    --nag-navy: #092f62;
    --nag-dark: #061d3d;
    --nag-deep: #04152d;
    --nag-gold: #b97800;
    --nag-gold-light: #d99a16;
    --nag-gold-bright: #f0b429;
    --nag-text: #26364a;
    --nag-muted: #59697c;
    --nag-border: #dce4ef;

    padding: 76px 0 80px;
    color: var(--nag-text);
    background: #ffffff;
    font-family: inherit;
}

.noidaArchiveGuide__container {
    width: min(1220px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaArchiveGuide__header {
    max-width: 900px;
    margin-bottom: 35px;
}

.noidaArchiveGuide__header h2 {
    margin: 18px 0 17px;
    color: var(--nag-dark);
    font-size: clamp(31px, 3.2vw, 43px);
    font-weight: 650;
    line-height: 1.22;
    letter-spacing: -0.7px;
}

.noidaArchiveGuide__header h2 strong {
    color: var(--nag-navy);
    font-weight: 850;
}

.noidaArchiveGuide__header > p {
    margin: 0;
    color: var(--nag-muted);
    font-size: 17px;
    line-height: 1.85;
}

/* DIGITAL / PHYSICAL RECORD COMPARISON */

.noidaArchiveGuide__comparison {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 145px minmax(0, 1fr);
    align-items: stretch;
    gap: 15px;
}

.noidaArchiveGuide__recordCard {
    min-width: 0;
    padding: 27px 25px;
    border: 1px solid var(--nag-border);
    border-top: 4px solid var(--nag-navy);
    border-radius: 12px;
    background: linear-gradient(150deg, #ffffff, #f7f9fc);
    box-shadow: 0 9px 28px rgba(4, 21, 45, 0.045);
}

.noidaArchiveGuide__recordCard--gold {
    border-top-color: var(--nag-gold-light);
    background: linear-gradient(150deg, #ffffff, #fffaf0);
}

.noidaArchiveGuide__recordIcon {
    width: 54px;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    border-radius: 11px;
    color: var(--nag-navy);
    background: #edf3fb;
}

.noidaArchiveGuide__recordCard--gold .noidaArchiveGuide__recordIcon {
    color: var(--nag-gold);
    background: #fff0cc;
}

.noidaArchiveGuide__recordIcon svg {
    display: block;
    width: 34px;
    height: 34px;
}

.noidaArchiveGuide__recordLabel {
    display: block;
    margin-bottom: 8px;
    color: var(--nag-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.9px;
}

.noidaArchiveGuide__recordCard h3 {
    margin: 0 0 13px;
    color: var(--nag-dark);
    font-size: 24px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaArchiveGuide__recordCard > p {
    margin: 0 0 18px;
    color: var(--nag-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaArchiveGuide__recordCard ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noidaArchiveGuide__recordCard li {
    position: relative;
    padding-left: 24px;
    color: var(--nag-text);
    font-size: 15px;
    line-height: 1.7;
}

.noidaArchiveGuide__recordCard li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--nag-gold);
    font-size: 16px;
    font-weight: 900;
}

/* COMPARISON DIVIDER */

.noidaArchiveGuide__divider {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
    padding: 12px 4px;
    color: var(--nag-muted);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.65;
    text-align: center;
}

.noidaArchiveGuide__dividerArrow {
    width: 47px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217, 154, 22, 0.5);
    border-radius: 50%;
    color: var(--nag-deep);
    background: var(--nag-gold-bright);
    font-size: 24px;
    font-weight: 900;
}

/* SECTION 55(2)(b) PANEL */

.noidaArchiveGuide__legalPanel {
    display: grid;
    grid-template-columns: 100px minmax(0, 1fr);
    gap: 27px;
    margin-top: 35px;
    padding: 31px;
    border: 1px solid var(--nag-border);
    border-radius: 13px;
    background:
        radial-gradient(ellipse at 0% 0%,
            rgba(217, 154, 22, 0.09), transparent 35%),
        #f8fafd;
}

.noidaArchiveGuide__legalMarker {
    width: 86px;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    border-radius: 10px;
    color: #ffffff;
    background: linear-gradient(145deg, var(--nag-navy), var(--nag-dark));
    box-shadow: 0 9px 22px rgba(9, 47, 98, 0.15);
}

.noidaArchiveGuide__legalMarker span {
    color: var(--nag-gold-bright);
    font-size: 32px;
    font-weight: 900;
    line-height: 1.1;
}

.noidaArchiveGuide__legalMarker small {
    color: #ffffff;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaArchiveGuide__legalContent {
    min-width: 0;
}

.noidaArchiveGuide__legalEyebrow {
    display: block;
    margin-bottom: 8px;
    color: var(--nag-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaArchiveGuide__legalContent h3 {
    margin: 0 0 13px;
    color: var(--nag-dark);
    font-size: 26px;
    font-weight: 750;
    line-height: 1.4;
}

.noidaArchiveGuide__legalContent h3 strong {
    color: var(--nag-navy);
    font-weight: 900;
}

.noidaArchiveGuide__legalContent > p {
    margin: 0 0 13px;
    color: var(--nag-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaArchiveGuide__legalNote {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 18px;
    padding: 15px 17px;
    border-left: 4px solid var(--nag-gold-light);
    border-radius: 0 8px 8px 0;
    background: #ffffff;
}

.noidaArchiveGuide__legalNote > span {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nag-deep);
    background: var(--nag-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaArchiveGuide__legalNote p {
    margin: 0;
    color: var(--nag-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* PRACTICE CTA */

.noidaArchiveGuide__practice {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 32px;
    margin-top: 35px;
    padding: 32px;
    border-radius: 14px;
    color: #ffffff;
    background:
        radial-gradient(ellipse at 100% 0%,
            rgba(240, 180, 41, 0.15), transparent 40%),
        linear-gradient(125deg, #061d3d, #092f62);
    box-shadow: 0 15px 35px rgba(4, 21, 45, 0.12);
}

.noidaArchiveGuide__practiceText {
    min-width: 0;
}

.noidaArchiveGuide__practiceEyebrow {
    display: block;
    margin-bottom: 11px;
    color: var(--nag-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.7px;
}

.noidaArchiveGuide__practiceText h3 {
    margin: 0 0 13px;
    color: #ffffff;
    font-size: 27px;
    font-weight: 750;
    line-height: 1.4;
}

.noidaArchiveGuide__practiceText h3 strong {
    color: var(--nag-gold-bright);
    font-weight: 900;
}

.noidaArchiveGuide__practiceText p {
    margin: 0 0 12px;
    color: #e1e9f4;
    font-size: 16px;
    line-height: 1.8;
}

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

.noidaArchiveGuide__practiceText strong {
    color: #ffffff;
    font-weight: 850;
}

.noidaArchiveGuide__practiceActions {
    width: 245px;
    flex: 0 0 245px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noidaArchiveGuide__practiceActions .noidaArchiveGuide__button {
    width: 100%;
}

.noidaArchiveGuide__practiceActions .noidaArchiveGuide__phone {
    color: #ffffff !important;
}

.noidaArchiveGuide__practiceActions .noidaArchiveGuide__phone:hover {
    color: var(--nag-gold-bright) !important;
}

.noidaArchiveGuide__email {
    display: block;
    padding: 8px 5px;
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    overflow-wrap: anywhere;
}

.noidaArchiveGuide__email:hover {
    color: var(--nag-gold-bright) !important;
}

.noidaArchiveGuide__disclaimer {
    margin: 22px 0 0;
    color: var(--nag-muted);
    font-size: 15px;
    line-height: 1.75;
}


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

@media (max-width: 1000px) {
    .noidaIgrsGuide__introGrid {
        grid-template-columns: minmax(0, 1fr) minmax(260px, 0.8fr);
        gap: 25px;
    }

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

    .noidaArchiveGuide__comparison {
        grid-template-columns: minmax(0, 1fr);
        gap: 15px;
    }

    .noidaArchiveGuide__divider {
        flex-direction: row;
        gap: 15px;
    }

    .noidaArchiveGuide__dividerArrow {
        transform: rotate(90deg);
    }

    .noidaArchiveGuide__practice {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }

    .noidaArchiveGuide__practiceActions {
        width: min(100%, 360px);
        flex-basis: auto;
    }
}

@media (max-width: 700px) {
    .noidaIgrsGuide {
        padding: 43px 0 50px;
    }

    .noidaIgrsGuide__container,
    .noidaArchiveGuide__container {
        width: calc(100% - 32px);
    }

    .noidaIgrsGuide__introGrid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .noidaIgrsGuide h1 {
        font-size: clamp(32px, 8vw, 40px);
    }

    .noidaIgrsGuide__lead {
        font-size: 17px;
    }

    .noidaIgrsGuide__quickPanel {
        padding: 22px 20px;
    }

    .noidaIgrsGuide__sectionHeading {
        margin-top: 48px;
    }

    .noidaIgrsGuide__sectionHeading h2 {
        font-size: 29px;
    }

    .noidaIgrsGuide__usesGrid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .noidaIgrsGuide__cta {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 24px 20px;
    }

    .noidaIgrsGuide__ctaActions {
        width: 100%;
    }

    .noidaIgrsGuide__button,
    .noidaIgrsGuide__phone {
        width: 100%;
    }

    .noidaArchiveGuide {
        padding: 48px 0 54px;
    }

    .noidaArchiveGuide__header h2 {
        font-size: 31px;
    }

    .noidaArchiveGuide__header > p {
        font-size: 16px;
    }

    .noidaArchiveGuide__recordCard {
        padding: 23px 20px;
    }

    .noidaArchiveGuide__legalPanel {
        grid-template-columns: 1fr;
        gap: 20px;
        padding: 23px 20px;
    }

    .noidaArchiveGuide__legalMarker {
        width: 75px;
        height: 80px;
    }

    .noidaArchiveGuide__legalMarker span {
        font-size: 28px;
    }

    .noidaArchiveGuide__legalContent h3 {
        font-size: 24px;
    }

    .noidaArchiveGuide__practice {
        padding: 25px 20px;
    }

    .noidaArchiveGuide__practiceText h3 {
        font-size: 24px;
    }

    .noidaArchiveGuide__practiceActions {
        width: 100%;
    }

    .noidaArchiveGuide__button,
    .noidaArchiveGuide__phone {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaIgrsGuide__portalLink,
    .noidaIgrsGuide__useCard,
    .noidaIgrsGuide__button,
    .noidaArchiveGuide__button {
        transition: none;
    }
}

/* =========================================================
   NOIDA BUYERS & SELLERS CHECKLISTS
   Unique namespace: noidaInChecklist
   Palette: Royal Navy + Gold
========================================================= */

.noidaInChecklist,
.noidaInChecklist * {
    box-sizing: border-box;
}

.noidaInChecklist {
    --nic-navy: #092f62;
    --nic-dark: #061d3d;
    --nic-deep: #04152d;
    --nic-gold: #b97800;
    --nic-gold-light: #d99a16;
    --nic-gold-bright: #f0b429;
    --nic-text: #26364a;
    --nic-muted: #59697c;
    --nic-border: #dce4ef;
    --nic-soft: #f5f8fc;

    position: relative;
    padding: 76px 0 82px;
    color: var(--nic-text);
    background:
        radial-gradient(
            circle at 92% 5%,
            rgba(217, 154, 22, 0.08),
            transparent 26%
        ),
        linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
    font-family: inherit;
}

.noidaInChecklist__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

/* SECTION INTRO */

.noidaInChecklist__header {
    max-width: 850px;
    margin: 0 auto 43px;
    text-align: center;
}

.noidaInChecklist__eyebrow {
    display: inline-block;
    margin-bottom: 14px;
    color: var(--nic-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.5px;
}

.noidaInChecklist__header h1 {
    margin: 0 0 17px;
    color: var(--nic-dark);
    font-size: clamp(32px, 3.4vw, 45px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.noidaInChecklist__header h1 strong {
    color: var(--nic-navy);
    font-weight: 850;
}

.noidaInChecklist__header > p {
    max-width: 780px;
    margin: 0 auto;
    color: var(--nic-muted);
    font-size: 17px;
    line-height: 1.85;
}

.noidaInChecklist__header > p strong {
    color: var(--nic-navy);
    font-weight: 850;
}

.noidaInChecklist__headerLine {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
    color: var(--nic-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 0.6px;
}

.noidaInChecklist__headerLine span:first-child {
    width: 34px;
    height: 3px;
    flex: 0 0 34px;
    border-radius: 5px;
    background: linear-gradient(
        90deg,
        var(--nic-gold),
        var(--nic-gold-bright)
    );
}

/* TWO MAIN CHECKLIST PANELS */

.noidaInChecklist__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    gap: 25px;
}

.noidaInChecklist__panel {
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid var(--nic-border);
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 15px 40px rgba(4, 21, 45, 0.06);
}

.noidaInChecklist__panelHeader {
    position: relative;
    display: flex;
    align-items: flex-start;
    gap: 17px;
    padding: 27px 25px 24px;
    border-bottom: 1px solid var(--nic-border);
    background:
        linear-gradient(
            115deg,
            rgba(9, 47, 98, 0.055),
            rgba(240, 180, 41, 0.07)
        );
}

.noidaInChecklist__panelHeader::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--nic-navy),
        var(--nic-gold-bright)
    );
}

.noidaInChecklist__panelIcon {
    width: 53px;
    height: 53px;
    flex: 0 0 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(9, 47, 98, 0.12);
    border-radius: 12px;
    color: var(--nic-navy);
    background: #ffffff;
    box-shadow: 0 5px 15px rgba(4, 21, 45, 0.05);
}

.noidaInChecklist__panelIcon svg {
    width: 27px;
    height: 27px;
    display: block;
}

.noidaInChecklist__panelKicker {
    display: block;
    margin-bottom: 5px;
    color: var(--nic-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaInChecklist__panelHeader h2 {
    margin: 0 0 8px;
    color: var(--nic-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.35;
}

.noidaInChecklist__panelHeader p {
    margin: 0;
    color: var(--nic-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* CHECKLIST ITEMS */

.noidaInChecklist__items {
    flex: 1;
    padding: 5px 25px 12px;
}

.noidaInChecklist__item {
    display: grid;
    grid-template-columns: 29px minmax(0, 1fr);
    align-items: start;
    gap: 13px;
    padding: 20px 0;
    border-bottom: 1px solid #e9eef5;
}

.noidaInChecklist__item:last-child {
    border-bottom: 0;
}

.noidaInChecklist__check {
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1px;
    border: 1px solid rgba(185, 120, 0, 0.25);
    border-radius: 50%;
    color: var(--nic-deep);
    background: linear-gradient(
        135deg,
        var(--nic-gold-bright),
        var(--nic-gold-light)
    );
    font-size: 16px;
    font-weight: 900;
    line-height: 1;
}

.noidaInChecklist__itemContent {
    min-width: 0;
}

.noidaInChecklist__itemContent h3 {
    margin: 0 0 7px;
    color: var(--nic-dark);
    font-size: 17px;
    font-weight: 650;
    line-height: 1.5;
}

.noidaInChecklist__itemContent h3 strong {
    color: var(--nic-navy);
    font-weight: 850;
}

.noidaInChecklist__itemContent p {
    margin: 0;
    color: var(--nic-muted);
    font-size: 15px;
    line-height: 1.8;
    overflow-wrap: anywhere;
}

.noidaInChecklist__itemContent p strong {
    color: var(--nic-navy);
    font-weight: 850;
}

.noidaInChecklist__itemContent p a {
    color: var(--nic-navy);
    font-weight: 800;
    text-decoration: underline;
    text-decoration-color: rgba(185, 120, 0, 0.6);
    text-underline-offset: 3px;
}

.noidaInChecklist__itemContent p a:hover {
    color: var(--nic-gold);
    text-decoration-color: var(--nic-gold);
}

/* PANEL FOOTER */

.noidaInChecklist__panelFooter {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
    padding: 22px 25px 25px;
    border-top: 1px solid var(--nic-border);
    background: #f8fafd;
}

.noidaInChecklist__footerLabel {
    margin-bottom: 3px;
    color: var(--nic-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaInChecklist__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--nic-deep) !important;
    background: linear-gradient(
        135deg,
        var(--nic-gold-bright),
        var(--nic-gold-light)
    );
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.45;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaInChecklist__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.28);
}

.noidaInChecklist__button span {
    font-size: 20px;
    line-height: 1;
}

.noidaInChecklist__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 7px 12px;
    color: var(--nic-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
}

.noidaInChecklist__phone:hover {
    color: var(--nic-gold) !important;
}

/* BOTTOM CTA */

.noidaInChecklist__bottomCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 34px;
    padding: 30px 32px;
    border: 1px solid rgba(217, 154, 22, 0.42);
    border-radius: 14px;
    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(240, 180, 41, 0.13),
            transparent 30%
        ),
        linear-gradient(120deg, #f1f5fb, #ffffff);
}

.noidaInChecklist__bottomCtaText {
    flex: 1;
    min-width: 0;
}

.noidaInChecklist__bottomCtaText > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nic-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaInChecklist__bottomCtaText h2 {
    margin: 0 0 9px;
    color: var(--nic-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaInChecklist__bottomCtaText p {
    margin: 0;
    color: var(--nic-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaInChecklist__bottomCtaActions {
    flex: 0 0 auto;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noidaInChecklist__button--large {
    width: 100%;
}

.noidaInChecklist__bottomPhone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 10px;
    color: var(--nic-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaInChecklist__bottomPhone:hover {
    color: var(--nic-gold) !important;
}

/* DISCLAIMER */

.noidaInChecklist__disclaimer {
    max-width: 1000px;
    margin: 22px auto 0;
    color: var(--nic-muted);
    font-size: 15px;
    line-height: 1.75;
    text-align: center;
}


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

@media (max-width: 1050px) {
    .noidaInChecklist__grid {
        gap: 18px;
    }

    .noidaInChecklist__panelHeader {
        padding: 24px 20px 21px;
    }

    .noidaInChecklist__items {
        padding-right: 20px;
        padding-left: 20px;
    }

    .noidaInChecklist__panelFooter {
        padding-right: 20px;
        padding-left: 20px;
    }

    .noidaInChecklist__panelHeader h2 {
        font-size: 23px;
    }

    .noidaInChecklist__item {
        gap: 10px;
    }
}

@media (max-width: 760px) {
    .noidaInChecklist {
        padding: 52px 0 58px;
    }

    .noidaInChecklist__container {
        width: calc(100% - 32px);
    }

    .noidaInChecklist__header {
        margin-bottom: 30px;
    }

    .noidaInChecklist__header h1 {
        font-size: clamp(30px, 7.5vw, 38px);
    }

    .noidaInChecklist__header > p {
        font-size: 16px;
        line-height: 1.8;
    }

    .noidaInChecklist__headerLine {
        align-items: flex-start;
        font-size: 15px;
        text-align: left;
    }

    .noidaInChecklist__grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .noidaInChecklist__panelHeader {
        padding: 23px 21px;
    }

    .noidaInChecklist__panelHeader h2 {
        font-size: 24px;
    }

    .noidaInChecklist__items {
        padding: 3px 21px 8px;
    }

    .noidaInChecklist__item {
        padding: 18px 0;
    }

    .noidaInChecklist__panelFooter {
        padding: 20px 21px 22px;
    }

    .noidaInChecklist__bottomCta {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 24px 21px;
    }

    .noidaInChecklist__bottomCtaText h2 {
        font-size: 23px;
    }

    .noidaInChecklist__bottomCtaActions {
        min-width: 0;
        width: 100%;
    }

    .noidaInChecklist__disclaimer {
        text-align: left;
    }
}

@media (max-width: 390px) {
    .noidaInChecklist__container {
        width: calc(100% - 26px);
    }

    .noidaInChecklist__panelHeader {
        gap: 12px;
        padding-right: 16px;
        padding-left: 16px;
    }

    .noidaInChecklist__panelIcon {
        width: 45px;
        height: 45px;
        flex-basis: 45px;
    }

    .noidaInChecklist__panelHeader h2 {
        font-size: 22px;
    }

    .noidaInChecklist__items {
        padding-right: 16px;
        padding-left: 16px;
    }

    .noidaInChecklist__item {
        grid-template-columns: 25px minmax(0, 1fr);
        gap: 10px;
    }

    .noidaInChecklist__check {
        width: 25px;
        height: 25px;
    }

    .noidaInChecklist__itemContent h3 {
        font-size: 16px;
    }

    .noidaInChecklist__panelFooter {
        padding-right: 16px;
        padding-left: 16px;
    }

    .noidaInChecklist__bottomCta {
        padding: 21px 17px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaInChecklist__button,
    .noidaInChecklist__card,
    .noidaInChecklist__bottomPhone {
        transition: none;
    }
}

/* =========================================================
   NOIDA PROPERTY OWNER FAQ
   Unique namespace: noidaInFaq
   Royal Navy + Gold
========================================================= */

.noidaInFaq,
.noidaInFaq * {
    box-sizing: border-box;
}

.noidaInFaq {
    --nif-navy: #092f62;
    --nif-dark: #061d3d;
    --nif-deep: #04152d;
    --nif-gold: #b97800;
    --nif-gold-light: #d99a16;
    --nif-gold-bright: #f0b429;
    --nif-text: #26364a;
    --nif-muted: #59697c;
    --nif-border: #dce4ef;
    --nif-soft: #f5f8fc;

    position: relative;
    padding: 78px 0 76px;
    color: var(--nif-text);
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(217, 154, 22, 0.075),
            transparent 26%
        ),
        linear-gradient(180deg, #f8fafd 0%, #ffffff 34%, #ffffff 100%);
    font-family: inherit;
}

.noidaInFaq__container {
    width: min(1220px, calc(100% - 48px));
    margin: 0 auto;
}

/* SECTION HEADER */

.noidaInFaq__header {
    max-width: 900px;
    margin: 0 auto 42px;
    text-align: center;
}

.noidaInFaq__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--nif-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1.4px;
}

.noidaInFaq__header h2 {
    margin: 0 0 18px;
    color: var(--nif-dark);
    font-size: clamp(31px, 3.2vw, 45px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.noidaInFaq__header h2 strong {
    color: var(--nif-navy);
    font-weight: 850;
}

.noidaInFaq__header > p {
    max-width: 790px;
    margin: 0 auto;
    color: var(--nif-muted);
    font-size: 17px;
    line-height: 1.85;
}

.noidaInFaq__headerLine {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-top: 24px;
    color: var(--nif-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaInFaq__headerLine span:first-child,
.noidaInFaq__headerLine span:last-child {
    width: 40px;
    height: 2px;
    background: var(--nif-gold-light);
}

/* MAIN TWO-COLUMN LAYOUT */

.noidaInFaq__layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 315px;
    align-items: start;
    gap: 28px;
}

.noidaInFaq__list {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

/* ACCORDION ITEMS */

.noidaInFaq__item {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--nif-border);
    border-radius: 11px;
    background: #ffffff;
    box-shadow: 0 5px 18px rgba(4, 21, 45, 0.035);
    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease;
}

.noidaInFaq__item[open] {
    border-color: rgba(217, 154, 22, 0.55);
    box-shadow: 0 10px 28px rgba(4, 21, 45, 0.06);
}

.noidaInFaq__question {
    position: relative;
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr) 28px;
    align-items: center;
    gap: 15px;
    padding: 21px 22px;
    color: var(--nif-dark);
    background: #ffffff;
    cursor: pointer;
    list-style: none;
}

.noidaInFaq__question::-webkit-details-marker {
    display: none;
}

.noidaInFaq__question::marker {
    content: "";
}

.noidaInFaq__number {
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce6f2;
    border-radius: 9px;
    color: var(--nif-navy);
    background: #f0f5fb;
    font-size: 15px;
    font-weight: 900;
    line-height: 1;
}

.noidaInFaq__questionText {
    display: block;
    color: var(--nif-dark);
    font-size: 17px;
    font-weight: 800;
    line-height: 1.55;
}

.noidaInFaq__toggle {
    position: relative;
    width: 27px;
    height: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e4eaf2;
    border-radius: 50%;
    color: var(--nif-navy);
    background: #f8fafd;
}

.noidaInFaq__toggle::before,
.noidaInFaq__toggle::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 2px;
    border-radius: 2px;
    background: currentColor;
}

.noidaInFaq__toggle::after {
    transform: rotate(90deg);
    transition: transform 0.2s ease;
}

.noidaInFaq__item[open] .noidaInFaq__toggle {
    border-color: var(--nif-gold-light);
    color: var(--nif-deep);
    background: var(--nif-gold-bright);
}

.noidaInFaq__item[open] .noidaInFaq__toggle::after {
    transform: rotate(0);
}

.noidaInFaq__question:hover .noidaInFaq__questionText {
    color: var(--nif-navy);
}

.noidaInFaq__question:focus-visible {
    outline: 3px solid rgba(217, 154, 22, 0.55);
    outline-offset: -3px;
}

/* ANSWER BODY */

.noidaInFaq__answer {
    padding: 0 25px 25px 80px;
    border-top: 1px solid #edf1f6;
}

.noidaInFaq__answer p {
    margin: 18px 0 0;
    color: var(--nif-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaInFaq__answer p strong {
    color: var(--nif-navy);
    font-weight: 850;
}

.noidaInFaq__answerLink {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 20px;
    padding: 10px 0;
    color: var(--nif-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-decoration: none !important;
}

.noidaInFaq__answerLink span {
    color: var(--nif-gold);
    font-size: 20px;
    transition: transform 0.2s ease;
}

.noidaInFaq__answerLink:hover {
    color: var(--nif-gold) !important;
}

.noidaInFaq__answerLink:hover span {
    transform: translateX(4px);
}

/* SIDEBAR CONTACT CARD */

.noidaInFaq__sidebar {
    position: sticky;
    top: 25px;
    min-width: 0;
    padding: 7px;
    border: 1px solid rgba(217, 154, 22, 0.45);
    border-radius: 15px;
    background: linear-gradient(
        145deg,
        #f0b429 0%,
        #d99a16 100%
    );
    box-shadow: 0 16px 36px rgba(4, 21, 45, 0.1);
}

.noidaInFaq__sidebarInner {
    padding: 26px 21px 22px;
    border-radius: 10px;
    background: linear-gradient(155deg, #ffffff, #f8fafd);
}

.noidaInFaq__sidebarEyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--nif-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaInFaq__sidebar h3 {
    margin: 0 0 12px;
    color: var(--nif-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.3;
    letter-spacing: -0.4px;
}

.noidaInFaq__sidebarInner > p {
    margin: 0 0 20px;
    color: var(--nif-muted);
    font-size: 16px;
    line-height: 1.75;
}

/* SERVICES */

.noidaInFaq__serviceList {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin: 0 0 23px;
    padding: 17px 0;
    border-top: 1px solid var(--nif-border);
    border-bottom: 1px solid var(--nif-border);
}

.noidaInFaq__serviceList > div {
    display: flex;
    align-items: flex-start;
    gap: 10px;
}

.noidaInFaq__serviceList > div > span {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nif-deep);
    background: #f0b429;
    font-size: 15px;
    font-weight: 900;
}

.noidaInFaq__serviceList strong {
    color: var(--nif-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
}

/* CTA BUTTONS */

.noidaInFaq__cta {
    min-height: 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 17px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--nif-deep) !important;
    background: linear-gradient(
        135deg,
        var(--nif-gold-bright),
        var(--nif-gold-light)
    );
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease;
}

.noidaInFaq__cta:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 25px rgba(185, 120, 0, 0.28);
}

.noidaInFaq__phone {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: 12px;
    padding: 14px 12px;
    border: 1px solid #dce5f0;
    border-radius: 9px;
    color: var(--nif-navy) !important;
    background: #ffffff;
    text-decoration: none !important;
    transition: border-color 0.2s ease;
}

.noidaInFaq__phone:hover {
    border-color: var(--nif-gold-light);
}

.noidaInFaq__phoneIcon {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--nif-navy);
    font-size: 18px;
}

.noidaInFaq__phone small {
    display: block;
    margin-bottom: 3px;
    color: var(--nif-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.5px;
}

.noidaInFaq__phone strong {
    display: block;
    color: var(--nif-navy);
    font-size: 17px;
    font-weight: 900;
    line-height: 1.5;
}

.noidaInFaq__whatsapp {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 9px;
    margin-top: 10px;
    padding: 12px 10px;
    border: 1px solid #dce5f0;
    border-radius: 8px;
    color: var(--nif-navy) !important;
    background: #ffffff;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaInFaq__whatsapp:hover {
    border-color: var(--nif-gold-light);
    color: var(--nif-gold) !important;
}

.noidaInFaq__sidebarFooter {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-top: 20px;
    padding-top: 16px;
    border-top: 1px solid var(--nif-border);
}

.noidaInFaq__sidebarFooter > span {
    color: var(--nif-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.7px;
}

.noidaInFaq__sidebarFooter a {
    color: var(--nif-navy) !important;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.6;
    overflow-wrap: anywhere;
    text-decoration: none !important;
}

/* BOTTOM CTA */

.noidaInFaq__bottomCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 43px;
    padding: 30px 32px;
    border: 1px solid rgba(217, 154, 22, 0.42);
    border-radius: 13px;
    background:
        radial-gradient(
            circle at 100% 0%,
            rgba(240, 180, 41, 0.14),
            transparent 32%
        ),
        linear-gradient(120deg, #f4f7fc, #ffffff);
}

.noidaInFaq__bottomCtaText {
    flex: 1;
    min-width: 0;
}

.noidaInFaq__bottomCtaText > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nif-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaInFaq__bottomCtaText h3 {
    margin: 0 0 9px;
    color: var(--nif-dark);
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaInFaq__bottomCtaText p {
    margin: 0;
    color: var(--nif-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaInFaq__bottomCtaActions {
    flex: 0 0 230px;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.noidaInFaq__bottomPhone {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: var(--nif-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaInFaq__bottomPhone:hover {
    color: var(--nif-gold) !important;
}

/* DISCLAIMER */

.noidaInFaq__disclaimer {
    margin: 24px 0 0;
    padding: 17px 19px;
    border-left: 3px solid var(--nif-gold-light);
    border-radius: 0 8px 8px 0;
    color: var(--nif-muted);
    background: #f5f8fc;
    font-size: 15px;
    line-height: 1.75;
}

.noidaInFaq__disclaimer strong {
    color: var(--nif-navy);
    font-weight: 850;
}


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

@media (max-width: 1050px) {
    .noidaInFaq__layout {
        grid-template-columns: minmax(0, 1fr) 285px;
        gap: 20px;
    }

    .noidaInFaq__question {
        grid-template-columns: 38px minmax(0, 1fr) 27px;
        gap: 11px;
        padding: 18px;
    }

    .noidaInFaq__answer {
        padding-right: 20px;
        padding-left: 67px;
    }

    .noidaInFaq__sidebarInner {
        padding: 22px 17px;
    }
}

@media (max-width: 800px) {
    .noidaInFaq {
        padding: 55px 0 58px;
    }

    .noidaInFaq__container {
        width: calc(100% - 32px);
    }

    .noidaInFaq__header {
        margin-bottom: 30px;
    }

    .noidaInFaq__header h2 {
        font-size: clamp(29px, 6.5vw, 37px);
    }

    .noidaInFaq__header > p {
        font-size: 16px;
    }

    .noidaInFaq__layout {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .noidaInFaq__sidebar {
        position: static;
        max-width: 100%;
    }

    .noidaInFaq__sidebarInner {
        padding: 25px;
    }

    .noidaInFaq__bottomCta {
        flex-direction: column;
        align-items: stretch;
        gap: 20px;
        padding: 25px;
    }

    .noidaInFaq__bottomCtaActions {
        flex: 1 1 auto;
        width: 100%;
    }
}

@media (max-width: 520px) {
    .noidaInFaq__container {
        width: calc(100% - 26px);
    }

    .noidaInFaq__eyebrow {
        font-size: 15px;
        letter-spacing: 0.8px;
    }

    .noidaInFaq__question {
        grid-template-columns: 34px minmax(0, 1fr) 25px;
        gap: 9px;
        padding: 16px 13px;
    }

    .noidaInFaq__number {
        width: 34px;
        height: 34px;
        font-size: 15px;
    }

    .noidaInFaq__questionText {
        font-size: 16px;
        line-height: 1.55;
    }

    .noidaInFaq__toggle {
        width: 25px;
        height: 25px;
    }

    .noidaInFaq__answer {
        padding: 0 16px 20px;
    }

    .noidaInFaq__answer p {
        font-size: 16px;
        line-height: 1.8;
    }

    .noidaInFaq__answerLink {
        font-size: 15px;
    }

    .noidaInFaq__sidebarInner {
        padding: 21px 17px;
    }

    .noidaInFaq__bottomCta {
        padding: 22px 18px;
    }

    .noidaInFaq__bottomCtaText h3 {
        font-size: 22px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaInFaq__item,
    .noidaInFaq__toggle::after,
    .noidaInFaq__answerLink span,
    .noidaInFaq__cta {
        transition: none;
    }
}

/* =========================================================
   FIVE PROFILES PAGE — ROYAL NAVY & GOLD
   Namespaces:
   noidaProfilesHero
   noidaProfile
   noidaProfilesClosing
========================================================= */

.noidaProfilesHero,
.noidaProfilesHero *,
.noidaProfile,
.noidaProfile *,
.noidaProfilesClosing,
.noidaProfilesClosing * {
    box-sizing: border-box;
}

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

.noidaProfilesHero {
    --nph-navy: #092f62;
    --nph-dark: #061d3d;
    --nph-deep: #04152d;
    --nph-gold: #b97800;
    --nph-gold-light: #d99a16;
    --nph-gold-bright: #f0b429;
    --nph-text: #26364a;
    --nph-muted: #59697c;
    --nph-border: #dce4ef;

    position: relative;
    isolation: isolate;
    padding: 68px 0 56px;
    overflow: hidden;
    color: var(--nph-text);
    background:
        radial-gradient(
            ellipse at 90% 0%,
            rgba(217, 154, 22, 0.11),
            transparent 34%
        ),
        linear-gradient(135deg, #ffffff 0%, #f2f6fc 100%);
    font-family: inherit;
}

.noidaProfilesHero::after {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background: linear-gradient(
        180deg,
        var(--nph-gold-bright),
        var(--nph-navy)
    );
}

.noidaProfilesHero__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaProfilesHero__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;
    margin-bottom: 21px;
    color: var(--nph-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 0.8px;
}

.noidaProfilesHero__eyebrowLine {
    width: 28px;
    height: 2px;
    background: var(--nph-gold-light);
}

.noidaProfilesHero h1 {
    max-width: 1000px;
    margin: 0 0 21px;
    color: var(--nph-dark);
    font-size: clamp(34px, 4vw, 51px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -1.1px;
}

.noidaProfilesHero h1 strong {
    color: var(--nph-navy);
    font-weight: 850;
}

.noidaProfilesHero__intro {
    max-width: 940px;
    margin: 0;
    color: var(--nph-muted);
    font-size: 18px;
    line-height: 1.85;
}

.noidaProfilesHero__intro strong {
    color: var(--nph-navy);
    font-weight: 850;
}

.noidaProfilesHero__stats {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 13px;
    margin-top: 32px;
}

.noidaProfilesHero__stats > div {
    min-width: 0;
    padding: 18px;
    border: 1px solid var(--nph-border);
    border-top: 3px solid var(--nph-gold-light);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 8px 22px rgba(4, 21, 45, 0.035);
}

.noidaProfilesHero__stats span {
    display: block;
    margin-bottom: 6px;
    color: var(--nph-navy);
    font-size: 24px;
    font-weight: 900;
    line-height: 1.3;
}

.noidaProfilesHero__stats strong {
    display: block;
    color: var(--nph-muted);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.55;
}

.noidaProfilesHero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 27px;
}

.noidaProfilesHero__button,
.noidaProfilesHero__phone {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 15px 24px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaProfilesHero__button {
    color: var(--nph-deep) !important;
    background: linear-gradient(
        135deg,
        var(--nph-gold-bright),
        var(--nph-gold-light)
    );
    box-shadow: 0 9px 22px rgba(185, 120, 0, 0.2);
}

.noidaProfilesHero__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 27px rgba(185, 120, 0, 0.28);
}

.noidaProfilesHero__phone {
    color: #ffffff !important;
    background: var(--nph-navy);
    box-shadow: 0 9px 22px rgba(9, 47, 98, 0.16);
}

.noidaProfilesHero__phone:hover {
    transform: translateY(-2px);
    background: var(--nph-dark);
}

.noidaProfilesHero__disclaimer {
    max-width: 970px;
    margin: 24px 0 0;
    padding: 14px 17px;
    border-left: 3px solid var(--nph-gold-light);
    color: var(--nph-muted);
    background: rgba(255, 255, 255, 0.72);
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   INDIVIDUAL PROFILES
========================================================= */

.noidaProfile {
    --np-navy: #092f62;
    --np-dark: #061d3d;
    --np-deep: #04152d;
    --np-gold: #b97800;
    --np-gold-light: #d99a16;
    --np-gold-bright: #f0b429;
    --np-text: #26364a;
    --np-muted: #59697c;
    --np-border: #dce4ef;

    padding: 58px 0;
    color: var(--np-text);
    background: #ffffff;
    font-family: inherit;
}

.noidaProfile:nth-of-type(even) {
    background: #f6f8fc;
}

.noidaProfile__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaProfile__header {
    display: grid;
    grid-template-columns: 66px minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px;
    margin-bottom: 29px;
    padding-bottom: 23px;
    border-bottom: 1px solid var(--np-border);
}

.noidaProfile__number {
    width: 62px;
    height: 62px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: var(--np-deep);
    background: linear-gradient(
        135deg,
        var(--np-gold-bright),
        var(--np-gold-light)
    );
    box-shadow: 0 8px 18px rgba(185, 120, 0, 0.16);
    font-size: 24px;
    font-weight: 900;
}

.noidaProfile__heading {
    min-width: 0;
}

.noidaProfile__eyebrow {
    display: block;
    margin-bottom: 7px;
    color: var(--np-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

.noidaProfile__heading h2 {
    margin: 0 0 7px;
    color: var(--np-dark);
    font-size: clamp(25px, 2.5vw, 34px);
    font-weight: 650;
    line-height: 1.25;
    letter-spacing: -0.5px;
}

.noidaProfile__heading h2 strong {
    color: var(--np-navy);
    font-weight: 850;
}

.noidaProfile__heading p {
    margin: 0;
    color: var(--np-muted);
    font-size: 16px;
    line-height: 1.7;
}

.noidaProfile__category {
    max-width: 190px;
    padding: 9px 12px;
    border: 1px solid rgba(185, 120, 0, 0.3);
    border-radius: 6px;
    color: var(--np-navy);
    background: #fff9eb;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
}

.noidaProfile__body {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(300px, 0.8fr);
    align-items: start;
    gap: 30px;
}

.noidaProfile__story {
    min-width: 0;
}

.noidaProfile__story h3 {
    margin: 0 0 10px;
    color: var(--np-navy);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaProfile__story h3:not(:first-child) {
    margin-top: 27px;
}

.noidaProfile__story > p {
    margin: 0 0 17px;
    color: var(--np-text);
    font-size: 16px;
    line-height: 1.85;
}

.noidaProfile__story > p strong {
    color: var(--np-navy);
    font-weight: 850;
}

/* EVIDENCE ROWS */

.noidaProfile__evidence {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 13px;
    padding: 16px;
    border: 1px solid var(--np-border);
    border-radius: 9px;
    background: rgba(255, 255, 255, 0.85);
}

.noidaProfile__evidenceIcon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: var(--np-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.noidaProfile__evidence strong {
    display: block;
    margin-bottom: 5px;
    color: var(--np-dark);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaProfile__evidence p {
    margin: 0;
    color: var(--np-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* RESULT PANEL */

.noidaProfile__result {
    position: relative;
    min-width: 0;
    padding: 25px;
    border: 1px solid rgba(9, 47, 98, 0.13);
    border-top: 4px solid var(--np-gold-light);
    border-radius: 12px;
    background: linear-gradient(155deg, #ffffff 0%, #f5f8fd 100%);
    box-shadow: 0 12px 32px rgba(4, 21, 45, 0.065);
}

.noidaProfile__resultLabel {
    display: block;
    margin-bottom: 18px;
    color: var(--np-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 0.6px;
}

.noidaProfile__resultMain {
    margin-bottom: 19px;
    padding-bottom: 19px;
    border-bottom: 1px solid var(--np-border);
}

.noidaProfile__resultMain span {
    display: block;
    margin-bottom: 7px;
    color: var(--np-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaProfile__resultMain strong {
    display: block;
    color: var(--np-navy);
    font-size: clamp(29px, 3vw, 37px);
    font-weight: 900;
    line-height: 1.2;
    letter-spacing: -0.6px;
    overflow-wrap: anywhere;
}

.noidaProfile__metric {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 15px;
    padding: 12px 0;
    border-bottom: 1px solid var(--np-border);
}

.noidaProfile__metric span {
    flex: 1;
    color: var(--np-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaProfile__metric strong {
    max-width: 48%;
    color: var(--np-dark);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-align: right;
    overflow-wrap: anywhere;
}

.noidaProfile__resultNote {
    margin: 19px 0;
    padding: 15px;
    border-left: 3px solid var(--np-gold-light);
    border-radius: 0 7px 7px 0;
    background: #fff9eb;
}

.noidaProfile__resultNote strong {
    display: block;
    margin-bottom: 7px;
    color: var(--np-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaProfile__resultNote p {
    margin: 0;
    color: #4c596b;
    font-size: 15px;
    line-height: 1.75;
}

/* PROFILE CALCULATION BOX */

.noidaProfile__calculation {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin: 21px 0;
    padding: 19px;
    border: 1px solid rgba(217, 154, 22, 0.42);
    border-radius: 9px;
    background: #fffaf0;
}

.noidaProfile__calculation span {
    color: var(--np-muted);
    font-size: 15px;
    line-height: 1.6;
}

.noidaProfile__calculation strong {
    color: var(--np-navy);
    font-size: 19px;
    font-weight: 850;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

/* IMPACTFUL CTAS */

.noidaProfile__button {
    width: 100%;
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 18px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--np-deep) !important;
    background: linear-gradient(
        135deg,
        var(--np-gold-bright),
        var(--np-gold-light)
    );
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaProfile__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.28);
}

.noidaProfile__call {
    display: block;
    margin-top: 11px;
    padding: 10px;
    color: var(--np-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
}

.noidaProfile__call:hover {
    color: var(--np-gold) !important;
}

/* Distinct profile accents, using navy and gold only */

.noidaProfile--plot {
    --profile-accent: #b97800;
}

.noidaProfile--buyer {
    --profile-accent: #092f62;
}

.noidaProfile--jaypee {
    --profile-accent: #b97800;
}

.noidaProfile--commercial {
    --profile-accent: #092f62;
}

.noidaProfile--industrial {
    --profile-accent: #b97800;
}

.noidaProfile__number {
    box-shadow: 0 8px 18px rgba(185, 120, 0, 0.12);
}


/* =========================================================
   CLOSING CTA
========================================================= */

.noidaProfilesClosing {
    --npc-navy: #092f62;
    --npc-dark: #061d3d;
    --npc-deep: #04152d;
    --npc-gold: #b97800;
    --npc-gold-light: #d99a16;
    --npc-gold-bright: #f0b429;

    padding: 55px 0;
    color: #ffffff;
    background:
        radial-gradient(
            ellipse at 100% 0%,
            rgba(240, 180, 41, 0.15),
            transparent 35%
        ),
        linear-gradient(120deg, #04152d 0%, #092f62 100%);
    font-family: inherit;
}

.noidaProfilesClosing__container {
    width: min(1120px, calc(100% - 48px));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 32px;
    margin: 0 auto;
}

.noidaProfilesClosing__content {
    flex: 1;
    min-width: 0;
}

.noidaProfilesClosing__content > span {
    display: block;
    margin-bottom: 10px;
    color: var(--npc-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaProfilesClosing__content h2 {
    margin: 0 0 12px;
    color: #ffffff;
    font-size: clamp(27px, 3vw, 37px);
    font-weight: 800;
    line-height: 1.3;
}

.noidaProfilesClosing__content p {
    max-width: 720px;
    margin: 0;
    color: #e2eaf5;
    font-size: 16px;
    line-height: 1.8;
}

.noidaProfilesClosing__actions {
    flex: 0 0 auto;
    min-width: 220px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.noidaProfilesClosing__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 15px 20px;
    border-radius: 8px;
    color: var(--npc-deep) !important;
    background: linear-gradient(
        135deg,
        var(--npc-gold-bright),
        var(--npc-gold-light)
    );
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.15);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaProfilesClosing__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 27px rgba(0, 0, 0, 0.22);
}

.noidaProfilesClosing__phone {
    min-height: 45px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: 7px;
    color: #ffffff !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
}

.noidaProfilesClosing__phone:hover {
    border-color: var(--npc-gold-bright);
    color: var(--npc-gold-bright) !important;
}


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

@media (max-width: 950px) {
    .noidaProfile__body {
        grid-template-columns: minmax(0, 1fr) minmax(270px, 0.8fr);
        gap: 22px;
    }

    .noidaProfile__result {
        padding: 20px;
    }

    .noidaProfile__header {
        grid-template-columns: 58px minmax(0, 1fr);
    }

    .noidaProfile__number {
        width: 56px;
        height: 56px;
    }

    .noidaProfile__category {
        grid-column: 2;
        justify-self: start;
        max-width: 100%;
    }

    .noidaProfilesClosing__container {
        align-items: flex-start;
    }
}

@media (max-width: 720px) {
    .noidaProfilesHero {
        padding: 45px 0 40px;
    }

    .noidaProfilesHero__container,
    .noidaProfile__container,
    .noidaProfilesClosing__container {
        width: calc(100% - 32px);
    }

    .noidaProfilesHero h1 {
        font-size: clamp(31px, 8vw, 39px);
        letter-spacing: -0.6px;
    }

    .noidaProfilesHero__intro {
        font-size: 16px;
    }

    .noidaProfilesHero__stats {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 10px;
    }

    .noidaProfilesHero__stats > div {
        padding: 14px;
    }

    .noidaProfilesHero__stats span {
        font-size: 22px;
    }

    .noidaProfilesHero__actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .noidaProfilesHero__button,
    .noidaProfilesHero__phone {
        width: 100%;
    }

    .noidaProfile {
        padding: 43px 0;
    }

    .noidaProfile__header {
        grid-template-columns: 48px minmax(0, 1fr);
        gap: 13px;
        margin-bottom: 23px;
        padding-bottom: 19px;
    }

    .noidaProfile__number {
        width: 47px;
        height: 47px;
        border-radius: 8px;
        font-size: 20px;
    }

    .noidaProfile__heading h2 {
        font-size: clamp(24px, 6vw, 30px);
    }

    .noidaProfile__heading p {
        font-size: 15px;
    }

    .noidaProfile__category {
        grid-column: 2;
    }

    .noidaProfile__body {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .noidaProfile__result {
        padding: 22px;
    }

    .noidaProfile__resultMain strong {
        font-size: 32px;
    }

    .noidaProfilesClosing {
        padding: 42px 0;
    }

    .noidaProfilesClosing__container {
        flex-direction: column;
        gap: 23px;
    }

    .noidaProfilesClosing__actions {
        width: 100%;
    }

    .noidaProfilesClosing__button,
    .noidaProfilesClosing__phone {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .noidaProfilesHero__container,
    .noidaProfile__container,
    .noidaProfilesClosing__container {
        width: calc(100% - 26px);
    }

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

    .noidaProfile__metric {
        flex-direction: column;
        gap: 4px;
    }

    .noidaProfile__metric strong {
        max-width: 100%;
        text-align: left;
    }

    .noidaProfile__evidence {
        padding: 13px;
    }

    .noidaProfile__result {
        padding: 18px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaProfilesHero__button,
    .noidaProfilesHero__phone,
    .noidaProfile__button,
    .noidaProfile__call,
    .noidaProfilesClosing__button {
        transition: none;
    }
}

/* =========================================================
   THREE STEPS — NOIDA OWNER'S ENGAGEMENT GUIDE
   Unique namespace: noidaInEngage
   Palette: Royal Navy + Gold
========================================================= */

.noidaInEngage,
.noidaInEngage * {
    box-sizing: border-box;
}

.noidaInEngage {
    --nie-navy: #092f62;
    --nie-dark: #061d3d;
    --nie-deep: #04152d;
    --nie-gold: #b97800;
    --nie-gold-light: #d99a16;
    --nie-gold-bright: #f0b429;
    --nie-text: #26364a;
    --nie-muted: #59697c;
    --nie-border: #dce4ef;
    --nie-soft: #f5f8fd;
    --nie-white: #ffffff;

    padding: 68px 0 78px;
    color: var(--nie-text);
    background:
        radial-gradient(
            circle at 94% 5%,
            rgba(217, 154, 22, 0.08),
            transparent 26%
        ),
        linear-gradient(145deg, #ffffff, #f5f8fd);
    font-family: inherit;
}

.noidaInEngage__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

/* PAGE HEADER */

.noidaInEngage__header {
    max-width: 900px;
    margin: 0 auto 48px;
    text-align: center;
}

.noidaInEngage__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--nie-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.5px;
}

.noidaInEngage__header h1 {
    margin: 0 0 18px;
    color: var(--nie-dark);
    font-size: clamp(33px, 4vw, 48px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.9px;
}

.noidaInEngage__header h1 strong {
    color: var(--nie-navy);
    font-weight: 850;
}

.noidaInEngage__intro {
    max-width: 790px;
    margin: 0 auto;
    color: var(--nie-muted);
    font-size: 17px;
    line-height: 1.85;
}

.noidaInEngage__intro strong {
    color: var(--nie-navy);
    font-weight: 850;
}

.noidaInEngage__headerActions {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

/* BUTTONS */

.noidaInEngage__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.noidaInEngage__button:hover {
    transform: translateY(-2px);
}

.noidaInEngage__button--gold {
    color: var(--nie-deep) !important;
    background: linear-gradient(
        135deg,
        var(--nie-gold-bright),
        var(--nie-gold-light)
    );
    box-shadow: 0 9px 23px rgba(185, 120, 0, 0.2);
}

.noidaInEngage__button--gold:hover {
    box-shadow: 0 13px 29px rgba(185, 120, 0, 0.29);
}

.noidaInEngage__button--navy {
    color: #ffffff !important;
    background: var(--nie-navy);
    box-shadow: 0 8px 22px rgba(9, 47, 98, 0.15);
}

.noidaInEngage__button--navy:hover {
    background: var(--nie-dark);
}

.noidaInEngage__button--white {
    color: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.1);
}

.noidaInEngage__button--white:hover {
    background: rgba(255, 255, 255, 0.18);
}

/* TIMELINE */

.noidaInEngage__timeline {
    position: relative;
}

.noidaInEngage__step {
    position: relative;
    display: grid;
    grid-template-columns: 64px minmax(0, 1fr);
    gap: 24px;
    padding-bottom: 29px;
}

.noidaInEngage__step:last-child {
    padding-bottom: 0;
}

.noidaInEngage__stepMarker {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.noidaInEngage__stepMarker > span:first-child {
    position: relative;
    z-index: 2;
    width: 57px;
    height: 57px;
    flex: 0 0 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid var(--nie-gold-light);
    border-radius: 50%;
    color: #ffffff;
    background: var(--nie-navy);
    box-shadow: 0 7px 20px rgba(9, 47, 98, 0.17);
    font-size: 17px;
    font-weight: 900;
}

.noidaInEngage__stepMarkerLine {
    width: 2px;
    flex: 1;
    min-height: 40px;
    margin-top: 12px;
    background: linear-gradient(
        180deg,
        var(--nie-gold-light),
        rgba(217, 154, 22, 0.12)
    );
}

.noidaInEngage__stepCard {
    min-width: 0;
    padding: 30px 32px;
    border: 1px solid var(--nie-border);
    border-radius: 15px;
    background: #ffffff;
    box-shadow: 0 10px 32px rgba(4, 21, 45, 0.045);
}

.noidaInEngage__stepHeading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 17px;
}

.noidaInEngage__stepKicker {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--nie-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.noidaInEngage__stepHeading h2 {
    margin: 0;
    color: var(--nie-dark);
    font-size: clamp(23px, 2.5vw, 30px);
    font-weight: 800;
    line-height: 1.35;
}

.noidaInEngage__stepSymbol {
    flex: 0 0 auto;
    color: rgba(9, 47, 98, 0.09);
    font-size: 48px;
    font-weight: 900;
    line-height: 1;
}

.noidaInEngage__stepLead {
    margin: 0 0 22px;
    color: var(--nie-muted);
    font-size: 16px;
    line-height: 1.85;
}

/* CONTACT OPTIONS */

.noidaInEngage__contactOptions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-bottom: 24px;
}

.noidaInEngage__contactOption {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 16px;
    border: 1px solid var(--nie-border);
    border-radius: 10px;
    background: #f8fafd;
    text-decoration: none !important;
    transition: border-color 0.2s ease, background 0.2s ease;
}

.noidaInEngage__contactOption:hover {
    border-color: var(--nie-gold-light);
    background: #ffffff;
}

.noidaInEngage__contactIcon {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #ffffff;
    background: var(--nie-navy);
    font-size: 19px;
    font-weight: 850;
}

.noidaInEngage__contactOption small {
    display: block;
    margin-bottom: 4px;
    color: var(--nie-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.4;
    letter-spacing: 0.6px;
}

.noidaInEngage__contactOption strong {
    display: block;
    color: var(--nie-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.5;
    overflow-wrap: anywhere;
}

.noidaInEngage__optionArrow {
    margin-left: auto;
    color: var(--nie-gold);
    font-size: 20px;
}

/* STEP 1 DETAILS */

.noidaInEngage__detailGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
}

.noidaInEngage__detail {
    padding: 19px;
    border-left: 3px solid var(--nie-gold-light);
    border-radius: 0 9px 9px 0;
    background: var(--nie-soft);
}

.noidaInEngage__detail h3 {
    margin: 0 0 9px;
    color: var(--nie-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaInEngage__detail p {
    margin: 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaInEngage__detail strong {
    color: var(--nie-navy);
    font-weight: 800;
}

.noidaInEngage__documentCallout {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 18px;
    padding: 18px;
    border: 1px solid rgba(217, 154, 22, 0.35);
    border-radius: 10px;
    background: #fffbf1;
}

.noidaInEngage__calloutIcon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nie-deep);
    background: var(--nie-gold-bright);
    font-size: 18px;
    font-weight: 900;
}

.noidaInEngage__documentCallout strong {
    display: block;
    margin-bottom: 5px;
    color: var(--nie-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaInEngage__documentCallout p {
    margin: 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.8;
}

/* STEP 2 — ESTIMATE AND CHECKS */

.noidaInEngage__estimateBanner {
    display: flex;
    align-items: center;
    gap: 17px;
    margin: 0 0 25px;
    padding: 21px;
    border: 1px solid rgba(217, 154, 22, 0.38);
    border-radius: 11px;
    background: linear-gradient(115deg, #fff8e7, #ffffff);
}

.noidaInEngage__estimateIcon {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    color: var(--nie-deep);
    background: var(--nie-gold-bright);
    font-size: 19px;
    font-weight: 900;
}

.noidaInEngage__estimateBanner strong {
    display: block;
    margin-bottom: 5px;
    color: var(--nie-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaInEngage__estimateBanner p {
    margin: 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaInEngage__subheading {
    margin: 0 0 17px;
    color: var(--nie-dark);
    font-size: 20px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaInEngage__checkGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
}

.noidaInEngage__checkItem {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    padding: 16px;
    border: 1px solid var(--nie-border);
    border-radius: 9px;
    background: #ffffff;
}

.noidaInEngage__checkItem > span {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nie-deep);
    background: #ffedbd;
    font-size: 15px;
    font-weight: 900;
}

.noidaInEngage__checkItem p {
    margin: 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.75;
}

.noidaInEngage__checkItem strong {
    color: var(--nie-navy);
    font-weight: 850;
}

.noidaInEngage__feePanel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 25px;
    padding: 22px;
    border-radius: 11px;
    color: #ffffff;
    background: linear-gradient(120deg, var(--nie-dark), var(--nie-navy));
}

.noidaInEngage__feePanel > div {
    flex: 1;
    min-width: 0;
}

.noidaInEngage__feePanel > div > span {
    display: block;
    margin-bottom: 6px;
    color: var(--nie-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.7px;
}

.noidaInEngage__feePanel h3 {
    margin: 0 0 7px;
    color: #ffffff;
    font-size: 20px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaInEngage__feePanel p {
    margin: 0;
    color: #e1e9f4;
    font-size: 15px;
    line-height: 1.7;
}

.noidaInEngage__feePanel .noidaInEngage__button {
    flex: 0 0 auto;
}

.noidaInEngage__disclaimer {
    margin: 17px 0 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.75;
}

/* STEP 3 — FINAL STAGE */

.noidaInEngage__step--final .noidaInEngage__stepMarker > span:first-child {
    border-color: var(--nie-gold-bright);
    color: var(--nie-deep);
    background: var(--nie-gold-bright);
}

.noidaInEngage__step--final .noidaInEngage__stepCard {
    border-color: rgba(217, 154, 22, 0.45);
    background: linear-gradient(150deg, #ffffff, #fffdf7);
}

.noidaInEngage__processList {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 24px;
}

.noidaInEngage__processItem {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 15px;
    padding: 18px 0;
    border-bottom: 1px solid var(--nie-border);
}

.noidaInEngage__processItem:first-child {
    padding-top: 0;
}

.noidaInEngage__processItem:last-child {
    border-bottom: 0;
}

.noidaInEngage__processNumber {
    width: 39px;
    height: 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d8e2ef;
    border-radius: 9px;
    color: var(--nie-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.noidaInEngage__processItem h3 {
    margin: 0 0 6px;
    color: var(--nie-navy);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaInEngage__processItem p {
    margin: 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaInEngage__deliveryPanel {
    margin: 5px 0 27px;
    padding: 23px;
    border: 1px solid rgba(217, 154, 22, 0.4);
    border-radius: 12px;
    background: linear-gradient(120deg, #fff8e7, #ffffff);
}

.noidaInEngage__deliveryTop {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 12px;
}

.noidaInEngage__deliveryIcon {
    width: 49px;
    height: 49px;
    flex: 0 0 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #ffffff;
    background: var(--nie-navy);
    font-size: 22px;
    font-weight: 900;
}

.noidaInEngage__deliveryTop > div > span {
    display: block;
    margin-bottom: 4px;
    color: var(--nie-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.6px;
}

.noidaInEngage__deliveryTop h3 {
    margin: 0;
    color: var(--nie-navy);
    font-size: 26px;
    font-weight: 900;
    line-height: 1.3;
}

.noidaInEngage__deliveryPanel > p {
    margin: 0;
    color: var(--nie-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaInEngage__supportTags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px;
}

.noidaInEngage__supportTags span {
    display: inline-flex;
    align-items: center;
    padding: 10px 13px;
    border: 1px solid #d7e1ee;
    border-radius: 7px;
    color: var(--nie-navy);
    background: #f5f8fd;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.5;
}

.noidaInEngage__supportNote {
    margin: 0;
    padding: 16px 18px;
    border-left: 3px solid var(--nie-gold-light);
    color: var(--nie-muted);
    background: #ffffff;
    font-size: 15px;
    line-height: 1.8;
}

/* FINAL CTA */

.noidaInEngage__finalCta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 44px;
    padding: 32px;
    border: 1px solid rgba(217, 154, 22, 0.45);
    border-radius: 14px;
    color: #ffffff;
    background:
        radial-gradient(
            circle at 95% 5%,
            rgba(240, 180, 41, 0.17),
            transparent 30%
        ),
        linear-gradient(120deg, var(--nie-deep), var(--nie-navy));
    box-shadow: 0 15px 36px rgba(4, 21, 45, 0.12);
}

.noidaInEngage__finalCtaContent {
    flex: 1;
    min-width: 0;
}

.noidaInEngage__finalCtaContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nie-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaInEngage__finalCtaContent h2 {
    margin: 0 0 9px;
    color: #ffffff;
    font-size: clamp(24px, 2.5vw, 31px);
    font-weight: 850;
    line-height: 1.35;
}

.noidaInEngage__finalCtaContent p {
    margin: 0;
    color: #e1e9f4;
    font-size: 16px;
    line-height: 1.75;
}

.noidaInEngage__finalCtaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 11px;
}


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

@media (max-width: 900px) {
    .noidaInEngage__stepCard {
        padding: 25px;
    }

    .noidaInEngage__feePanel,
    .noidaInEngage__finalCta {
        align-items: stretch;
        flex-direction: column;
    }

    .noidaInEngage__feePanel .noidaInEngage__button,
    .noidaInEngage__finalCtaActions .noidaInEngage__button {
        width: 100%;
    }

    .noidaInEngage__finalCtaActions {
        width: 100%;
    }
}

@media (max-width: 650px) {
    .noidaInEngage {
        padding: 45px 0 55px;
    }

    .noidaInEngage__container {
        width: calc(100% - 30px);
    }

    .noidaInEngage__header {
        margin-bottom: 32px;
    }

    .noidaInEngage__header h1 {
        font-size: clamp(30px, 8vw, 37px);
        letter-spacing: -0.5px;
    }

    .noidaInEngage__intro {
        font-size: 16px;
    }

    .noidaInEngage__headerActions {
        flex-direction: column;
        align-items: stretch;
    }

    .noidaInEngage__headerActions .noidaInEngage__button {
        width: 100%;
    }

    .noidaInEngage__step {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 12px;
        padding-bottom: 20px;
    }

    .noidaInEngage__stepMarker > span:first-child {
        width: 40px;
        height: 40px;
        flex-basis: 40px;
        border-width: 2px;
        font-size: 15px;
    }

    .noidaInEngage__stepMarkerLine {
        margin-top: 9px;
    }

    .noidaInEngage__stepCard {
        padding: 21px 17px;
        border-radius: 11px;
    }

    .noidaInEngage__stepHeading {
        gap: 8px;
    }

    .noidaInEngage__stepHeading h2 {
        font-size: 23px;
    }

    .noidaInEngage__stepSymbol {
        font-size: 30px;
    }

    .noidaInEngage__contactOptions,
    .noidaInEngage__detailGrid,
    .noidaInEngage__checkGrid {
        grid-template-columns: 1fr;
    }

    .noidaInEngage__contactOption {
        padding: 14px;
    }

    .noidaInEngage__feePanel {
        padding: 19px;
    }

    .noidaInEngage__estimateBanner {
        align-items: flex-start;
        padding: 17px;
    }

    .noidaInEngage__estimateIcon {
        width: 47px;
        height: 47px;
        flex-basis: 47px;
    }

    .noidaInEngage__processItem {
        grid-template-columns: 36px minmax(0, 1fr);
        gap: 11px;
    }

    .noidaInEngage__processNumber {
        width: 34px;
        height: 34px;
    }

    .noidaInEngage__deliveryPanel {
        padding: 19px;
    }

    .noidaInEngage__deliveryTop h3 {
        font-size: 23px;
    }

    .noidaInEngage__finalCta {
        margin-top: 28px;
        padding: 24px 20px;
    }

    .noidaInEngage__finalCtaActions {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaInEngage__button,
    .noidaInEngage__contactOption {
        transition: none;
    }
}

/* =========================================================
   THE NOIDA OWNER'S ENGAGEMENT — SIX STAGES
   Unique namespace: noidaInProcess
   Palette: Royal Navy + Gold
========================================================= */

.noidaInProcess,
.noidaInProcess * {
    box-sizing: border-box;
}

.noidaInProcess {
    --nip-navy: #092f62;
    --nip-dark: #061d3d;
    --nip-deep: #04152d;
    --nip-gold: #b97800;
    --nip-gold-light: #d99a16;
    --nip-gold-bright: #f0b429;
    --nip-text: #29394e;
    --nip-muted: #59697c;
    --nip-border: #dce4ef;
    --nip-pale: #f5f8fc;

    position: relative;
    padding: 78px 0 84px;
    overflow: hidden;
    color: var(--nip-text);
    background:
        radial-gradient(
            circle at 92% 5%,
            rgba(217, 154, 22, 0.09),
            transparent 26%
        ),
        linear-gradient(180deg, #ffffff 0%, #f6f9fd 100%);
    font-family: inherit;
}

.noidaInProcess__container {
    width: min(1160px, calc(100% - 48px));
    margin: 0 auto;
}

/* SECTION HEADER */

.noidaInProcess__header {
    max-width: 850px;
    margin: 0 auto 55px;
    text-align: center;
}

.noidaInProcess__eyebrow {
    display: inline-block;
    margin-bottom: 15px;
    color: var(--nip-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.5px;
}

.noidaInProcess__header h2 {
    margin: 0 0 18px;
    color: var(--nip-dark);
    font-size: clamp(31px, 3.5vw, 45px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -0.8px;
}

.noidaInProcess__header h2 strong {
    color: var(--nip-navy);
    font-weight: 850;
}

.noidaInProcess__header > p {
    max-width: 760px;
    margin: 0 auto;
    color: var(--nip-muted);
    font-size: 17px;
    line-height: 1.85;
}

.noidaInProcess__headerLine {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    margin-top: 25px;
    color: var(--nip-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: 0.6px;
}

.noidaInProcess__headerLine span:first-child {
    width: 35px;
    height: 3px;
    border-radius: 4px;
    background: linear-gradient(
        90deg,
        var(--nip-gold),
        var(--nip-gold-bright)
    );
}

/* SIX-STAGE TIMELINE */

.noidaInProcess__timeline {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

.noidaInProcess__timeline::before {
    content: "";
    position: absolute;
    top: 35px;
    bottom: 42px;
    left: 34px;
    width: 2px;
    background: linear-gradient(
        180deg,
        var(--nip-gold-light),
        rgba(9, 47, 98, 0.16) 45%,
        var(--nip-gold-light)
    );
}

.noidaInProcess__stage {
    position: relative;
    display: grid;
    grid-template-columns: 70px minmax(0, 1fr);
    gap: 20px;
    margin-bottom: 26px;
}

.noidaInProcess__stage:last-child {
    margin-bottom: 0;
}

.noidaInProcess__marker {
    position: relative;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.noidaInProcess__marker > span {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 5px solid #ffffff;
    border-radius: 50%;
    color: var(--nip-deep);
    background: linear-gradient(
        145deg,
        var(--nip-gold-bright),
        var(--nip-gold-light)
    );
    box-shadow:
        0 0 0 1px rgba(185, 120, 0, 0.28),
        0 8px 20px rgba(4, 21, 45, 0.08);
    font-size: 18px;
    font-weight: 900;
}

.noidaInProcess__card {
    min-width: 0;
    padding: 29px 32px 30px;
    border: 1px solid var(--nip-border);
    border-radius: 13px;
    background: #ffffff;
    box-shadow: 0 10px 32px rgba(4, 21, 45, 0.045);
    transition:
        border-color 0.22s ease,
        box-shadow 0.22s ease,
        transform 0.22s ease;
}

.noidaInProcess__card:hover {
    transform: translateY(-2px);
    border-color: rgba(217, 154, 22, 0.55);
    box-shadow: 0 16px 38px rgba(4, 21, 45, 0.075);
}

.noidaInProcess__stageTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    margin-bottom: 13px;
}

.noidaInProcess__stageLabel {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--nip-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

.noidaInProcess__stageLabel::before {
    content: "";
    width: 22px;
    height: 2px;
    background: var(--nip-gold-light);
}

.noidaInProcess__stageIcon {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e2e9f3;
    border-radius: 9px;
    color: var(--nip-navy);
    background: var(--nip-pale);
    font-size: 15px;
    font-weight: 900;
}

.noidaInProcess__card h3 {
    margin: 0 0 13px;
    color: var(--nip-dark);
    font-size: 25px;
    font-weight: 800;
    line-height: 1.35;
    letter-spacing: -0.3px;
}

.noidaInProcess__card > p {
    margin: 0 0 19px;
    color: var(--nip-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaInProcess__card strong {
    color: var(--nip-navy);
    font-weight: 850;
}

/* STAGE LISTS */

.noidaInProcess__list {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noidaInProcess__list li {
    position: relative;
    padding-left: 26px;
    color: var(--nip-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaInProcess__list li::before {
    content: "";
    position: absolute;
    top: 11px;
    left: 2px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--nip-gold-light);
    box-shadow: 0 0 0 4px rgba(240, 180, 41, 0.13);
}

/* PRELIMINARY / REVIEW NOTES */

.noidaInProcess__stageNote {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 22px;
    padding: 16px 17px;
    border: 1px solid #ead7a7;
    border-radius: 9px;
    background: #fffaf0;
}

.noidaInProcess__noteIcon {
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nip-deep);
    background: var(--nip-gold-bright);
    font-size: 15px;
    font-weight: 900;
}

.noidaInProcess__stageNote p {
    margin: 0;
    color: #4d5867;
    font-size: 15px;
    line-height: 1.75;
}

/* ENGAGEMENT DETAIL GRID */

.noidaInProcess__detailGrid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    margin-top: 22px;
}

.noidaInProcess__detail {
    min-width: 0;
    padding: 17px 16px;
    border: 1px solid var(--nip-border);
    border-radius: 9px;
    background: var(--nip-pale);
}

.noidaInProcess__detail > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nip-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
}

.noidaInProcess__detail strong {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.5;
}

.noidaInProcess__detail p {
    margin: 0;
    color: var(--nip-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* INSPECTION GRID */

.noidaInProcess__inspectionGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    margin-top: 21px;
}

.noidaInProcess__inspectionItem {
    padding: 17px 18px;
    border-left: 3px solid var(--nip-gold-light);
    border-radius: 0 8px 8px 0;
    background: var(--nip-pale);
}

.noidaInProcess__inspectionItem strong {
    display: block;
    margin-bottom: 7px;
    font-size: 16px;
    line-height: 1.5;
}

.noidaInProcess__inspectionItem p {
    margin: 0;
    color: var(--nip-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* REVIEW CHECKLIST */

.noidaInProcess__reviewList {
    display: grid;
    gap: 13px;
    margin-top: 20px;
}

.noidaInProcess__reviewItem {
    display: flex;
    align-items: flex-start;
    gap: 12px;
}

.noidaInProcess__reviewItem > span {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--nip-deep);
    background: #fce7a8;
    font-size: 15px;
    font-weight: 900;
}

.noidaInProcess__reviewItem p {
    margin: 1px 0 0;
    color: var(--nip-muted);
    font-size: 16px;
    line-height: 1.75;
}

/* DELIVERY PANEL */

.noidaInProcess__deliveryPanel {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 13px;
    margin-top: 20px;
}

.noidaInProcess__deliveryItem {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 19px;
    border: 1px solid var(--nip-border);
    border-radius: 10px;
    background: var(--nip-pale);
}

.noidaInProcess__deliveryIcon {
    min-width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--nip-deep);
    background: linear-gradient(
        135deg,
        var(--nip-gold-bright),
        var(--nip-gold-light)
    );
    font-size: 15px;
    font-weight: 900;
}

.noidaInProcess__deliveryItem strong {
    display: block;
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 1.5;
}

.noidaInProcess__deliveryItem p {
    margin: 0;
    color: var(--nip-muted);
    font-size: 15px;
    line-height: 1.7;
}

/* POST-ENGAGEMENT SUPPORT */

.noidaInProcess__support {
    margin-top: 18px;
    padding: 19px;
    border: 1px solid rgba(9, 47, 98, 0.12);
    border-radius: 10px;
    background: linear-gradient(135deg, #f5f8fc, #ffffff);
}

.noidaInProcess__support > strong {
    display: block;
    margin-bottom: 8px;
    font-size: 16px;
    line-height: 1.5;
}

.noidaInProcess__support > p {
    margin: 0;
    color: var(--nip-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaInProcess__supportTags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}

.noidaInProcess__supportTags span {
    display: inline-flex;
    align-items: center;
    padding: 7px 11px;
    border: 1px solid #dce4ef;
    border-radius: 6px;
    color: var(--nip-navy);
    background: #ffffff;
    font-size: 15px;
    font-weight: 750;
    line-height: 1.45;
}

/* FINAL STAGE */

.noidaInProcess__stage--final .noidaInProcess__marker > span {
    color: #ffffff;
    background: linear-gradient(145deg, var(--nip-navy), var(--nip-dark));
    box-shadow:
        0 0 0 1px rgba(9, 47, 98, 0.18),
        0 8px 20px rgba(4, 21, 45, 0.12);
}

.noidaInProcess__stage--final .noidaInProcess__card {
    border-color: rgba(217, 154, 22, 0.55);
}

/* FINAL CTA */

.noidaInProcess__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 45px;
    padding: 31px 34px;
    border: 1px solid rgba(217, 154, 22, 0.45);
    border-radius: 14px;
    background:
        radial-gradient(
            circle at 95% 0%,
            rgba(240, 180, 41, 0.16),
            transparent 34%
        ),
        linear-gradient(120deg, #f1f5fb, #ffffff);
    box-shadow: 0 10px 28px rgba(4, 21, 45, 0.04);
}

.noidaInProcess__ctaText {
    flex: 1;
    min-width: 0;
}

.noidaInProcess__ctaEyebrow {
    display: block;
    margin-bottom: 9px;
    color: var(--nip-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.8px;
}

.noidaInProcess__cta h3 {
    margin: 0 0 9px;
    color: var(--nip-dark);
    font-size: 25px;
    font-weight: 750;
    line-height: 1.4;
}

.noidaInProcess__cta h3 strong {
    color: var(--nip-navy);
    font-weight: 850;
}

.noidaInProcess__ctaText p {
    margin: 0;
    color: var(--nip-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaInProcess__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.noidaInProcess__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 21px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.noidaInProcess__button:hover {
    transform: translateY(-2px);
}

.noidaInProcess__button--gold {
    color: var(--nip-deep) !important;
    background: linear-gradient(
        135deg,
        var(--nip-gold-bright),
        var(--nip-gold-light)
    );
    box-shadow: 0 8px 20px rgba(185, 120, 0, 0.2);
}

.noidaInProcess__button--gold:hover {
    box-shadow: 0 12px 26px rgba(185, 120, 0, 0.28);
}

.noidaInProcess__button--navy {
    color: #ffffff !important;
    background: var(--nip-navy);
    box-shadow: 0 8px 20px rgba(9, 47, 98, 0.16);
}

.noidaInProcess__button--navy:hover {
    background: var(--nip-dark);
}


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

@media (max-width: 900px) {
    .noidaInProcess__detailGrid {
        grid-template-columns: 1fr;
    }

    .noidaInProcess__detail {
        display: grid;
        grid-template-columns: 34px minmax(0, 1fr);
        column-gap: 10px;
    }

    .noidaInProcess__detail > span {
        grid-row: span 2;
    }

    .noidaInProcess__detail strong {
        margin-bottom: 4px;
    }

    .noidaInProcess__detail p {
        grid-column: 2;
    }

    .noidaInProcess__cta {
        align-items: flex-start;
        flex-direction: column;
    }

    .noidaInProcess__ctaActions {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 650px) {
    .noidaInProcess {
        padding: 52px 0 58px;
    }

    .noidaInProcess__container {
        width: calc(100% - 30px);
    }

    .noidaInProcess__header {
        margin-bottom: 34px;
    }

    .noidaInProcess__header h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .noidaInProcess__header > p {
        font-size: 16px;
    }

    .noidaInProcess__headerLine {
        align-items: flex-start;
        font-size: 15px;
    }

    .noidaInProcess__timeline::before {
        left: 21px;
    }

    .noidaInProcess__stage {
        grid-template-columns: 44px minmax(0, 1fr);
        gap: 10px;
        margin-bottom: 20px;
    }

    .noidaInProcess__marker > span {
        width: 44px;
        height: 44px;
        border-width: 3px;
        font-size: 15px;
    }

    .noidaInProcess__card {
        padding: 21px 18px 22px;
        border-radius: 10px;
    }

    .noidaInProcess__card h3 {
        font-size: 22px;
    }

    .noidaInProcess__card > p,
    .noidaInProcess__list li,
    .noidaInProcess__reviewItem p {
        font-size: 16px;
    }

    .noidaInProcess__inspectionGrid,
    .noidaInProcess__deliveryPanel {
        grid-template-columns: 1fr;
    }

    .noidaInProcess__stageNote {
        padding: 14px;
    }

    .noidaInProcess__cta {
        margin-top: 30px;
        padding: 24px 19px;
    }

    .noidaInProcess__cta h3 {
        font-size: 22px;
    }

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

    .noidaInProcess__button {
        width: 100%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaInProcess__card,
    .noidaInProcess__button {
        transition: none;
    }
}

/* =========================================================
   NOIDA PROPERTY OWNER & SME INSIGHTS
   Unique namespace: noidaOwnerInsights
   Brand: Royal Navy + Gold
========================================================= */

.noidaOwnerInsights,
.noidaOwnerInsights * {
    box-sizing: border-box;
}

.noidaOwnerInsights {
    --noi-navy: #092f62;
    --noi-dark: #061d3d;
    --noi-deep: #04152d;
    --noi-gold: #b97800;
    --noi-gold-light: #d99a16;
    --noi-gold-bright: #f0b429;
    --noi-text: #26364a;
    --noi-muted: #59697c;
    --noi-border: #dce4ef;

    color: var(--noi-text);
    background: #ffffff;
    font-family: inherit;
}

/* PAGE INTRO */

.noidaOwnerInsights__intro {
    position: relative;
    overflow: hidden;
    padding: 67px 0 51px;
    border-bottom: 1px solid #e4eaf2;
    background:
        radial-gradient(
            ellipse at 90% 0%,
            rgba(217, 154, 22, 0.12),
            transparent 34%
        ),
        linear-gradient(135deg, #ffffff 0%, #f4f7fc 100%);
}

.noidaOwnerInsights__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaOwnerInsights__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 21px;
    color: var(--noi-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 0.8px;
}

.noidaOwnerInsights__eyebrowLine {
    width: 27px;
    height: 2px;
    flex: 0 0 27px;
    background: var(--noi-gold-light);
}

.noidaOwnerInsights__eyebrowDivider {
    color: var(--noi-gold);
}

.noidaOwnerInsights__intro h1 {
    max-width: 950px;
    margin: 0 0 21px;
    color: var(--noi-dark);
    font-size: clamp(36px, 4vw, 53px);
    font-weight: 600;
    line-height: 1.15;
    letter-spacing: -1.2px;
}

.noidaOwnerInsights__intro h1 strong {
    color: var(--noi-navy);
    font-weight: 850;
}

.noidaOwnerInsights__introText {
    max-width: 940px;
    margin: 0;
    color: var(--noi-muted);
    font-size: 18px;
    line-height: 1.85;
}

.noidaOwnerInsights__introText strong {
    color: var(--noi-navy);
    font-weight: 850;
}

.noidaOwnerInsights__introActions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 27px;
}

.noidaOwnerInsights__button {
    min-height: 53px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    font-family: inherit;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition:
        transform 0.2s ease,
        box-shadow 0.2s ease,
        background 0.2s ease;
}

.noidaOwnerInsights__button:hover {
    transform: translateY(-2px);
}

.noidaOwnerInsights__button--gold {
    color: var(--noi-deep) !important;
    background: linear-gradient(
        135deg,
        var(--noi-gold-bright),
        var(--noi-gold-light)
    );
    box-shadow: 0 8px 21px rgba(185, 120, 0, 0.2);
}

.noidaOwnerInsights__button--gold:hover {
    box-shadow: 0 12px 27px rgba(185, 120, 0, 0.29);
}

.noidaOwnerInsights__button--navy {
    color: #ffffff !important;
    background: var(--noi-navy);
    box-shadow: 0 8px 21px rgba(9, 47, 98, 0.16);
}

.noidaOwnerInsights__button--navy:hover {
    background: var(--noi-dark);
}

.noidaOwnerInsights__introMeta {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 25px;
    margin-top: 28px;
    padding-top: 21px;
    border-top: 1px solid #dce4ef;
}

.noidaOwnerInsights__introMeta span {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    color: var(--noi-muted);
    font-size: 15px;
    font-weight: 700;
    line-height: 1.6;
}

.noidaOwnerInsights__introMeta i {
    width: 7px;
    height: 7px;
    flex: 0 0 7px;
    border-radius: 50%;
    background: var(--noi-gold-light);
}

/* ARTICLE COLLECTION */

.noidaOwnerInsights__main {
    padding: 61px 0 76px;
    background: #ffffff;
}

.noidaOwnerInsights__sectionHeading {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 28px;
    margin-bottom: 31px;
}

.noidaOwnerInsights__sectionEyebrow {
    display: block;
    margin-bottom: 10px;
    color: var(--noi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

.noidaOwnerInsights__sectionHeading h2 {
    margin: 0;
    color: var(--noi-dark);
    font-size: clamp(29px, 3vw, 39px);
    font-weight: 600;
    line-height: 1.25;
    letter-spacing: -0.7px;
}

.noidaOwnerInsights__sectionHeading h2 strong {
    color: var(--noi-navy);
    font-weight: 850;
}

.noidaOwnerInsights__sectionHeading > p {
    max-width: 380px;
    margin: 0 0 3px;
    color: var(--noi-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaOwnerInsights__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
    align-items: stretch;
}

/* ARTICLE CARDS */

.noidaOwnerInsights__card {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 25px 24px 22px;
    overflow: hidden;
    border: 1px solid var(--noi-border);
    border-radius: 12px;
    background: linear-gradient(155deg, #ffffff, #f9fbfe);
    box-shadow: 0 7px 23px rgba(4, 21, 45, 0.045);
    transition:
        transform 0.22s ease,
        border-color 0.22s ease,
        box-shadow 0.22s ease;
}

.noidaOwnerInsights__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(
        90deg,
        var(--noi-navy),
        var(--noi-gold-bright)
    );
    transform: scaleX(0.35);
    transform-origin: left;
    transition: transform 0.22s ease;
}

.noidaOwnerInsights__card:hover {
    transform: translateY(-4px);
    border-color: rgba(185, 120, 0, 0.38);
    box-shadow: 0 16px 35px rgba(4, 21, 45, 0.09);
}

.noidaOwnerInsights__card:hover::before {
    transform: scaleX(1);
}

.noidaOwnerInsights__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.noidaOwnerInsights__number {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dbe4f0;
    border-radius: 9px;
    color: var(--noi-navy);
    background: #edf3fb;
    font-size: 17px;
    font-weight: 900;
}

.noidaOwnerInsights__category {
    color: var(--noi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.3px;
    text-align: right;
}

.noidaOwnerInsights__card h3 {
    margin: 0 0 13px;
    color: var(--noi-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.48;
    overflow-wrap: anywhere;
}

.noidaOwnerInsights__card h3 strong {
    color: var(--noi-navy);
    font-weight: 850;
}

.noidaOwnerInsights__card > p {
    flex: 1;
    margin: 0 0 22px;
    color: var(--noi-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaOwnerInsights__articleLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding-top: 15px;
    border-top: 1px solid var(--noi-border);
    color: var(--noi-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.noidaOwnerInsights__articleLink span {
    flex: 0 0 auto;
    color: var(--noi-gold);
    font-size: 20px;
    transition: transform 0.2s ease;
}

.noidaOwnerInsights__articleLink:hover {
    color: var(--noi-gold) !important;
}

.noidaOwnerInsights__articleLink:hover span {
    transform: translate(3px, -2px);
}

.noidaOwnerInsights__card--featured {
    border-color: rgba(217, 154, 22, 0.65);
    background: linear-gradient(145deg, #ffffff, #fffaf0);
}

.noidaOwnerInsights__card--featured .noidaOwnerInsights__number {
    border-color: rgba(185, 120, 0, 0.25);
    background: #fff1cc;
}

/* BOTTOM CTA */

.noidaOwnerInsights__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    margin-top: 40px;
    padding: 32px;
    border: 1px solid rgba(217, 154, 22, 0.42);
    border-radius: 13px;
    background:
        radial-gradient(
            ellipse at 100% 0%,
            rgba(240, 180, 41, 0.13),
            transparent 37%
        ),
        linear-gradient(120deg, #f3f7fc, #ffffff);
}

.noidaOwnerInsights__ctaContent {
    flex: 1;
    min-width: 0;
}

.noidaOwnerInsights__ctaContent > span {
    display: block;
    margin-bottom: 9px;
    color: var(--noi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 0.7px;
}

.noidaOwnerInsights__ctaContent h2 {
    margin: 0 0 9px;
    color: var(--noi-dark);
    font-size: clamp(23px, 2.3vw, 29px);
    font-weight: 800;
    line-height: 1.4;
}

.noidaOwnerInsights__ctaContent p {
    margin: 0;
    color: var(--noi-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaOwnerInsights__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    gap: 11px;
}

.noidaOwnerInsights__disclaimer {
    margin: 23px 0 0;
    color: var(--noi-muted);
    font-size: 15px;
    line-height: 1.75;
}


/* RESPONSIVE */

@media (max-width: 1050px) {
    .noidaOwnerInsights__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .noidaOwnerInsights__sectionHeading {
        align-items: flex-start;
        flex-direction: column;
        gap: 12px;
    }

    .noidaOwnerInsights__sectionHeading > p {
        max-width: 700px;
    }
}

@media (max-width: 720px) {
    .noidaOwnerInsights__intro {
        padding: 43px 0 35px;
    }

    .noidaOwnerInsights__container {
        width: calc(100% - 32px);
    }

    .noidaOwnerInsights__intro h1 {
        font-size: clamp(32px, 8vw, 41px);
        letter-spacing: -0.6px;
    }

    .noidaOwnerInsights__introText {
        font-size: 17px;
        line-height: 1.8;
    }

    .noidaOwnerInsights__introActions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .noidaOwnerInsights__button {
        width: 100%;
    }

    .noidaOwnerInsights__introMeta {
        flex-direction: column;
        gap: 10px;
    }

    .noidaOwnerInsights__main {
        padding: 43px 0 52px;
    }

    .noidaOwnerInsights__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .noidaOwnerInsights__card {
        padding: 23px 21px 21px;
    }

    .noidaOwnerInsights__card h3 {
        font-size: 21px;
    }

    .noidaOwnerInsights__cta {
        flex-direction: column;
        align-items: stretch;
        gap: 22px;
        padding: 24px 21px;
    }

    .noidaOwnerInsights__ctaActions {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .noidaOwnerInsights__container {
        width: calc(100% - 26px);
    }

    .noidaOwnerInsights__eyebrow {
        gap: 7px;
    }

    .noidaOwnerInsights__cardTop {
        align-items: flex-start;
    }

    .noidaOwnerInsights__category {
        max-width: 67%;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaOwnerInsights__card,
    .noidaOwnerInsights__card::before,
    .noidaOwnerInsights__button,
    .noidaOwnerInsights__articleLink span {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — A2Z VALUERS PRACTICE INTRO
   Namespace: noidaPracticeIntro
========================================================= */

.noidaPracticeIntro,
.noidaPracticeIntro *,
.noidaPracticeGeography,
.noidaPracticeGeography *,
.noidaPracticeScope,
.noidaPracticeScope *,
.noidaPracticeEngage,
.noidaPracticeEngage * {
    box-sizing: border-box;
}

.noidaPracticeIntro {
    --npi-navy: #092f62;
    --npi-dark: #061d3d;
    --npi-deep: #04152d;
    --npi-gold: #b97800;
    --npi-gold-light: #d99a16;
    --npi-gold-bright: #f0b429;
    --npi-text: #293b51;
    --npi-muted: #59697c;
    --npi-border: #dce4ef;

    padding: 65px 0 50px;
    color: var(--npi-text);
    background:
        radial-gradient(ellipse at 90% 5%, rgba(217,154,22,.09), transparent 35%),
        linear-gradient(135deg, #fff, #f4f7fc);
    font-family: inherit;
}

.noidaPracticeIntro__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPracticeIntro__topline {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
    color: var(--npi-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaPracticeIntro__topline i {
    width: 29px;
    height: 2px;
    background: var(--npi-gold-light);
}

.noidaPracticeIntro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(320px, .75fr);
    gap: clamp(35px, 5vw, 75px);
    align-items: center;
}

.noidaPracticeIntro__content {
    min-width: 0;
}

.noidaPracticeIntro__eyebrow,
.noidaPracticeGeography__eyebrow,
.noidaPracticeScope__eyebrow,
.noidaPracticeEngage__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--npi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.2px;
}

.noidaPracticeIntro h2 {
    margin: 0 0 20px;
    color: var(--npi-dark);
    font-size: clamp(32px, 3.4vw, 46px);
    font-weight: 600;
    line-height: 1.18;
    letter-spacing: -.8px;
}

.noidaPracticeIntro h2 strong {
    color: var(--npi-navy);
    font-weight: 850;
}

.noidaPracticeIntro__content > p {
    margin: 0 0 16px;
    color: var(--npi-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaPracticeIntro__content > p strong {
    color: var(--npi-navy);
    font-weight: 800;
}

.noidaPracticeIntro__lead {
    color: var(--npi-dark) !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
}

.noidaPracticeIntro__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 25px;
}

.noidaPracticeIntro__button,
.noidaPracticeScope__button,
.noidaPracticeEngage__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--npi-deep) !important;
    background: linear-gradient(135deg, var(--npi-gold-bright), var(--npi-gold-light));
    box-shadow: 0 9px 23px rgba(185,120,0,.22);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.noidaPracticeIntro__button:hover,
.noidaPracticeScope__button:hover,
.noidaPracticeEngage__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(185,120,0,.3);
}

.noidaPracticeIntro__call {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--npi-navy) !important;
    text-decoration: none !important;
}

.noidaPracticeIntro__callIcon {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d4dfed;
    border-radius: 50%;
    color: var(--npi-gold);
    background: #fff;
    font-size: 19px;
}

.noidaPracticeIntro__call small,
.noidaPracticeIntro__call strong {
    display: block;
    line-height: 1.5;
}

.noidaPracticeIntro__call small {
    color: var(--npi-muted);
    font-size: 15px;
}

.noidaPracticeIntro__call strong {
    color: var(--npi-navy);
    font-size: 17px;
    font-weight: 850;
}

.noidaPracticeIntro__profile {
    overflow: hidden;
    border: 1px solid #dce4ef;
    border-radius: 14px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(4,21,45,.08);
}

.noidaPracticeIntro__profileHeader {
    display: flex;
    align-items: center;
    gap: 17px;
    padding: 25px 24px;
    color: #fff;
    background: linear-gradient(125deg, var(--npi-deep), var(--npi-navy));
}

.noidaPracticeIntro__monogram {
    width: 61px;
    height: 61px;
    flex: 0 0 61px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240,180,41,.6);
    border-radius: 11px;
    color: var(--npi-gold-bright);
    font-size: 23px;
    font-weight: 900;
    letter-spacing: 1px;
}

.noidaPracticeIntro__profileEyebrow {
    display: block;
    margin-bottom: 7px;
    color: var(--npi-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.noidaPracticeIntro__profileHeader h3 {
    margin: 0 0 5px;
    color: #fff;
    font-size: 21px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaPracticeIntro__profileHeader p {
    margin: 0;
    color: #e0e8f4;
    font-size: 15px;
    line-height: 1.5;
}

.noidaPracticeIntro__profileBody {
    padding: 23px 24px 12px;
}

.noidaPracticeIntro__profileBody > p {
    margin: 0 0 17px;
    color: var(--npi-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaPracticeIntro__detail {
    padding: 13px 0;
    border-top: 1px solid #e8edf4;
}

.noidaPracticeIntro__detail span,
.noidaPracticeIntro__detail strong {
    display: block;
    line-height: 1.55;
}

.noidaPracticeIntro__detail span {
    margin-bottom: 4px;
    color: var(--npi-gold);
    font-size: 15px;
    font-weight: 800;
}

.noidaPracticeIntro__detail strong {
    color: var(--npi-navy);
    font-size: 15px;
    font-weight: 750;
}

.noidaPracticeIntro__profileLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 24px 24px;
    padding: 15px 17px;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    color: var(--npi-navy) !important;
    background: #f7f9fc;
    font-size: 15px;
    font-weight: 850;
    text-decoration: none !important;
}

.noidaPracticeIntro__profileLink span {
    color: var(--npi-gold);
    font-size: 20px;
}

.noidaPracticeIntro__profileLink:hover {
    border-color: var(--npi-gold-light);
    background: #fffaf0;
}

.noidaPracticeIntro__bottomline {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 13px;
    margin-top: 42px;
    padding-top: 20px;
    border-top: 1px solid #dce4ef;
    color: var(--npi-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: .7px;
}

.noidaPracticeIntro__bottomline i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--npi-gold-light);
}


/* =========================================================
   SECTION 2 — NOIDA GEOGRAPHY
   Namespace: noidaPracticeGeography
========================================================= */

.noidaPracticeGeography {
    --npg-navy: #092f62;
    --npg-dark: #061d3d;
    --npg-gold: #b97800;
    --npg-gold-light: #d99a16;
    --npg-text: #293b51;
    --npg-muted: #59697c;
    --npg-border: #dce4ef;

    padding: 78px 0;
    color: var(--npg-text);
    background: #fff;
    font-family: inherit;
}

.noidaPracticeGeography__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPracticeGeography__heading {
    max-width: 850px;
    margin: 0 auto 40px;
    text-align: center;
}

.noidaPracticeGeography__heading h2,
.noidaPracticeScope__heading h2,
.noidaPracticeEngage__heading h2 {
    margin: 0 0 16px;
    color: var(--npg-dark);
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -.7px;
}

.noidaPracticeGeography__heading h2 strong,
.noidaPracticeScope__heading h2 strong,
.noidaPracticeEngage__heading h2 strong {
    color: var(--npg-navy);
    font-weight: 850;
}

.noidaPracticeGeography__heading p,
.noidaPracticeScope__heading p,
.noidaPracticeEngage__heading p {
    max-width: 780px;
    margin: 0 auto;
    color: var(--npg-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaPracticeGeography__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 22px;
}

.noidaPracticeGeography__card {
    position: relative;
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 25px 24px 23px;
    border: 1px solid var(--npg-border);
    border-radius: 12px;
    background: linear-gradient(150deg, #fff, #f8fafd);
    box-shadow: 0 8px 24px rgba(4,21,45,.04);
    transition: transform .22s ease, box-shadow .22s ease;
}

.noidaPracticeGeography__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 12px 12px 0 0;
    background: linear-gradient(90deg, var(--npg-navy), var(--npg-gold-light));
}

.noidaPracticeGeography__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 16px 35px rgba(4,21,45,.09);
}

.noidaPracticeGeography__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
}

.noidaPracticeGeography__number {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce5f0;
    border-radius: 9px;
    color: var(--npg-navy);
    background: #edf3fb;
    font-size: 17px;
    font-weight: 900;
}

.noidaPracticeGeography__category {
    color: var(--npg-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.noidaPracticeGeography__card h3 {
    margin: 0 0 12px;
    color: var(--npg-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.42;
}

.noidaPracticeGeography__card h3 strong,
.noidaPracticeGeography__card p strong {
    color: var(--npg-navy);
    font-weight: 850;
}

.noidaPracticeGeography__card p {
    flex: 1;
    margin: 0 0 22px;
    color: var(--npg-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPracticeGeography__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding-top: 15px;
    border-top: 1px solid var(--npg-border);
    color: var(--npg-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.55;
    text-decoration: none !important;
}

.noidaPracticeGeography__link span {
    color: var(--npg-gold);
    font-size: 21px;
    transition: transform .2s ease;
}

.noidaPracticeGeography__link:hover {
    color: var(--npg-gold) !important;
}

.noidaPracticeGeography__link:hover span {
    transform: translateX(4px);
}

.noidaPracticeGeography__notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 30px;
    padding: 21px 23px;
    border: 1px solid rgba(217,154,22,.35);
    border-radius: 10px;
    background: #fffaf0;
}

.noidaPracticeGeography__noticeMark {
    width: 31px;
    height: 31px;
    flex: 0 0 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--npg-navy);
    font-size: 17px;
    font-weight: 850;
}

.noidaPracticeGeography__notice p {
    margin: 0;
    color: var(--npg-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaPracticeGeography__notice strong {
    color: var(--npg-navy);
    font-weight: 850;
}


/* =========================================================
   SECTION 3 — PROFESSIONAL SCOPE
   Namespace: noidaPracticeScope
========================================================= */

.noidaPracticeScope {
    --nps-navy: #092f62;
    --nps-dark: #061d3d;
    --nps-deep: #04152d;
    --nps-gold: #b97800;
    --nps-gold-light: #d99a16;
    --nps-gold-bright: #f0b429;
    --nps-muted: #59697c;
    --nps-border: #dce4ef;

    padding: 78px 0;
    color: #293b51;
    background: linear-gradient(145deg, #f4f7fc, #fff);
    font-family: inherit;
}

.noidaPracticeScope__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPracticeScope__heading {
    max-width: 860px;
    margin: 0 auto 32px;
    text-align: center;
}

.noidaPracticeScope__heading h2 {
    color: var(--nps-dark);
}

.noidaPracticeScope__heading h2 strong {
    color: var(--nps-navy);
}

.noidaPracticeScope__heading p {
    color: var(--nps-muted);
}

.noidaPracticeScope__intro {
    display: flex;
    align-items: center;
    gap: 19px;
    max-width: 1020px;
    margin: 0 auto 31px;
    padding: 24px 27px;
    border: 1px solid #dce4ef;
    border-left: 4px solid var(--nps-gold-light);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(4,21,45,.04);
}

.noidaPracticeScope__introMark {
    width: 55px;
    height: 55px;
    flex: 0 0 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--nps-gold-bright);
    background: var(--nps-navy);
    font-size: 21px;
    font-weight: 900;
}

.noidaPracticeScope__intro p {
    margin: 0;
    color: var(--nps-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPracticeScope__intro strong {
    color: var(--nps-navy);
    font-weight: 850;
}

.noidaPracticeScope__credentials {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.noidaPracticeScope__credential {
    position: relative;
    padding: 26px 25px 25px;
    border: 1px solid var(--nps-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 7px 24px rgba(4,21,45,.035);
}

.noidaPracticeScope__credentialNo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    margin-bottom: 15px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 8px;
    color: var(--nps-navy);
    background: #fff7e5;
    font-size: 16px;
    font-weight: 900;
}

.noidaPracticeScope__credential h3 {
    margin: 0 0 10px;
    color: var(--nps-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.noidaPracticeScope__credential h3 strong {
    color: var(--nps-navy);
    font-weight: 850;
}

.noidaPracticeScope__credential p {
    margin: 0;
    color: var(--nps-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPracticeScope__credential p strong {
    color: var(--nps-navy);
    font-weight: 800;
}

.noidaPracticeScope__framework {
    margin-top: 35px;
    padding: 30px;
    border-radius: 13px;
    color: #fff;
    background: linear-gradient(130deg, var(--nps-deep), var(--nps-navy));
    box-shadow: 0 15px 38px rgba(4,21,45,.12);
}

.noidaPracticeScope__frameworkHeading {
    margin-bottom: 25px;
}

.noidaPracticeScope__frameworkHeading > span {
    display: block;
    margin-bottom: 8px;
    color: var(--nps-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaPracticeScope__frameworkHeading h3 {
    margin: 0;
    color: #fff;
    font-size: 27px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaPracticeScope__frameworkGrid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}

.noidaPracticeScope__factor {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 18px 15px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 9px;
    background: rgba(255,255,255,.055);
}

.noidaPracticeScope__factor > span {
    flex: 0 0 30px;
    color: var(--nps-gold-bright);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
}

.noidaPracticeScope__factor h4 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 17px;
    font-weight: 850;
    line-height: 1.45;
}

.noidaPracticeScope__factor p {
    margin: 0;
    color: #e0e8f4;
    font-size: 15px;
    line-height: 1.7;
}

.noidaPracticeScope__disclaimer {
    margin: 18px 0 0;
    color: var(--nps-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaPracticeScope__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 30px;
    padding: 27px 30px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 12px;
    background: #fff;
}

.noidaPracticeScope__cta > div:first-child {
    flex: 1;
    min-width: 0;
}

.noidaPracticeScope__cta > div:first-child > span {
    display: block;
    margin-bottom: 7px;
    color: var(--nps-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.noidaPracticeScope__cta h3 {
    margin: 0 0 7px;
    color: var(--nps-dark);
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaPracticeScope__cta p {
    margin: 0;
    color: var(--nps-muted);
    font-size: 16px;
    line-height: 1.7;
}

.noidaPracticeScope__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
}

.noidaPracticeScope__phone {
    display: inline-flex;
    justify-content: center;
    padding: 9px;
    color: var(--nps-navy) !important;
    font-size: 16px;
    font-weight: 850;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 4 — ENGAGEMENT & CONTACT
   Namespace: noidaPracticeEngage
========================================================= */

.noidaPracticeEngage {
    --npe-navy: #092f62;
    --npe-dark: #061d3d;
    --npe-deep: #04152d;
    --npe-gold: #b97800;
    --npe-gold-light: #d99a16;
    --npe-gold-bright: #f0b429;
    --npe-muted: #59697c;
    --npe-border: #dce4ef;

    padding: 78px 0 82px;
    color: #293b51;
    background: #fff;
    font-family: inherit;
}

.noidaPracticeEngage__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPracticeEngage__heading {
    max-width: 840px;
    margin: 0 auto 40px;
    text-align: center;
}

.noidaPracticeEngage__heading h2 {
    color: var(--npe-dark);
}

.noidaPracticeEngage__heading h2 strong {
    color: var(--npe-navy);
}

.noidaPracticeEngage__heading p {
    color: var(--npe-muted);
}

.noidaPracticeEngage__steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.noidaPracticeEngage__step {
    min-width: 0;
    padding: 25px 24px;
    border: 1px solid var(--npe-border);
    border-radius: 11px;
    background: linear-gradient(150deg, #fff, #f8fafd);
    box-shadow: 0 7px 23px rgba(4,21,45,.04);
}

.noidaPracticeEngage__stepHead {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 20px;
}

.noidaPracticeEngage__stepNo {
    width: 47px;
    height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--npe-gold-bright);
    background: var(--npe-navy);
    font-size: 18px;
    font-weight: 900;
}

.noidaPracticeEngage__stepLabel {
    color: var(--npe-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .5px;
}

.noidaPracticeEngage__step h3 {
    margin: 0 0 11px;
    color: var(--npe-dark);
    font-size: 22px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaPracticeEngage__step p {
    margin: 0;
    color: var(--npe-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPracticeEngage__step p strong {
    color: var(--npe-navy);
    font-weight: 850;
}

/* FINAL CONTACT PANEL */

.noidaPracticeEngage__contactPanel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
    gap: 35px;
    margin-top: 40px;
    padding: 35px;
    border: 1px solid rgba(217,154,22,.35);
    border-radius: 15px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.11), transparent 36%),
        linear-gradient(130deg, #f4f7fc, #fff);
}

.noidaPracticeEngage__contactMain {
    min-width: 0;
}

.noidaPracticeEngage__contactEyebrow {
    display: block;
    margin-bottom: 11px;
    color: var(--npe-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .8px;
}

.noidaPracticeEngage__contactMain h3 {
    margin: 0 0 14px;
    color: var(--npe-dark);
    font-size: clamp(27px, 3vw, 36px);
    font-weight: 650;
    line-height: 1.25;
}

.noidaPracticeEngage__contactMain h3 strong {
    color: var(--npe-navy);
    font-weight: 850;
}

.noidaPracticeEngage__contactMain > p {
    margin: 0;
    color: var(--npe-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPracticeEngage__contactMain > p strong {
    color: var(--npe-navy);
    font-weight: 850;
}

.noidaPracticeEngage__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.noidaPracticeEngage__callButton {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 20px;
    border: 2px solid var(--npe-navy);
    border-radius: 8px;
    color: #fff !important;
    background: var(--npe-navy);
    font-size: 16px;
    font-weight: 850;
    text-decoration: none !important;
    transition: background .2s ease, transform .2s ease;
}

.noidaPracticeEngage__callButton:hover {
    transform: translateY(-2px);
    background: var(--npe-dark);
}

.noidaPracticeEngage__contactDetails {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0;
    padding-left: 27px;
    border-left: 1px solid #dce4ef;
}

.noidaPracticeEngage__contactItem {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 16px 0;
    border-bottom: 1px solid #e2e8f0;
    text-decoration: none !important;
}

.noidaPracticeEngage__contactItem:last-child {
    border-bottom: 0;
}

.noidaPracticeEngage__contactIcon {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce4ef;
    border-radius: 9px;
    color: var(--npe-gold);
    background: #fff;
    font-size: 19px;
    font-weight: 850;
}

.noidaPracticeEngage__contactItem div {
    min-width: 0;
}

.noidaPracticeEngage__contactItem div span {
    display: block;
    margin-bottom: 5px;
    color: var(--npe-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPracticeEngage__contactItem div strong {
    display: block;
    color: var(--npe-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.noidaPracticeEngage__contactItem:hover div strong {
    color: var(--npe-gold);
}


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

@media (max-width: 1050px) {
    .noidaPracticeIntro__grid {
        grid-template-columns: minmax(0, 1.1fr) minmax(290px, .9fr);
        gap: 30px;
    }

    .noidaPracticeIntro__profileHeader,
    .noidaPracticeIntro__profileBody {
        padding-right: 19px;
        padding-left: 19px;
    }

    .noidaPracticeIntro__profileLink {
        margin-right: 19px;
        margin-left: 19px;
    }

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

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

    .noidaPracticeScope__cta {
        align-items: flex-start;
    }

    .noidaPracticeEngage__contactPanel {
        gap: 24px;
        padding: 28px;
    }
}

@media (max-width: 760px) {
    .noidaPracticeIntro,
    .noidaPracticeGeography,
    .noidaPracticeScope,
    .noidaPracticeEngage {
        padding: 52px 0 56px;
    }

    .noidaPracticeIntro__container,
    .noidaPracticeGeography__container,
    .noidaPracticeScope__container,
    .noidaPracticeEngage__container {
        width: calc(100% - 32px);
    }

    .noidaPracticeIntro__topline {
        margin-bottom: 24px;
    }

    .noidaPracticeIntro__grid {
        grid-template-columns: 1fr;
        gap: 27px;
    }

    .noidaPracticeIntro h2 {
        font-size: clamp(31px, 7vw, 39px);
    }

    .noidaPracticeIntro__lead {
        font-size: 17px !important;
    }

    .noidaPracticeIntro__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .noidaPracticeIntro__button {
        width: 100%;
    }

    .noidaPracticeIntro__call {
        align-self: flex-start;
    }

    .noidaPracticeIntro__bottomline {
        justify-content: flex-start;
        gap: 9px;
        margin-top: 30px;
        font-size: 15px;
    }

    .noidaPracticeGeography__heading,
    .noidaPracticeScope__heading,
    .noidaPracticeEngage__heading {
        margin-bottom: 29px;
    }

    .noidaPracticeGeography__heading h2,
    .noidaPracticeScope__heading h2,
    .noidaPracticeEngage__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .noidaPracticeGeography__heading p,
    .noidaPracticeScope__heading p,
    .noidaPracticeEngage__heading p {
        font-size: 16px;
    }

    .noidaPracticeGeography__grid,
    .noidaPracticeScope__credentials,
    .noidaPracticeEngage__steps {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .noidaPracticeScope__intro {
        align-items: flex-start;
        padding: 20px;
    }

    .noidaPracticeScope__framework {
        padding: 23px 20px;
    }

    .noidaPracticeScope__frameworkHeading h3 {
        font-size: 24px;
    }

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

    .noidaPracticeScope__cta {
        flex-direction: column;
        align-items: stretch;
        padding: 23px 20px;
    }

    .noidaPracticeScope__ctaActions {
        width: 100%;
    }

    .noidaPracticeScope__button {
        width: 100%;
    }

    .noidaPracticeScope__phone {
        justify-content: center;
    }

    .noidaPracticeEngage__contactPanel {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 24px 20px;
    }

    .noidaPracticeEngage__actions {
        flex-direction: column;
    }

    .noidaPracticeEngage__button,
    .noidaPracticeEngage__callButton {
        width: 100%;
    }

    .noidaPracticeEngage__contactDetails {
        padding: 10px 0 0;
        border-top: 1px solid #dce4ef;
        border-left: 0;
    }
}

@media (max-width: 390px) {
    .noidaPracticeIntro__container,
    .noidaPracticeGeography__container,
    .noidaPracticeScope__container,
    .noidaPracticeEngage__container {
        width: calc(100% - 26px);
    }

    .noidaPracticeIntro__profileHeader {
        align-items: flex-start;
        flex-direction: column;
    }

    .noidaPracticeIntro__bottomline {
        align-items: flex-start;
        flex-direction: column;
    }

    .noidaPracticeIntro__bottomline i {
        display: none;
    }

    .noidaPracticeGeography__card,
    .noidaPracticeScope__credential,
    .noidaPracticeEngage__step {
        padding: 21px 19px;
    }

    .noidaPracticeGeography__cardTop {
        align-items: flex-start;
    }

    .noidaPracticeGeography__category {
        max-width: 65%;
    }

    .noidaPracticeScope__intro {
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaPracticeIntro__button,
    .noidaPracticeGeography__card,
    .noidaPracticeGeography__link span,
    .noidaPracticeScope__button,
    .noidaPracticeEngage__callButton {
        transition: none;
    }
}

/* =========================================================
   SECTION 1: CIVIL SERVICES OFFICERS' INSTITUTE ENGAGEMENT
   Namespace: csoieEngagement
========================================================= */

.csoieEngagement,
.csoieEngagement * ,
.csoieProcess,
.csoieProcess *,
.csoieIBC,
.csoieIBC * {
    box-sizing: border-box;
}

.csoieEngagement {
    --csoie-navy: #092f62;
    --csoie-dark: #061d3d;
    --csoie-deep: #04152d;
    --csoie-gold: #b97800;
    --csoie-gold-light: #d99a16;
    --csoie-gold-bright: #f0b429;
    --csoie-muted: #59697c;
    --csoie-border: #dce4ef;

    padding: 72px 0;
    color: var(--csoie-muted);
    background:
        radial-gradient(ellipse at 92% 0%, rgba(217,154,22,.10), transparent 32%),
        linear-gradient(135deg, #fff, #f3f7fc);
    font-family: inherit;
}

.csoieEngagement__container,
.csoieProcess__container,
.csoieIBC__container {
    width: min(1220px, calc(100% - 48px));
    margin: 0 auto;
}

.csoieEngagement__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 27px;
    color: var(--csoie-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.csoieEngagement__eyebrowLine {
    width: 34px;
    height: 2px;
    background: var(--csoie-gold-light);
}

.csoieEngagement__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, .85fr);
    align-items: center;
    gap: clamp(30px, 5vw, 70px);
}

.csoieEngagement__content h2 {
    margin: 0 0 21px;
    color: var(--csoie-dark);
    font-size: clamp(32px, 3.4vw, 45px);
    font-weight: 650;
    line-height: 1.2;
    letter-spacing: -.7px;
}

.csoieEngagement__content h2 strong {
    color: var(--csoie-navy);
    font-weight: 850;
}

.csoieEngagement__content > p {
    margin: 0 0 16px;
    color: var(--csoie-muted);
    font-size: 16px;
    line-height: 1.85;
}

.csoieEngagement__content > p strong {
    color: var(--csoie-navy);
    font-weight: 850;
}

.csoieEngagement__lead {
    color: var(--csoie-dark) !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
}

.csoieEngagement__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 26px;
}

.csoieEngagement__button,
.csoieProcess__button,
.csoieIBC__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--csoie-deep) !important;
    background: linear-gradient(135deg, var(--csoie-gold-bright), var(--csoie-gold-light));
    box-shadow: 0 9px 23px rgba(185,120,0,.22);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.csoieEngagement__button:hover,
.csoieProcess__button:hover,
.csoieIBC__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(185,120,0,.3);
}

.csoieEngagement__button span,
.csoieProcess__button span,
.csoieIBC__button span {
    font-size: 20px;
}

.csoieEngagement__call {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--csoie-navy) !important;
    text-decoration: none !important;
}

.csoieEngagement__callIcon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--csoie-border);
    border-radius: 50%;
    color: var(--csoie-gold);
    background: #fff;
    font-size: 19px;
}

.csoieEngagement__call small,
.csoieEngagement__call strong {
    display: block;
    line-height: 1.5;
}

.csoieEngagement__call small {
    color: var(--csoie-muted);
    font-size: 15px;
}

.csoieEngagement__call strong {
    color: var(--csoie-navy);
    font-size: 17px;
    font-weight: 850;
}

.csoieEngagement__note {
    margin-top: 20px !important;
    padding-left: 13px;
    border-left: 2px solid var(--csoie-gold-light);
    font-size: 15px !important;
}

.csoieEngagement__panel {
    overflow: hidden;
    border: 1px solid var(--csoie-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 17px 45px rgba(4,21,45,.08);
}

.csoieEngagement__panelTop {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 25px;
    color: #fff;
    background: linear-gradient(130deg, var(--csoie-deep), var(--csoie-navy));
}

.csoieEngagement__panelMark {
    width: 58px;
    height: 58px;
    flex: 0 0 58px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240,180,41,.6);
    border-radius: 10px;
    color: var(--csoie-gold-bright);
    font-size: 22px;
    font-weight: 900;
}

.csoieEngagement__panelTop > div > span {
    display: block;
    margin-bottom: 7px;
    color: var(--csoie-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.csoieEngagement__panelTop h3 {
    margin: 0;
    color: #fff;
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.csoieEngagement__panelList {
    padding: 7px 24px 0;
}

.csoieEngagement__item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 19px 0;
    border-bottom: 1px solid #e8edf4;
}

.csoieEngagement__itemNo {
    width: 37px;
    height: 37px;
    flex: 0 0 37px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.35);
    border-radius: 8px;
    color: var(--csoie-navy);
    background: #fff8e8;
    font-size: 15px;
    font-weight: 900;
}

.csoieEngagement__item h4 {
    margin: 0 0 6px;
    color: var(--csoie-dark);
    font-size: 18px;
    font-weight: 850;
    line-height: 1.45;
}

.csoieEngagement__item p {
    margin: 0;
    color: var(--csoie-muted);
    font-size: 15px;
    line-height: 1.7;
}

.csoieEngagement__panelLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 20px 24px 24px;
    padding: 15px 17px;
    border: 1px solid var(--csoie-border);
    border-radius: 8px;
    color: var(--csoie-navy) !important;
    background: #f7f9fc;
    font-size: 15px;
    font-weight: 850;
    text-decoration: none !important;
}

.csoieEngagement__panelLink span {
    color: var(--csoie-gold);
    font-size: 20px;
}


/* =========================================================
   SECTION 2: ENGAGEMENT PROCESS
   Namespace: csoieProcess
========================================================= */

.csoieProcess {
    --csoip-navy: #092f62;
    --csoip-dark: #061d3d;
    --csoip-deep: #04152d;
    --csoip-gold: #b97800;
    --csoip-gold-light: #d99a16;
    --csoip-gold-bright: #f0b429;
    --csoip-muted: #59697c;
    --csoip-border: #dce4ef;

    padding: 78px 0;
    color: var(--csoip-muted);
    background: #fff;
    font-family: inherit;
}

.csoieProcess__heading {
    max-width: 840px;
    margin: 0 auto 40px;
    text-align: center;
}

.csoieProcess__eyebrow,
.csoieIBC__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--csoip-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.csoieProcess__heading h2,
.csoieIBC__heading h2 {
    margin: 0 0 16px;
    color: var(--csoip-dark);
    font-size: clamp(30px, 3vw, 42px);
    font-weight: 650;
    line-height: 1.22;
    letter-spacing: -.6px;
}

.csoieProcess__heading h2 strong,
.csoieIBC__heading h2 strong {
    color: var(--csoip-navy);
    font-weight: 850;
}

.csoieProcess__heading p,
.csoieIBC__heading p {
    max-width: 780px;
    margin: 0 auto;
    color: var(--csoip-muted);
    font-size: 17px;
    line-height: 1.8;
}

.csoieProcess__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.csoieProcess__card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 26px 24px;
    border: 1px solid var(--csoip-border);
    border-radius: 11px;
    background: linear-gradient(150deg, #fff, #f7f9fc);
    box-shadow: 0 8px 24px rgba(4,21,45,.04);
    transition: transform .2s ease, box-shadow .2s ease;
}

.csoieProcess__card:hover {
    transform: translateY(-4px);
    box-shadow: 0 15px 32px rgba(4,21,45,.08);
}

.csoieProcess__cardTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 22px;
}

.csoieProcess__number {
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--csoip-gold-bright);
    background: var(--csoip-navy);
    font-size: 18px;
    font-weight: 900;
}

.csoieProcess__tag {
    color: var(--csoip-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.csoieProcess__card h3 {
    margin: 0 0 12px;
    color: var(--csoip-dark);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.csoieProcess__card p {
    margin: 0 0 17px;
    color: var(--csoip-muted);
    font-size: 16px;
    line-height: 1.8;
}

.csoieProcess__card p strong {
    color: var(--csoip-navy);
    font-weight: 850;
}

.csoieProcess__card ul {
    margin: auto 0 0;
    padding: 16px 0 0;
    border-top: 1px solid var(--csoip-border);
    list-style: none;
}

.csoieProcess__card li {
    position: relative;
    margin: 0 0 11px;
    padding-left: 22px;
    color: var(--csoip-muted);
    font-size: 15px;
    line-height: 1.65;
}

.csoieProcess__card li:last-child {
    margin-bottom: 0;
}

.csoieProcess__card li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--csoip-gold-light);
}

.csoieProcess__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 32px;
    padding: 28px 30px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 12px;
    background: linear-gradient(125deg, #f4f7fc, #fffaf0);
}

.csoieProcess__bottomContent {
    flex: 1;
    min-width: 0;
}

.csoieProcess__bottomContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--csoip-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.csoieProcess__bottomContent h3 {
    margin: 0 0 8px;
    color: var(--csoip-dark);
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.csoieProcess__bottomContent p {
    margin: 0;
    color: var(--csoip-muted);
    font-size: 16px;
    line-height: 1.75;
}

.csoieProcess__bottomActions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
    flex: 0 0 auto;
}

.csoieProcess__phone,
.csoieIBC__phone {
    display: inline-flex;
    justify-content: center;
    padding: 9px 10px;
    color: var(--csoip-navy) !important;
    font-size: 16px;
    font-weight: 850;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 3: UNDERSTANDING IBC STATUS
   Namespace: csoieIBC
========================================================= */

.csoieIBC {
    --csoib-navy: #092f62;
    --csoib-dark: #061d3d;
    --csoib-deep: #04152d;
    --csoib-gold: #b97800;
    --csoib-gold-light: #d99a16;
    --csoib-gold-bright: #f0b429;
    --csoib-muted: #59697c;
    --csoib-border: #dce4ef;

    padding: 78px 0;
    color: var(--csoib-muted);
    background: linear-gradient(145deg, #f4f7fc, #fff);
    font-family: inherit;
}

.csoieIBC__heading {
    max-width: 870px;
    margin: 0 auto 32px;
    text-align: center;
}

.csoieIBC__eyebrow {
    color: var(--csoib-gold);
}

.csoieIBC__heading h2 {
    color: var(--csoib-dark);
}

.csoieIBC__heading h2 strong {
    color: var(--csoib-navy);
}

.csoieIBC__heading p {
    color: var(--csoib-muted);
}

.csoieIBC__notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    max-width: 1020px;
    margin: 0 auto 28px;
    padding: 21px 23px;
    border: 1px solid rgba(217,154,22,.4);
    border-left: 4px solid var(--csoib-gold-light);
    border-radius: 10px;
    background: #fffaf0;
}

.csoieIBC__noticeIcon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--csoib-gold-bright);
    background: var(--csoib-navy);
    font-size: 18px;
    font-weight: 900;
}

.csoieIBC__notice strong {
    display: block;
    margin-bottom: 5px;
    color: var(--csoib-navy);
    font-size: 17px;
    font-weight: 850;
    line-height: 1.5;
}

.csoieIBC__notice p {
    margin: 0;
    color: var(--csoib-muted);
    font-size: 16px;
    line-height: 1.8;
}

.csoieIBC__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.csoieIBC__card {
    position: relative;
    min-width: 0;
    padding: 26px 24px;
    border: 1px solid var(--csoib-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(4,21,45,.045);
    transition: transform .2s ease, box-shadow .2s ease;
}

.csoieIBC__card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    border-radius: 11px 11px 0 0;
    background: linear-gradient(90deg, var(--csoib-navy), var(--csoib-gold-light));
}

.csoieIBC__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 32px rgba(4,21,45,.08);
}

.csoieIBC__step {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 43px;
    height: 43px;
    margin-bottom: 18px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 9px;
    color: var(--csoib-navy);
    background: #fff8e8;
    font-size: 17px;
    font-weight: 900;
}

.csoieIBC__card h3 {
    margin: 0 0 14px;
    color: var(--csoib-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.csoieIBC__card h3 strong {
    color: var(--csoib-navy);
    font-weight: 850;
}

.csoieIBC__card p {
    margin: 0 0 14px;
    color: var(--csoib-muted);
    font-size: 16px;
    line-height: 1.8;
}

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

.csoieIBC__card p strong {
    color: var(--csoib-navy);
    font-weight: 850;
}

.csoieIBC__card ul {
    margin: 13px 0 0;
    padding: 15px 0 0;
    border-top: 1px solid var(--csoib-border);
    list-style: none;
}

.csoieIBC__card li {
    position: relative;
    margin-bottom: 10px;
    padding-left: 22px;
    color: var(--csoib-muted);
    font-size: 15px;
    line-height: 1.65;
}

.csoieIBC__card li:last-child {
    margin-bottom: 0;
}

.csoieIBC__card li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--csoib-gold-light);
}

.csoieIBC__checklist {
    margin-top: 32px;
    padding: 28px;
    border-radius: 12px;
    color: #fff;
    background: linear-gradient(130deg, var(--csoib-deep), var(--csoib-navy));
}

.csoieIBC__checklistHeading {
    margin-bottom: 23px;
}

.csoieIBC__checklistHeading > span {
    display: block;
    margin-bottom: 8px;
    color: var(--csoib-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .8px;
}

.csoieIBC__checklistHeading h3 {
    margin: 0;
    color: #fff;
    font-size: 25px;
    font-weight: 850;
    line-height: 1.4;
}

.csoieIBC__checklistGrid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
}

.csoieIBC__check {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 17px;
    border: 1px solid rgba(255,255,255,.15);
    border-radius: 9px;
    background: rgba(255,255,255,.055);
}

.csoieIBC__check > span {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--csoib-deep);
    background: var(--csoib-gold-bright);
    font-size: 16px;
    font-weight: 900;
}

.csoieIBC__check p {
    margin: 0;
    color: #e4ebf5;
    font-size: 15px;
    line-height: 1.75;
}

.csoieIBC__check p strong {
    color: #fff;
    font-weight: 850;
}

.csoieIBC__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 28px;
    margin-top: 30px;
    padding: 29px 30px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 12px;
    background: #fff;
}

.csoieIBC__ctaContent {
    flex: 1;
    min-width: 0;
}

.csoieIBC__ctaContent > span {
    display: block;
    margin-bottom: 8px;
    color: var(--csoib-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.csoieIBC__ctaContent h3 {
    margin: 0 0 10px;
    color: var(--csoib-dark);
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.csoieIBC__ctaContent p {
    margin: 0;
    color: var(--csoib-muted);
    font-size: 16px;
    line-height: 1.8;
}

.csoieIBC__ctaActions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
    flex: 0 0 auto;
}

.csoieIBC__phone {
    color: var(--csoib-navy) !important;
}


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

@media (max-width: 1020px) {
    .csoieEngagement__layout {
        grid-template-columns: minmax(0, 1fr) minmax(290px, .9fr);
        gap: 28px;
    }

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

    .csoieProcess__card:last-child,
    .csoieIBC__card:last-child {
        grid-column: 1 / -1;
    }

    .csoieProcess__bottom,
    .csoieIBC__cta {
        align-items: flex-start;
    }
}

@media (max-width: 760px) {
    .csoieEngagement,
    .csoieProcess,
    .csoieIBC {
        padding: 54px 0;
    }

    .csoieEngagement__container,
    .csoieProcess__container,
    .csoieIBC__container {
        width: calc(100% - 32px);
    }

    .csoieEngagement__layout {
        grid-template-columns: 1fr;
        gap: 28px;
    }

    .csoieEngagement__content h2 {
        font-size: clamp(31px, 7vw, 38px);
    }

    .csoieEngagement__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .csoieEngagement__button,
    .csoieProcess__button,
    .csoieIBC__button {
        width: 100%;
    }

    .csoieEngagement__call {
        align-self: flex-start;
    }

    .csoieProcess__heading,
    .csoieIBC__heading {
        margin-bottom: 29px;
    }

    .csoieProcess__heading h2,
    .csoieIBC__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .csoieProcess__heading p,
    .csoieIBC__heading p {
        font-size: 16px;
    }

    .csoieProcess__grid,
    .csoieIBC__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .csoieProcess__card:last-child,
    .csoieIBC__card:last-child {
        grid-column: auto;
    }

    .csoieProcess__bottom,
    .csoieIBC__cta {
        flex-direction: column;
        align-items: stretch;
        padding: 23px 20px;
    }

    .csoieProcess__bottomActions,
    .csoieIBC__ctaActions {
        width: 100%;
    }

    .csoieProcess__phone,
    .csoieIBC__phone {
        justify-content: center;
    }

    .csoieIBC__checklist {
        padding: 23px 19px;
    }

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

    .csoieIBC__notice {
        padding: 18px;
    }
}

@media (max-width: 390px) {
    .csoieEngagement__container,
    .csoieProcess__container,
    .csoieIBC__container {
        width: calc(100% - 26px);
    }

    .csoieEngagement__panelTop {
        align-items: flex-start;
        flex-direction: column;
    }

    .csoieEngagement__panelList {
        padding-right: 18px;
        padding-left: 18px;
    }

    .csoieEngagement__panelLink {
        margin-right: 18px;
        margin-left: 18px;
    }

    .csoieProcess__card,
    .csoieIBC__card {
        padding: 22px 19px;
    }

    .csoieIBC__notice {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (prefers-reduced-motion: reduce) {
    .csoieEngagement__button,
    .csoieProcess__button,
    .csoieIBC__button,
    .csoieProcess__card,
    .csoieIBC__card {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — INTRODUCTION
   Namespace: jaypeeSCIntro
========================================================= */

.jaypeeSCIntro,
.jaypeeSCIntro *,
.jaypeeSCTimeline,
.jaypeeSCTimeline *,
.jaypeeSCAction,
.jaypeeSCAction * {
    box-sizing: border-box;
}

.jaypeeSCIntro {
    --jpi-navy: #092f62;
    --jpi-dark: #061d3d;
    --jpi-deep: #04152d;
    --jpi-gold: #b97800;
    --jpi-gold-light: #d99a16;
    --jpi-gold-bright: #f0b429;
    --jpi-text: #293b51;
    --jpi-muted: #59697c;
    --jpi-border: #dce4ef;

    padding: 70px 0;
    color: var(--jpi-text);
    background:
        radial-gradient(ellipse at 95% 0%, rgba(217,154,22,.10), transparent 35%),
        linear-gradient(135deg, #fff, #f4f7fc);
    font-family: inherit;
}

.jaypeeSCIntro__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.jaypeeSCIntro__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 29px;
    color: var(--jpi-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.jaypeeSCIntro__eyebrow i {
    width: 28px;
    height: 2px;
    background: var(--jpi-gold-light);
}

.jaypeeSCIntro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(310px, .8fr);
    gap: clamp(32px, 5vw, 68px);
    align-items: center;
}

.jaypeeSCIntro__content {
    min-width: 0;
}

.jaypeeSCIntro__kicker,
.jaypeeSCTimeline__eyebrow,
.jaypeeSCAction__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--jpi-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.jaypeeSCIntro__content h2 {
    margin: 0 0 21px;
    color: var(--jpi-dark);
    font-size: clamp(32px, 4vw, 47px);
    font-weight: 650;
    line-height: 1.17;
    letter-spacing: -.7px;
}

.jaypeeSCIntro__content h2 strong {
    color: var(--jpi-navy);
    font-weight: 900;
}

.jaypeeSCIntro__content > p {
    margin: 0 0 17px;
    color: var(--jpi-muted);
    font-size: 16px;
    line-height: 1.85;
}

.jaypeeSCIntro__content > p strong {
    color: var(--jpi-navy);
    font-weight: 850;
}

.jaypeeSCIntro__lead {
    color: var(--jpi-dark) !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
}

.jaypeeSCIntro__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 26px;
}

.jaypeeSCIntro__button,
.jaypeeSCAction__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--jpi-deep) !important;
    background: linear-gradient(135deg, var(--jpi-gold-bright), var(--jpi-gold-light));
    box-shadow: 0 9px 24px rgba(185,120,0,.22);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.jaypeeSCIntro__button:hover,
.jaypeeSCAction__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 29px rgba(185,120,0,.3);
}

.jaypeeSCIntro__phone {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--jpi-navy) !important;
    text-decoration: none !important;
}

.jaypeeSCIntro__phoneIcon {
    width: 45px;
    height: 45px;
    flex: 0 0 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--jpi-border);
    border-radius: 50%;
    color: var(--jpi-gold);
    background: #fff;
    font-size: 19px;
}

.jaypeeSCIntro__phone small,
.jaypeeSCIntro__phone strong {
    display: block;
    line-height: 1.55;
}

.jaypeeSCIntro__phone small {
    color: var(--jpi-muted);
    font-size: 15px;
}

.jaypeeSCIntro__phone strong {
    color: var(--jpi-navy);
    font-size: 17px;
    font-weight: 900;
}

.jaypeeSCIntro__note {
    margin-top: 22px !important;
    padding-left: 14px;
    border-left: 3px solid var(--jpi-gold-light);
    font-size: 15px !important;
}

.jaypeeSCIntro__summary {
    overflow: hidden;
    padding: 27px;
    border: 1px solid var(--jpi-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 18px 46px rgba(4,21,45,.08);
}

.jaypeeSCIntro__summaryTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 20px;
}

.jaypeeSCIntro__summaryTag {
    padding: 7px 11px;
    border-radius: 5px;
    color: var(--jpi-gold);
    background: #fff5dd;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.4;
    letter-spacing: .5px;
}

.jaypeeSCIntro__summaryDate {
    color: var(--jpi-muted);
    font-size: 15px;
    font-weight: 850;
}

.jaypeeSCIntro__summary h3 {
    margin: 0 0 21px;
    color: var(--jpi-dark);
    font-size: 24px;
    font-weight: 850;
    line-height: 1.4;
}

.jaypeeSCIntro__summaryItem {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 16px 0;
    border-top: 1px solid #e8edf4;
}

.jaypeeSCIntro__summaryNo {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e9d5a8;
    border-radius: 8px;
    color: var(--jpi-navy);
    background: #fffaf0;
    font-size: 15px;
    font-weight: 900;
}

.jaypeeSCIntro__summaryItem strong {
    display: block;
    margin-bottom: 5px;
    color: var(--jpi-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.jaypeeSCIntro__summaryItem p {
    margin: 0;
    color: var(--jpi-muted);
    font-size: 15px;
    line-height: 1.75;
}

.jaypeeSCIntro__sourceLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: 14px;
    padding: 15px 16px;
    border-radius: 7px;
    color: #fff !important;
    background: var(--jpi-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
}

.jaypeeSCIntro__sourceLink span {
    color: var(--jpi-gold-bright);
    font-size: 19px;
}

.jaypeeSCIntro__sourceLink:hover {
    background: var(--jpi-dark);
}


/* =========================================================
   SECTION 2 — SUPREME COURT TIMELINE
   Namespace: jaypeeSCTimeline
========================================================= */

.jaypeeSCTimeline {
    --jpt-navy: #092f62;
    --jpt-dark: #061d3d;
    --jpt-deep: #04152d;
    --jpt-gold: #b97800;
    --jpt-gold-light: #d99a16;
    --jpt-gold-bright: #f0b429;
    --jpt-text: #293b51;
    --jpt-muted: #59697c;
    --jpt-border: #dce4ef;

    padding: 76px 0;
    color: var(--jpt-text);
    background: #fff;
    font-family: inherit;
}

.jaypeeSCTimeline__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.jaypeeSCTimeline__heading {
    max-width: 820px;
    margin: 0 auto 39px;
    text-align: center;
}

.jaypeeSCTimeline__heading h2,
.jaypeeSCAction__heading h2 {
    margin: 0 0 15px;
    color: var(--jpt-dark);
    font-size: clamp(30px, 3.3vw, 42px);
    font-weight: 650;
    line-height: 1.23;
    letter-spacing: -.5px;
}

.jaypeeSCTimeline__heading h2 strong,
.jaypeeSCAction__heading h2 strong {
    color: var(--jpt-navy);
    font-weight: 900;
}

.jaypeeSCTimeline__heading p,
.jaypeeSCAction__heading p {
    margin: 0;
    color: var(--jpt-muted);
    font-size: 16px;
    line-height: 1.85;
}

.jaypeeSCTimeline__list {
    display: flex;
    flex-direction: column;
    gap: 21px;
}

.jaypeeSCTimeline__card {
    display: grid;
    grid-template-columns: 95px minmax(0, 1fr);
    gap: 25px;
    padding: 27px;
    border: 1px solid var(--jpt-border);
    border-radius: 12px;
    background: linear-gradient(135deg, #fff, #f8fafd);
    box-shadow: 0 7px 24px rgba(4,21,45,.04);
}

.jaypeeSCTimeline__date {
    width: 83px;
    height: 98px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: #fff;
    background: linear-gradient(145deg, var(--jpt-deep), var(--jpt-navy));
}

.jaypeeSCTimeline__date > span {
    color: var(--jpt-gold-bright);
    font-size: 29px;
    font-weight: 900;
    line-height: 1.1;
}

.jaypeeSCTimeline__date > strong {
    margin-top: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 900;
    letter-spacing: 1px;
}

.jaypeeSCTimeline__date > small {
    margin-top: 3px;
    color: #dce6f4;
    font-size: 15px;
    font-weight: 750;
}

.jaypeeSCTimeline__date--current {
    border: 1px solid rgba(217,154,22,.5);
}

.jaypeeSCTimeline__body {
    min-width: 0;
}

.jaypeeSCTimeline__label {
    display: inline-block;
    margin-bottom: 8px;
    color: var(--jpt-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .7px;
}

.jaypeeSCTimeline__body h3 {
    margin: 0 0 13px;
    color: var(--jpt-dark);
    font-size: 23px;
    font-weight: 650;
    line-height: 1.4;
}

.jaypeeSCTimeline__body h3 strong {
    color: var(--jpt-navy);
    font-weight: 900;
}

.jaypeeSCTimeline__body p {
    margin: 0 0 13px;
    color: var(--jpt-muted);
    font-size: 16px;
    line-height: 1.8;
}

.jaypeeSCTimeline__body p strong {
    color: var(--jpt-navy);
    font-weight: 850;
}

.jaypeeSCTimeline__link {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 4px;
    padding-bottom: 3px;
    border-bottom: 1px solid rgba(185,120,0,.4);
    color: var(--jpt-navy) !important;
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    text-decoration: none !important;
}

.jaypeeSCTimeline__link span {
    color: var(--jpt-gold);
    font-size: 18px;
}

.jaypeeSCTimeline__link:hover {
    color: var(--jpt-gold) !important;
}

.jaypeeSCTimeline__notice {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 27px;
    padding: 22px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 10px;
    background: #fffaf0;
}

.jaypeeSCTimeline__noticeIcon {
    width: 33px;
    height: 33px;
    flex: 0 0 33px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--jpt-navy);
    font-size: 18px;
    font-weight: 900;
}

.jaypeeSCTimeline__notice strong {
    display: block;
    margin-bottom: 6px;
    color: var(--jpt-dark);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.6;
}

.jaypeeSCTimeline__notice p {
    margin: 0;
    color: var(--jpt-muted);
    font-size: 15px;
    line-height: 1.8;
}


/* =========================================================
   SECTION 3 — DOCUMENTS & VALUATION CTA
   Namespace: jaypeeSCAction
========================================================= */

.jaypeeSCAction {
    --jpa-navy: #092f62;
    --jpa-dark: #061d3d;
    --jpa-deep: #04152d;
    --jpa-gold: #b97800;
    --jpa-gold-light: #d99a16;
    --jpa-gold-bright: #f0b429;
    --jpa-text: #293b51;
    --jpa-muted: #59697c;
    --jpa-border: #dce4ef;

    padding: 76px 0 80px;
    color: var(--jpa-text);
    background: linear-gradient(145deg, #f4f7fc, #fff);
    font-family: inherit;
}

.jaypeeSCAction__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.jaypeeSCAction__heading {
    max-width: 820px;
    margin: 0 auto 38px;
    text-align: center;
}

.jaypeeSCAction__heading h2 {
    color: var(--jpa-dark);
}

.jaypeeSCAction__heading h2 strong {
    color: var(--jpa-navy);
}

.jaypeeSCAction__heading p {
    color: var(--jpa-muted);
}

.jaypeeSCAction__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.05fr) minmax(310px, .95fr);
    gap: 24px;
    align-items: start;
}

.jaypeeSCAction__checklist {
    padding: 28px;
    border: 1px solid var(--jpa-border);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 26px rgba(4,21,45,.04);
}

.jaypeeSCAction__checklist h3 {
    margin: 0 0 9px;
    color: var(--jpa-dark);
    font-size: 25px;
    font-weight: 900;
    line-height: 1.4;
}

.jaypeeSCAction__checklist > p {
    margin: 0 0 22px;
    color: var(--jpa-muted);
    font-size: 16px;
    line-height: 1.8;
}

.jaypeeSCAction__list {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin: 0;
    padding: 0;
    list-style: none;
}

.jaypeeSCAction__list li {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 17px 0;
    border-top: 1px solid #e8edf4;
}

.jaypeeSCAction__list li > span {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--jpa-navy);
    background: #fff3d5;
    font-size: 17px;
    font-weight: 900;
}

.jaypeeSCAction__list li strong {
    display: block;
    margin-bottom: 5px;
    color: var(--jpa-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.55;
}

.jaypeeSCAction__list li p {
    margin: 0;
    color: var(--jpa-muted);
    font-size: 15px;
    line-height: 1.75;
}

.jaypeeSCAction__valuation {
    padding: 29px;
    border: 1px solid rgba(217,154,22,.42);
    border-radius: 12px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.12), transparent 35%),
        #fff;
    box-shadow: 0 10px 29px rgba(4,21,45,.06);
}

.jaypeeSCAction__valuationTag {
    display: inline-block;
    margin-bottom: 14px;
    padding: 7px 10px;
    border-radius: 5px;
    color: var(--jpa-gold);
    background: #fff5dd;
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .6px;
}

.jaypeeSCAction__valuation h3 {
    margin: 0 0 14px;
    color: var(--jpa-dark);
    font-size: 26px;
    font-weight: 650;
    line-height: 1.35;
}

.jaypeeSCAction__valuation h3 strong {
    color: var(--jpa-navy);
    font-weight: 900;
}

.jaypeeSCAction__valuation > p {
    margin: 0 0 18px;
    color: var(--jpa-muted);
    font-size: 16px;
    line-height: 1.8;
}

.jaypeeSCAction__useCases {
    margin: 20px 0 23px;
    border-top: 1px solid var(--jpa-border);
}

.jaypeeSCAction__useCases > div {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 13px 0;
    border-bottom: 1px solid var(--jpa-border);
}

.jaypeeSCAction__useCases span {
    color: var(--jpa-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.7;
}

.jaypeeSCAction__useCases p {
    margin: 0;
    color: var(--jpa-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.7;
}

.jaypeeSCAction__button {
    width: 100%;
}

.jaypeeSCAction__call {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 13px;
    padding: 12px;
    border: 1px solid var(--jpa-navy);
    border-radius: 8px;
    color: #fff !important;
    background: var(--jpa-navy);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    text-decoration: none !important;
    transition: background .2s ease;
}

.jaypeeSCAction__call:hover {
    background: var(--jpa-dark);
}

.jaypeeSCAction__valuation .jaypeeSCAction__smallNote {
    margin: 17px 0 0;
    padding-top: 14px;
    border-top: 1px solid var(--jpa-border);
    color: var(--jpa-muted);
    font-size: 15px;
    line-height: 1.75;
}

.jaypeeSCAction__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 30px;
    padding: 25px 28px;
    border-radius: 11px;
    color: #fff;
    background: linear-gradient(125deg, var(--jpa-deep), var(--jpa-navy));
}

.jaypeeSCAction__footer > div {
    min-width: 0;
}

.jaypeeSCAction__footerEyebrow {
    display: block;
    margin-bottom: 6px;
    color: var(--jpa-gold-bright);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .7px;
}

.jaypeeSCAction__footer h3 {
    margin: 0 0 7px;
    color: #fff;
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.jaypeeSCAction__footer p {
    margin: 0;
    color: #e0e8f4;
    font-size: 15px;
    line-height: 1.75;
}

.jaypeeSCAction__officialLink {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 49px;
    padding: 13px 17px;
    border: 1px solid var(--jpa-gold-bright);
    border-radius: 7px;
    color: var(--jpa-deep) !important;
    background: var(--jpa-gold-bright);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    text-decoration: none !important;
}

.jaypeeSCAction__officialLink:hover {
    background: var(--jpa-gold-light);
}

.jaypeeSCAction__disclaimer {
    margin: 22px 0 0;
    color: var(--jpa-muted);
    font-size: 15px;
    line-height: 1.8;
}


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

@media (max-width: 1000px) {
    .jaypeeSCIntro__grid {
        grid-template-columns: minmax(0, 1.05fr) minmax(290px, .95fr);
        gap: 28px;
    }

    .jaypeeSCAction__grid {
        grid-template-columns: 1fr 1fr;
        gap: 18px;
    }

    .jaypeeSCAction__checklist,
    .jaypeeSCAction__valuation {
        padding: 23px;
    }

    .jaypeeSCAction__footer {
        align-items: flex-start;
    }
}

@media (max-width: 760px) {
    .jaypeeSCIntro,
    .jaypeeSCTimeline,
    .jaypeeSCAction {
        padding: 52px 0 56px;
    }

    .jaypeeSCIntro__container,
    .jaypeeSCTimeline__container,
    .jaypeeSCAction__container {
        width: calc(100% - 32px);
    }

    .jaypeeSCIntro__grid,
    .jaypeeSCAction__grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .jaypeeSCIntro__content h2 {
        font-size: clamp(31px, 7vw, 39px);
    }

    .jaypeeSCIntro__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .jaypeeSCIntro__button {
        width: 100%;
    }

    .jaypeeSCIntro__phone {
        align-self: flex-start;
    }

    .jaypeeSCIntro__summary {
        padding: 23px;
    }

    .jaypeeSCTimeline__heading,
    .jaypeeSCAction__heading {
        margin-bottom: 29px;
    }

    .jaypeeSCTimeline__heading h2,
    .jaypeeSCAction__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .jaypeeSCTimeline__card {
        grid-template-columns: 1fr;
        gap: 18px;
        padding: 22px;
    }

    .jaypeeSCTimeline__date {
        width: auto;
        height: auto;
        min-height: 46px;
        flex-direction: row;
        justify-content: flex-start;
        gap: 8px;
        padding: 9px 12px;
        border-radius: 7px;
    }

    .jaypeeSCTimeline__date > span {
        font-size: 23px;
    }

    .jaypeeSCTimeline__date > strong,
    .jaypeeSCTimeline__date > small {
        margin-top: 0;
    }

    .jaypeeSCTimeline__body h3 {
        font-size: 21px;
    }

    .jaypeeSCTimeline__notice {
        padding: 18px;
    }

    .jaypeeSCAction__checklist,
    .jaypeeSCAction__valuation {
        padding: 23px 20px;
    }

    .jaypeeSCAction__footer {
        align-items: stretch;
        flex-direction: column;
        padding: 23px 20px;
    }

    .jaypeeSCAction__officialLink {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .jaypeeSCIntro__container,
    .jaypeeSCTimeline__container,
    .jaypeeSCAction__container {
        width: calc(100% - 26px);
    }

    .jaypeeSCIntro__eyebrow {
        gap: 8px;
        font-size: 15px;
    }

    .jaypeeSCIntro__summaryTop {
        align-items: flex-start;
        flex-direction: column;
    }

    .jaypeeSCIntro__summary h3,
    .jaypeeSCAction__valuation h3 {
        font-size: 23px;
    }

    .jaypeeSCTimeline__card {
        padding: 18px;
    }

    .jaypeeSCTimeline__notice {
        flex-direction: column;
    }

    .jaypeeSCAction__checklist h3 {
        font-size: 23px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .jaypeeSCIntro__button,
    .jaypeeSCAction__button,
    .jaypeeSCAction__call {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — HERO
   Unique namespace: csoi55Hero
========================================================= */

.csoi55Hero,
.csoi55Hero *,
.csoi55Guide,
.csoi55Guide *,
.csoi55Checklist,
.csoi55Checklist * {
    box-sizing: border-box;
}

.csoi55Hero {
    --c55h-navy: #092f62;
    --c55h-dark: #061d3d;
    --c55h-deep: #04152d;
    --c55h-gold: #b97800;
    --c55h-gold-light: #d99a16;
    --c55h-gold-bright: #f0b429;
    --c55h-muted: #59697c;
    --c55h-border: #dce4ef;

    padding: 66px 0 56px;
    color: var(--c55h-dark);
    background:
        radial-gradient(ellipse at 95% 5%, rgba(217,154,22,.10), transparent 33%),
        linear-gradient(135deg, #fff 0%, #f3f7fc 100%);
    font-family: inherit;
}

.csoi55Hero__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.csoi55Hero__eyebrow {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 30px;
    color: var(--c55h-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.6;
    letter-spacing: 1px;
}

.csoi55Hero__eyebrowLine {
    width: 29px;
    height: 2px;
    background: var(--c55h-gold-light);
}

.csoi55Hero__eyebrowDivider {
    color: var(--c55h-gold);
}

.csoi55Hero__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, .8fr);
    align-items: center;
    gap: clamp(32px, 5vw, 72px);
}

.csoi55Hero__content {
    min-width: 0;
}

.csoi55Hero__tag,
.csoi55Guide__eyebrow,
.csoi55Checklist__eyebrow {
    display: inline-block;
    margin-bottom: 13px;
    color: var(--c55h-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.csoi55Hero h1 {
    margin: 0 0 19px;
    color: var(--c55h-dark);
    font-size: clamp(34px, 4vw, 50px);
    font-weight: 650;
    line-height: 1.15;
    letter-spacing: -1px;
}

.csoi55Hero h1 strong {
    display: block;
    color: var(--c55h-navy);
    font-weight: 900;
}

.csoi55Hero h1 > span {
    display: block;
    margin-top: 6px;
}

.csoi55Hero__lead {
    margin: 0 0 16px;
    color: var(--c55h-navy);
    font-size: 19px;
    font-weight: 600;
    line-height: 1.75;
}

.csoi55Hero__lead strong,
.csoi55Hero__description strong,
.csoi55Hero__note strong {
    color: var(--c55h-navy);
    font-weight: 850;
}

.csoi55Hero__description {
    margin: 0;
    color: var(--c55h-muted);
    font-size: 16px;
    line-height: 1.85;
}

.csoi55Hero__highlights {
    display: grid;
    grid-template-columns: 1fr;
    gap: 11px;
    margin-top: 25px;
}

.csoi55Hero__highlight {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 14px 16px;
    border: 1px solid var(--c55h-border);
    border-radius: 9px;
    background: rgba(255,255,255,.86);
}

.csoi55Hero__highlight > span {
    width: 38px;
    height: 38px;
    flex: 0 0 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    color: var(--c55h-gold-bright);
    background: var(--c55h-navy);
    font-size: 16px;
    font-weight: 900;
}

.csoi55Hero__highlight strong,
.csoi55Hero__highlight small {
    display: block;
    line-height: 1.55;
}

.csoi55Hero__highlight strong {
    color: var(--c55h-navy);
    font-size: 16px;
    font-weight: 850;
}

.csoi55Hero__highlight small {
    margin-top: 3px;
    color: var(--c55h-muted);
    font-size: 15px;
}

.csoi55Hero__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 25px;
}

.csoi55Hero__button,
.csoi55Guide__button,
.csoi55Checklist__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--c55h-deep) !important;
    background: linear-gradient(135deg, var(--c55h-gold-bright), var(--c55h-gold-light));
    box-shadow: 0 9px 22px rgba(185,120,0,.22);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.csoi55Hero__button:hover,
.csoi55Guide__button:hover,
.csoi55Checklist__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 27px rgba(185,120,0,.3);
}

.csoi55Hero__button span,
.csoi55Guide__button span,
.csoi55Checklist__button span {
    font-size: 20px;
}

.csoi55Hero__call {
    display: flex;
    align-items: center;
    gap: 11px;
    color: var(--c55h-navy) !important;
    text-decoration: none !important;
}

.csoi55Hero__callIcon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--c55h-border);
    border-radius: 50%;
    color: var(--c55h-gold);
    background: #fff;
    font-size: 19px;
}

.csoi55Hero__call small,
.csoi55Hero__call strong {
    display: block;
    line-height: 1.5;
}

.csoi55Hero__call small {
    color: var(--c55h-muted);
    font-size: 15px;
}

.csoi55Hero__call strong {
    color: var(--c55h-navy);
    font-size: 17px;
    font-weight: 900;
}

.csoi55Hero__note {
    margin: 23px 0 0;
    padding-top: 17px;
    border-top: 1px solid var(--c55h-border);
    color: var(--c55h-muted);
    font-size: 15px;
    line-height: 1.75;
}

.csoi55Hero__side {
    min-width: 0;
    padding: 30px;
    border: 1px solid var(--c55h-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 18px 48px rgba(4,21,45,.08);
}

.csoi55Hero__sideTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 25px;
}

.csoi55Hero__sideLabel {
    color: var(--c55h-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .8px;
}

.csoi55Hero__sideMark {
    width: 52px;
    height: 52px;
    flex: 0 0 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.45);
    border-radius: 10px;
    color: var(--c55h-gold-bright);
    background: var(--c55h-navy);
    font-size: 20px;
    font-weight: 900;
}

.csoi55Hero__side h2 {
    margin: 0 0 14px;
    color: var(--c55h-dark);
    font-size: 27px;
    font-weight: 650;
    line-height: 1.35;
}

.csoi55Hero__side h2 strong {
    color: var(--c55h-navy);
    font-weight: 900;
}

.csoi55Hero__side > p {
    margin: 0 0 22px;
    color: var(--c55h-muted);
    font-size: 16px;
    line-height: 1.8;
}

.csoi55Hero__recordList {
    display: grid;
    gap: 13px;
    margin-bottom: 24px;
}

.csoi55Hero__recordList > div {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    color: var(--c55h-navy);
    font-size: 15px;
    font-weight: 750;
    line-height: 1.65;
}

.csoi55Hero__check {
    width: 25px;
    height: 25px;
    flex: 0 0 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--c55h-deep);
    background: #fff0c5;
    font-size: 15px;
    font-weight: 900;
}

.csoi55Hero__sideLink {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 15px 17px;
    border: 1px solid #dce4ef;
    border-radius: 8px;
    color: var(--c55h-navy) !important;
    background: #f7f9fc;
    font-size: 15px;
    font-weight: 900;
    text-decoration: none !important;
}

.csoi55Hero__sideLink span {
    color: var(--c55h-gold);
    font-size: 20px;
}

.csoi55Hero__sideLink:hover {
    border-color: var(--c55h-gold-light);
    background: #fffaf0;
}

.csoi55Hero__sideFoot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
    color: var(--c55h-muted);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.csoi55Hero__sideFoot i {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: var(--c55h-gold-light);
}


/* =========================================================
   SECTION 2 — SECTION 55(2)(b) GUIDE
   Unique namespace: csoi55Guide
========================================================= */

.csoi55Guide {
    --c55g-navy: #092f62;
    --c55g-dark: #061d3d;
    --c55g-deep: #04152d;
    --c55g-gold: #b97800;
    --c55g-gold-light: #d99a16;
    --c55g-gold-bright: #f0b429;
    --c55g-muted: #59697c;
    --c55g-border: #dce4ef;

    padding: 78px 0;
    color: var(--c55g-dark);
    background: #fff;
    font-family: inherit;
}

.csoi55Guide__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.csoi55Guide__heading {
    max-width: 880px;
    margin: 0 auto 40px;
    text-align: center;
}

.csoi55Guide__heading h2,
.csoi55Checklist__heading h2 {
    margin: 0 0 17px;
    color: var(--c55g-dark);
    font-size: clamp(30px, 3.4vw, 42px);
    font-weight: 650;
    line-height: 1.22;
    letter-spacing: -.6px;
}

.csoi55Guide__heading h2 strong,
.csoi55Checklist__heading h2 strong {
    color: var(--c55g-navy);
    font-weight: 900;
}

.csoi55Guide__heading > p,
.csoi55Checklist__heading > p {
    margin: 0;
    color: var(--c55g-muted);
    font-size: 17px;
    line-height: 1.85;
}

.csoi55Guide__heading > p strong,
.csoi55Checklist__heading > p strong {
    color: var(--c55g-navy);
    font-weight: 850;
}

.csoi55Guide__timeline {
    display: grid;
    gap: 18px;
}

.csoi55Guide__step {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr);
    gap: 22px;
    padding: 25px;
    border: 1px solid var(--c55g-border);
    border-radius: 11px;
    background: linear-gradient(120deg, #fff, #f8fafd);
    box-shadow: 0 7px 22px rgba(4,21,45,.035);
}

.csoi55Guide__stepNumber {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.45);
    border-radius: 10px;
    color: var(--c55g-gold-bright);
    background: var(--c55g-navy);
    font-size: 19px;
    font-weight: 900;
}

.csoi55Guide__stepLabel {
    display: block;
    margin-bottom: 7px;
    color: var(--c55g-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .7px;
}

.csoi55Guide__step h3 {
    margin: 0 0 10px;
    color: var(--c55g-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.csoi55Guide__stepContent > p {
    margin: 0;
    color: var(--c55g-muted);
    font-size: 16px;
    line-height: 1.85;
}

.csoi55Guide__stepContent > p strong {
    color: var(--c55g-navy);
    font-weight: 850;
}

.csoi55Guide__detail {
    display: grid;
    grid-template-columns: minmax(145px, .35fr) minmax(0, 1fr);
    gap: 15px;
    margin-top: 17px;
    padding: 14px 16px;
    border-left: 3px solid var(--c55g-gold-light);
    border-radius: 0 7px 7px 0;
    background: #fff6e1;
}

.csoi55Guide__detail strong {
    color: var(--c55g-navy);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.65;
}

.csoi55Guide__detail span {
    color: var(--c55g-muted);
    font-size: 15px;
    line-height: 1.7;
}

.csoi55Guide__important {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-top: 25px;
    padding: 22px;
    border: 1px solid #e7d5ac;
    border-radius: 10px;
    background: #fffaf0;
}

.csoi55Guide__importantIcon {
    width: 32px;
    height: 32px;
    flex: 0 0 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--c55g-navy);
    font-size: 18px;
    font-weight: 900;
}

.csoi55Guide__important strong {
    display: block;
    margin-bottom: 6px;
    color: var(--c55g-navy);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
}

.csoi55Guide__important p {
    margin: 0;
    color: var(--c55g-muted);
    font-size: 15px;
    line-height: 1.8;
}

.csoi55Guide__cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 30px;
    padding: 27px;
    border: 1px solid var(--c55g-border);
    border-radius: 12px;
    background: linear-gradient(120deg, #f4f7fc, #fff);
}

.csoi55Guide__cta > div:first-child {
    min-width: 0;
}

.csoi55Guide__cta > div:first-child > span {
    display: block;
    margin-bottom: 7px;
    color: var(--c55g-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .7px;
}

.csoi55Guide__cta h3 {
    margin: 0 0 8px;
    color: var(--c55g-dark);
    font-size: 23px;
    font-weight: 850;
    line-height: 1.4;
}

.csoi55Guide__cta p {
    margin: 0;
    color: var(--c55g-muted);
    font-size: 15px;
    line-height: 1.75;
}

.csoi55Guide__ctaActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 7px;
}

.csoi55Guide__phone {
    padding: 9px;
    color: var(--c55g-navy) !important;
    font-size: 16px;
    font-weight: 900;
    text-align: center;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 3 — DOCUMENT CHECKLIST & CONTACT
   Unique namespace: csoi55Checklist
========================================================= */

.csoi55Checklist {
    --c55c-navy: #092f62;
    --c55c-dark: #061d3d;
    --c55c-deep: #04152d;
    --c55c-gold: #b97800;
    --c55c-gold-light: #d99a16;
    --c55c-gold-bright: #f0b429;
    --c55c-muted: #59697c;
    --c55c-border: #dce4ef;

    padding: 78px 0 82px;
    color: var(--c55c-dark);
    background: linear-gradient(145deg, #f4f7fc, #fff);
    font-family: inherit;
}

.csoi55Checklist__container {
    width: min(1120px, calc(100% - 48px));
    margin: 0 auto;
}

.csoi55Checklist__heading {
    max-width: 850px;
    margin: 0 auto 38px;
    text-align: center;
}

.csoi55Checklist__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(310px, .75fr);
    align-items: start;
    gap: 28px;
}

.csoi55Checklist__list {
    display: grid;
    gap: 13px;
}

.csoi55Checklist__item {
    display: grid;
    grid-template-columns: 43px minmax(0, 1fr);
    gap: 15px;
    padding: 20px;
    border: 1px solid var(--c55c-border);
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 6px 18px rgba(4,21,45,.035);
}

.csoi55Checklist__itemNo {
    width: 41px;
    height: 41px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 8px;
    color: var(--c55c-navy);
    background: #fff6e1;
    font-size: 16px;
    font-weight: 900;
}

.csoi55Checklist__item h3 {
    margin: 0 0 7px;
    color: var(--c55c-navy);
    font-size: 18px;
    font-weight: 900;
    line-height: 1.45;
}

.csoi55Checklist__item p {
    margin: 0;
    color: var(--c55c-muted);
    font-size: 15px;
    line-height: 1.8;
}

.csoi55Checklist__contact {
    padding: 27px;
    border: 1px solid rgba(217,154,22,.45);
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 13px 32px rgba(4,21,45,.07);
}

.csoi55Checklist__contactTop {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 20px;
}

.csoi55Checklist__contactMark {
    width: 54px;
    height: 54px;
    flex: 0 0 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--c55c-gold-bright);
    background: var(--c55c-navy);
    font-size: 21px;
    font-weight: 900;
}

.csoi55Checklist__contactTop > div > span {
    display: block;
    margin-bottom: 4px;
    color: var(--c55c-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .6px;
}

.csoi55Checklist__contactTop h3 {
    margin: 0;
    color: var(--c55c-dark);
    font-size: 22px;
    font-weight: 900;
    line-height: 1.4;
}

.csoi55Checklist__contact > p:not(.csoi55Checklist__disclaimer) {
    margin: 0 0 20px;
    color: var(--c55c-muted);
    font-size: 15px;
    line-height: 1.8;
}

.csoi55Checklist__contactFact {
    padding: 14px 0;
    border-top: 1px solid #e6ebf2;
}

.csoi55Checklist__contactFact > span {
    display: block;
    margin-bottom: 5px;
    color: var(--c55c-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
}

.csoi55Checklist__contactFact > strong,
.csoi55Checklist__contactFact > a {
    display: block;
    color: var(--c55c-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.75;
    overflow-wrap: anywhere;
}

.csoi55Checklist__contactFact > a {
    text-decoration: none;
}

.csoi55Checklist__contactFact > a:hover {
    color: var(--c55c-gold);
}

.csoi55Checklist__button {
    width: 100%;
    margin-top: 15px;
}

.csoi55Checklist__call {
    min-height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 11px;
    padding: 12px 15px;
    border: 2px solid var(--c55c-navy);
    border-radius: 8px;
    color: #fff !important;
    background: var(--c55c-navy);
    font-size: 16px;
    font-weight: 900;
    line-height: 1.5;
    text-align: center;
    text-decoration: none !important;
    transition: background .2s ease;
}

.csoi55Checklist__call:hover {
    background: var(--c55c-dark);
}

.csoi55Checklist__disclaimer {
    margin: 17px 0 0;
    padding-top: 14px;
    border-top: 1px solid #e6ebf2;
    color: var(--c55c-muted);
    font-size: 15px;
    line-height: 1.75;
}


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

@media (max-width: 950px) {
    .csoi55Hero__layout {
        grid-template-columns: minmax(0, 1fr) minmax(290px, .85fr);
        gap: 27px;
    }

    .csoi55Hero__side {
        padding: 23px;
    }

    .csoi55Checklist__layout {
        grid-template-columns: minmax(0, 1fr) minmax(280px, .8fr);
        gap: 20px;
    }

    .csoi55Checklist__contact {
        padding: 22px;
    }
}

@media (max-width: 760px) {
    .csoi55Hero,
    .csoi55Guide,
    .csoi55Checklist {
        padding: 52px 0 58px;
    }

    .csoi55Hero__container,
    .csoi55Guide__container,
    .csoi55Checklist__container {
        width: calc(100% - 32px);
    }

    .csoi55Hero__layout,
    .csoi55Checklist__layout {
        grid-template-columns: 1fr;
    }

    .csoi55Hero h1 {
        font-size: clamp(32px, 8vw, 42px);
    }

    .csoi55Hero__lead {
        font-size: 17px;
    }

    .csoi55Hero__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .csoi55Hero__button {
        width: 100%;
    }

    .csoi55Hero__call {
        align-self: flex-start;
    }

    .csoi55Hero__side {
        padding: 24px;
    }

    .csoi55Guide__heading,
    .csoi55Checklist__heading {
        margin-bottom: 28px;
    }

    .csoi55Guide__heading h2,
    .csoi55Checklist__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .csoi55Guide__heading > p,
    .csoi55Checklist__heading > p {
        font-size: 16px;
    }

    .csoi55Guide__step {
        grid-template-columns: 43px minmax(0, 1fr);
        gap: 14px;
        padding: 19px;
    }

    .csoi55Guide__stepNumber {
        width: 42px;
        height: 42px;
        font-size: 16px;
    }

    .csoi55Guide__step h3 {
        font-size: 20px;
    }

    .csoi55Guide__detail {
        grid-template-columns: 1fr;
        gap: 4px;
    }

    .csoi55Guide__cta {
        align-items: stretch;
        flex-direction: column;
        padding: 22px;
    }

    .csoi55Guide__ctaActions {
        width: 100%;
    }

    .csoi55Guide__button {
        width: 100%;
    }

    .csoi55Guide__phone {
        text-align: center;
    }

    .csoi55Checklist__item {
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 12px;
        padding: 17px;
    }

    .csoi55Checklist__itemNo {
        width: 37px;
        height: 37px;
    }

    .csoi55Checklist__contact {
        padding: 23px;
    }
}

@media (max-width: 390px) {
    .csoi55Hero__container,
    .csoi55Guide__container,
    .csoi55Checklist__container {
        width: calc(100% - 26px);
    }

    .csoi55Hero__eyebrow {
        gap: 8px;
        font-size: 15px;
    }

    .csoi55Hero__side {
        padding: 19px;
    }

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

    .csoi55Guide__important {
        padding: 17px;
    }

    .csoi55Checklist__contactTop {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .csoi55Hero__button,
    .csoi55Guide__button,
    .csoi55Checklist__button,
    .csoi55Checklist__call {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — NOIDA CONVEYANCE DEED GUIDE
   Namespace: noidaDeedGuide
========================================================= */

.noidaDeedGuide,
.noidaDeedGuide *,
.noidaDeedChecklist,
.noidaDeedChecklist *,
.noidaDeedValuation,
.noidaDeedValuation * {
    box-sizing: border-box;
}

.noidaDeedGuide {
    --ndg-navy: #092f62;
    --ndg-dark: #061d3d;
    --ndg-deep: #04152d;
    --ndg-gold: #b97800;
    --ndg-gold-light: #d99a16;
    --ndg-gold-bright: #f0b429;
    --ndg-text: #293b51;
    --ndg-muted: #59697c;
    --ndg-border: #dce4ef;

    padding: 70px 0;
    color: var(--ndg-text);
    background:
        radial-gradient(ellipse at 92% 8%, rgba(217,154,22,.09), transparent 32%),
        linear-gradient(135deg, #fff, #f4f7fc);
    font-family: inherit;
}

.noidaDeedGuide__container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaDeedGuide__eyebrow {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
    color: var(--ndg-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

.noidaDeedGuide__eyebrowLine {
    width: 34px;
    height: 2px;
    background: var(--ndg-gold-light);
}

.noidaDeedGuide__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(300px, .75fr);
    align-items: start;
    gap: clamp(30px, 5vw, 68px);
}

.noidaDeedGuide__main h2 {
    margin: 0 0 21px;
    color: var(--ndg-dark);
    font-size: clamp(31px, 3.2vw, 43px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.7px;
}

.noidaDeedGuide__main h2 strong {
    color: var(--ndg-navy);
    font-weight: 850;
}

.noidaDeedGuide__main > p {
    margin: 0 0 16px;
    color: var(--ndg-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noidaDeedGuide__main > p strong {
    color: var(--ndg-navy);
    font-weight: 850;
}

.noidaDeedGuide__main > .noidaDeedGuide__lead {
    margin-bottom: 19px;
    color: var(--ndg-dark);
    font-size: 18px;
    line-height: 1.75;
}

.noidaDeedGuide__keyPoint {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin: 25px 0;
    padding: 20px;
    border: 1px solid rgba(217,154,22,.38);
    border-left: 4px solid var(--ndg-gold-light);
    border-radius: 9px;
    background: #fffaf0;
}

.noidaDeedGuide__keyPointIcon {
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--ndg-gold-bright);
    background: var(--ndg-navy);
    font-size: 18px;
    font-weight: 900;
}

.noidaDeedGuide__keyPoint strong {
    display: block;
    margin-bottom: 5px;
    color: var(--ndg-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaDeedGuide__keyPoint p {
    margin: 0;
    color: var(--ndg-muted);
    font-size: 15px;
    line-height: 1.75;
}

.noidaDeedGuide__button,
.noidaDeedChecklist__button,
.noidaDeedValuation__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--ndg-deep) !important;
    background: linear-gradient(135deg, var(--ndg-gold-bright), var(--ndg-gold-light));
    box-shadow: 0 9px 23px rgba(185,120,0,.22);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.noidaDeedGuide__button:hover,
.noidaDeedChecklist__button:hover,
.noidaDeedValuation__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(185,120,0,.3);
}

.noidaDeedGuide__button span,
.noidaDeedChecklist__button span,
.noidaDeedValuation__button span {
    font-size: 21px;
}

.noidaDeedGuide__phone {
    display: inline-flex;
    align-items: center;
    min-height: 48px;
    margin-left: 15px;
    color: var(--ndg-navy) !important;
    font-size: 16px;
    font-weight: 850;
    text-decoration: none !important;
}

.noidaDeedGuide__phone:hover {
    color: var(--ndg-gold) !important;
}

.noidaDeedGuide__side {
    overflow: hidden;
    border: 1px solid var(--ndg-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 17px 42px rgba(4,21,45,.07);
}

.noidaDeedGuide__sideTop {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 24px;
    color: #fff;
    background: linear-gradient(130deg, var(--ndg-deep), var(--ndg-navy));
}

.noidaDeedGuide__sideMark {
    width: 50px;
    height: 50px;
    flex: 0 0 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(240,180,41,.55);
    border-radius: 9px;
    color: var(--ndg-gold-bright);
    font-size: 19px;
    font-weight: 900;
}

.noidaDeedGuide__sideLabel {
    display: block;
    margin-bottom: 5px;
    color: var(--ndg-gold-bright);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.noidaDeedGuide__sideTop h3 {
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4;
}

.noidaDeedGuide__sideList {
    padding: 12px 24px 0;
}

.noidaDeedGuide__sideList > div {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px 0;
    border-bottom: 1px solid #e8edf4;
}

.noidaDeedGuide__sideList > div:last-child {
    border-bottom: 0;
}

.noidaDeedGuide__sideList > div > span {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    color: var(--ndg-navy);
    background: #edf3fb;
    font-size: 15px;
    font-weight: 900;
}

.noidaDeedGuide__sideList p {
    margin: 0;
    color: var(--ndg-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaDeedGuide__sideList strong {
    color: var(--ndg-navy);
    font-weight: 850;
}

.noidaDeedGuide__sideNote {
    margin: 0;
    padding: 18px 24px 22px;
    border-top: 1px solid #e8edf4;
    color: var(--ndg-muted);
    background: #f8fafd;
    font-size: 15px;
    line-height: 1.75;
}


/* =========================================================
   SECTION 2 — PRACTICAL DOCUMENT CHECKLIST
   Namespace: noidaDeedChecklist
========================================================= */

.noidaDeedChecklist {
    --ndc-navy: #092f62;
    --ndc-dark: #061d3d;
    --ndc-gold: #b97800;
    --ndc-gold-light: #d99a16;
    --ndc-gold-bright: #f0b429;
    --ndc-muted: #59697c;
    --ndc-border: #dce4ef;

    padding: 75px 0;
    color: #293b51;
    background: #fff;
    font-family: inherit;
}

.noidaDeedChecklist__container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaDeedChecklist__heading {
    max-width: 840px;
    margin: 0 auto 38px;
    text-align: center;
}

.noidaDeedChecklist__eyebrow,
.noidaDeedValuation__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--ndc-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1.1px;
}

.noidaDeedChecklist__heading h2,
.noidaDeedValuation__heading h2 {
    margin: 0 0 15px;
    color: var(--ndc-dark);
    font-size: clamp(30px, 3vw, 41px);
    font-weight: 600;
    line-height: 1.24;
    letter-spacing: -.6px;
}

.noidaDeedChecklist__heading h2 strong,
.noidaDeedValuation__heading h2 strong {
    color: var(--ndc-navy);
    font-weight: 850;
}

.noidaDeedChecklist__heading p,
.noidaDeedValuation__heading p {
    max-width: 790px;
    margin: 0 auto;
    color: var(--ndc-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaDeedChecklist__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
}

.noidaDeedChecklist__card {
    min-width: 0;
    padding: 25px;
    border: 1px solid var(--ndc-border);
    border-radius: 11px;
    background: linear-gradient(145deg, #fff, #f8fafd);
    box-shadow: 0 8px 25px rgba(4,21,45,.04);
    transition: transform .2s ease, box-shadow .2s ease;
}

.noidaDeedChecklist__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 14px 30px rgba(4,21,45,.08);
}

.noidaDeedChecklist__cardHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 19px;
}

.noidaDeedChecklist__number {
    width: 43px;
    height: 43px;
    flex: 0 0 43px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 9px;
    color: var(--ndc-navy);
    background: #fff7e5;
    font-size: 17px;
    font-weight: 900;
}

.noidaDeedChecklist__tag {
    color: var(--ndc-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.noidaDeedChecklist__card h3 {
    margin: 0 0 16px;
    color: var(--ndc-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.noidaDeedChecklist__card h3 strong {
    color: var(--ndc-navy);
    font-weight: 850;
}

.noidaDeedChecklist__card ul {
    display: grid;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.noidaDeedChecklist__card li {
    position: relative;
    padding-left: 25px;
    color: var(--ndc-muted);
    font-size: 15px;
    line-height: 1.75;
}

.noidaDeedChecklist__card li::before {
    content: "✓";
    position: absolute;
    top: 0;
    left: 0;
    color: var(--ndc-gold);
    font-size: 16px;
    font-weight: 900;
}

.noidaDeedChecklist__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 28px;
    padding: 24px 27px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 11px;
    background: #fffaf0;
}

.noidaDeedChecklist__bottomText {
    flex: 1;
    min-width: 0;
}

.noidaDeedChecklist__bottomLabel {
    display: block;
    margin-bottom: 6px;
    color: var(--ndc-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .7px;
}

.noidaDeedChecklist__bottomText p {
    margin: 0;
    color: var(--ndc-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaDeedChecklist__button {
    flex: 0 0 auto;
}


/* =========================================================
   SECTION 3 — VALUATION & CONTACT CTA
   Namespace: noidaDeedValuation
========================================================= */

.noidaDeedValuation {
    --ndv-navy: #092f62;
    --ndv-dark: #061d3d;
    --ndv-deep: #04152d;
    --ndv-gold: #b97800;
    --ndv-gold-light: #d99a16;
    --ndv-gold-bright: #f0b429;
    --ndv-muted: #59697c;
    --ndv-border: #dce4ef;

    padding: 75px 0 80px;
    color: #293b51;
    background: linear-gradient(145deg, #f4f7fc, #fff);
    font-family: inherit;
}

.noidaDeedValuation__container {
    width: min(1180px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaDeedValuation__heading {
    max-width: 850px;
    margin: 0 auto 37px;
    text-align: center;
}

.noidaDeedValuation__heading h2 {
    color: var(--ndv-dark);
}

.noidaDeedValuation__heading h2 strong {
    color: var(--ndv-navy);
}

.noidaDeedValuation__heading p {
    color: var(--ndv-muted);
}

.noidaDeedValuation__steps {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 18px;
}

.noidaDeedValuation__step {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 23px 21px;
    border: 1px solid var(--ndv-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 7px 23px rgba(4,21,45,.04);
}

.noidaDeedValuation__stepNumber {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--ndv-gold-bright);
    background: var(--ndv-navy);
    font-size: 17px;
    font-weight: 900;
}

.noidaDeedValuation__step h3 {
    margin: 0 0 10px;
    color: var(--ndv-dark);
    font-size: 19px;
    font-weight: 650;
    line-height: 1.45;
}

.noidaDeedValuation__step h3 strong {
    color: var(--ndv-navy);
    font-weight: 850;
}

.noidaDeedValuation__step p {
    margin: 0;
    color: var(--ndv-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaDeedValuation__ctaPanel {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(270px, .65fr);
    gap: 34px;
    margin-top: 34px;
    padding: 32px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 14px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.12), transparent 40%),
        #fff;
    box-shadow: 0 12px 35px rgba(4,21,45,.055);
}

.noidaDeedValuation__ctaContent {
    min-width: 0;
}

.noidaDeedValuation__ctaEyebrow {
    display: block;
    margin-bottom: 10px;
    color: var(--ndv-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .8px;
}

.noidaDeedValuation__ctaContent h3 {
    margin: 0 0 14px;
    color: var(--ndv-dark);
    font-size: clamp(26px, 2.8vw, 34px);
    font-weight: 650;
    line-height: 1.3;
}

.noidaDeedValuation__ctaContent h3 strong {
    color: var(--ndv-navy);
    font-weight: 850;
}

.noidaDeedValuation__ctaContent > p {
    margin: 0;
    color: var(--ndv-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaDeedValuation__ctaContent > p strong {
    color: var(--ndv-navy);
    font-weight: 850;
}

.noidaDeedValuation__ctaActions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 13px;
    margin-top: 23px;
}

.noidaDeedValuation__call {
    min-height: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 12px 16px;
    border: 1px solid var(--ndv-navy);
    border-radius: 8px;
    color: var(--ndv-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
    text-decoration: none !important;
    transition: color .2s ease, background .2s ease;
}

.noidaDeedValuation__call:hover {
    color: #fff !important;
    background: var(--ndv-navy);
}

.noidaDeedValuation__contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 26px;
    border-left: 1px solid var(--ndv-border);
}

.noidaDeedValuation__contactItem {
    padding: 15px 0;
    border-bottom: 1px solid #e7edf4;
}

.noidaDeedValuation__contactItem:last-child {
    border-bottom: 0;
}

.noidaDeedValuation__contactItem > span {
    display: block;
    margin-bottom: 6px;
    color: var(--ndv-gold);
    font-size: 15px;
    font-weight: 900;
    line-height: 1.5;
    letter-spacing: .5px;
}

.noidaDeedValuation__contactItem a {
    color: var(--ndv-navy) !important;
    font-size: 16px;
    font-weight: 850;
    line-height: 1.7;
    overflow-wrap: anywhere;
    text-decoration: none !important;
}

.noidaDeedValuation__contactItem a:hover {
    color: var(--ndv-gold) !important;
}

.noidaDeedValuation__contactItem p {
    margin: 0;
    color: var(--ndv-muted);
    font-size: 15px;
    line-height: 1.75;
}

.noidaDeedValuation__disclaimer {
    margin: 20px 0 0;
    color: var(--ndv-muted);
    font-size: 15px;
    line-height: 1.8;
}


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

@media (max-width: 1000px) {
    .noidaDeedGuide__layout {
        grid-template-columns: minmax(0, 1.1fr) minmax(280px, .9fr);
        gap: 28px;
    }

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

    .noidaDeedValuation__step {
        padding: 22px;
    }

    .noidaDeedValuation__ctaPanel {
        gap: 24px;
        padding: 26px;
    }
}

@media (max-width: 760px) {
    .noidaDeedGuide,
    .noidaDeedChecklist,
    .noidaDeedValuation {
        padding: 52px 0 56px;
    }

    .noidaDeedGuide__container,
    .noidaDeedChecklist__container,
    .noidaDeedValuation__container {
        width: calc(100% - 32px);
    }

    .noidaDeedGuide__layout {
        grid-template-columns: 1fr;
        gap: 27px;
    }

    .noidaDeedGuide__main h2 {
        font-size: clamp(30px, 7vw, 38px);
    }

    .noidaDeedGuide__main > .noidaDeedGuide__lead {
        font-size: 17px;
    }

    .noidaDeedGuide__button {
        width: 100%;
    }

    .noidaDeedGuide__phone {
        justify-content: center;
        width: 100%;
        margin: 8px 0 0;
    }

    .noidaDeedChecklist__heading,
    .noidaDeedValuation__heading {
        margin-bottom: 29px;
    }

    .noidaDeedChecklist__heading h2,
    .noidaDeedValuation__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .noidaDeedChecklist__heading p,
    .noidaDeedValuation__heading p {
        font-size: 16px;
    }

    .noidaDeedChecklist__grid {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .noidaDeedChecklist__bottom {
        align-items: stretch;
        flex-direction: column;
        padding: 22px 20px;
    }

    .noidaDeedChecklist__button {
        width: 100%;
    }

    .noidaDeedValuation__ctaPanel {
        grid-template-columns: 1fr;
        gap: 22px;
        padding: 24px 20px;
    }

    .noidaDeedValuation__ctaActions {
        align-items: stretch;
        flex-direction: column;
    }

    .noidaDeedValuation__button,
    .noidaDeedValuation__call {
        width: 100%;
    }

    .noidaDeedValuation__contact {
        padding: 10px 0 0;
        border-top: 1px solid var(--ndv-border);
        border-left: 0;
    }
}

@media (max-width: 390px) {
    .noidaDeedGuide__container,
    .noidaDeedChecklist__container,
    .noidaDeedValuation__container {
        width: calc(100% - 26px);
    }

    .noidaDeedGuide__sideTop {
        align-items: flex-start;
        flex-direction: column;
    }

    .noidaDeedChecklist__card {
        padding: 21px 19px;
    }

    .noidaDeedChecklist__cardHead {
        align-items: flex-start;
    }

    .noidaDeedChecklist__tag {
        max-width: 70%;
    }

    .noidaDeedValuation__step {
        gap: 12px;
        padding: 19px 16px;
    }

    .noidaDeedValuation__stepNumber {
        width: 36px;
        height: 36px;
        flex-basis: 36px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaDeedGuide__button,
    .noidaDeedChecklist__button,
    .noidaDeedChecklist__card,
    .noidaDeedValuation__button,
    .noidaDeedValuation__call {
        transition: none;
    }
}

/* =========================================================
   SECTION 1 — SECTION 50C INTRODUCTION
   Namespace: noida50cIntro
========================================================= */

.noida50cIntro,
.noida50cIntro *,
.noida50cChecklist,
.noida50cChecklist *,
.noida50cContact,
.noida50cContact * {
    box-sizing: border-box;
}

.noida50cIntro {
    --n50i-navy: #092f62;
    --n50i-dark: #061d3d;
    --n50i-deep: #04152d;
    --n50i-gold: #b97800;
    --n50i-gold-light: #d99a16;
    --n50i-gold-bright: #f0b429;
    --n50i-text: #293b51;
    --n50i-muted: #59697c;
    --n50i-border: #dce4ef;

    padding: 70px 0 58px;
    color: var(--n50i-text);
    background:
        radial-gradient(ellipse at 88% 8%, rgba(217,154,22,.10), transparent 33%),
        linear-gradient(135deg, #fff, #f3f7fc);
    font-family: inherit;
}

.noida50cIntro__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noida50cIntro__eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 28px;
    color: var(--n50i-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noida50cIntro__eyebrowLine {
    width: 31px;
    height: 3px;
    background: var(--n50i-gold-light);
}

.noida50cIntro__grid {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(310px, .85fr);
    align-items: center;
    gap: clamp(30px, 5vw, 70px);
}

.noida50cIntro__content {
    min-width: 0;
}

.noida50cIntro__kicker,
.noida50cContact__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--n50i-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noida50cIntro h1 {
    margin: 0 0 21px;
    color: var(--n50i-dark);
    font-size: clamp(34px, 4vw, 49px);
    font-weight: 650;
    line-height: 1.15;
    letter-spacing: -1px;
}

.noida50cIntro h1 > strong {
    color: var(--n50i-navy);
    font-weight: 900;
}

.noida50cIntro h1 > span {
    display: block;
    margin-top: 12px;
    color: var(--n50i-muted);
    font-size: clamp(22px, 2.4vw, 29px);
    font-weight: 550;
    line-height: 1.35;
    letter-spacing: -.3px;
}

.noida50cIntro__content > p {
    margin: 0 0 15px;
    color: var(--n50i-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noida50cIntro__content > p strong {
    color: var(--n50i-navy);
    font-weight: 850;
}

.noida50cIntro__lead {
    color: var(--n50i-dark) !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
}

.noida50cIntro__actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 17px;
    margin-top: 25px;
}

.noida50cIntro__button,
.noida50cChecklist__button,
.noida50cContact__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 15px 23px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--n50i-deep) !important;
    background: linear-gradient(135deg, var(--n50i-gold-bright), var(--n50i-gold-light));
    box-shadow: 0 9px 24px rgba(185,120,0,.22);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.noida50cIntro__button:hover,
.noida50cChecklist__button:hover,
.noida50cContact__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 29px rgba(185,120,0,.30);
}

.noida50cIntro__call {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--n50i-navy) !important;
    text-decoration: none !important;
}

.noida50cIntro__phoneIcon {
    width: 44px;
    height: 44px;
    flex: 0 0 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #d6e0ed;
    border-radius: 50%;
    color: var(--n50i-gold);
    background: #fff;
    font-size: 19px;
}

.noida50cIntro__call small,
.noida50cIntro__call strong {
    display: block;
    line-height: 1.5;
}

.noida50cIntro__call small {
    color: var(--n50i-muted);
    font-size: 15px;
}

.noida50cIntro__call strong {
    color: var(--n50i-navy);
    font-size: 17px;
    font-weight: 900;
}

.noida50cIntro__disclaimer {
    margin-top: 19px !important;
    color: #68778a !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

/* Right-side value comparison panel */

.noida50cIntro__side {
    min-width: 0;
    padding: 27px;
    border: 1px solid var(--n50i-border);
    border-radius: 13px;
    background: #fff;
    box-shadow: 0 17px 45px rgba(4,21,45,.08);
}

.noida50cIntro__sideTop {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 19px;
    padding-bottom: 21px;
    border-bottom: 1px solid #e6ebf2;
}

.noida50cIntro__sideIcon {
    width: 68px;
    height: 68px;
    flex: 0 0 68px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    color: var(--n50i-gold-bright);
    background: var(--n50i-navy);
    font-size: 23px;
    font-weight: 900;
    letter-spacing: -.5px;
}

.noida50cIntro__sideTop > div > span {
    display: block;
    margin-bottom: 6px;
    color: var(--n50i-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.noida50cIntro__sideTop h2 {
    margin: 0;
    color: var(--n50i-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.noida50cIntro__sideLead {
    margin: 0 0 14px;
    color: var(--n50i-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noida50cIntro__valueRow {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 17px 0;
    border-bottom: 1px solid #e9edf3;
}

.noida50cIntro__valueNumber {
    width: 35px;
    height: 35px;
    flex: 0 0 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 8px;
    color: var(--n50i-navy);
    background: #fff8e8;
    font-size: 15px;
    font-weight: 900;
}

.noida50cIntro__valueRow strong {
    display: block;
    margin: 0 0 5px;
    color: var(--n50i-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.5;
}

.noida50cIntro__valueRow p {
    margin: 0;
    color: var(--n50i-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noida50cIntro__sideNote {
    margin-top: 19px;
    padding: 16px;
    border-left: 3px solid var(--n50i-gold-light);
    border-radius: 0 7px 7px 0;
    color: var(--n50i-muted);
    background: #fff9ed;
    font-size: 15px;
    line-height: 1.75;
}

.noida50cIntro__sideNote strong {
    color: var(--n50i-navy);
    font-weight: 850;
}


/* =========================================================
   SECTION 2 — OWNER CHECKLIST
   Namespace: noida50cChecklist
========================================================= */

.noida50cChecklist {
    --n50c-navy: #092f62;
    --n50c-dark: #061d3d;
    --n50c-deep: #04152d;
    --n50c-gold: #b97800;
    --n50c-gold-light: #d99a16;
    --n50c-gold-bright: #f0b429;
    --n50c-muted: #59697c;
    --n50c-border: #dce4ef;

    padding: 78px 0;
    color: #293b51;
    background: #fff;
    font-family: inherit;
}

.noida50cChecklist__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noida50cChecklist__heading {
    max-width: 850px;
    margin: 0 auto 40px;
    text-align: center;
}

.noida50cChecklist__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--n50c-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noida50cChecklist__heading h2 {
    margin: 0 0 16px;
    color: var(--n50c-dark);
    font-size: clamp(30px, 3.2vw, 42px);
    font-weight: 600;
    line-height: 1.23;
    letter-spacing: -.7px;
}

.noida50cChecklist__heading h2 strong {
    color: var(--n50c-navy);
    font-weight: 900;
}

.noida50cChecklist__heading p {
    margin: 0 auto;
    color: var(--n50c-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noida50cChecklist__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.2fr) minmax(300px, .8fr);
    align-items: start;
    gap: 27px;
}

.noida50cChecklist__steps {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.noida50cChecklist__step {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 17px;
    padding: 23px;
    border: 1px solid var(--n50c-border);
    border-radius: 10px;
    background: linear-gradient(145deg, #fff, #f9fbfe);
    box-shadow: 0 6px 20px rgba(4,21,45,.035);
}

.noida50cChecklist__stepNo {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--n50c-gold-bright);
    background: var(--n50c-navy);
    font-size: 16px;
    font-weight: 900;
}

.noida50cChecklist__stepContent {
    min-width: 0;
}

.noida50cChecklist__step h3 {
    margin: 0 0 10px;
    color: var(--n50c-dark);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.45;
}

.noida50cChecklist__step p {
    margin: 0 0 12px;
    color: var(--n50c-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noida50cChecklist__step ul {
    margin: 0;
    padding-left: 21px;
}

.noida50cChecklist__step li {
    margin: 7px 0;
    padding-left: 3px;
    color: var(--n50c-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noida50cChecklist__step li::marker {
    color: var(--n50c-gold);
}

.noida50cChecklist__step li strong {
    color: var(--n50c-navy);
    font-weight: 850;
}

/* Documents panel */

.noida50cChecklist__documentPanel {
    position: relative;
    padding: 25px;
    border: 1px solid var(--n50c-border);
    border-radius: 12px;
    background: #f5f8fc;
    box-shadow: 0 12px 30px rgba(4,21,45,.06);
}

.noida50cChecklist__documentHeader {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 17px;
}

.noida50cChecklist__documentIcon {
    width: 49px;
    height: 49px;
    flex: 0 0 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--n50c-deep);
    background: var(--n50c-gold-bright);
    font-size: 23px;
    font-weight: 900;
}

.noida50cChecklist__documentHeader > div > span {
    display: block;
    margin-bottom: 5px;
    color: var(--n50c-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.noida50cChecklist__documentHeader h3 {
    margin: 0;
    color: var(--n50c-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.noida50cChecklist__documentPanel > p {
    margin: 0 0 16px;
    color: var(--n50c-muted);
    font-size: 15px;
    line-height: 1.8;
}

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

.noida50cChecklist__documents li {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    padding: 15px 0;
    border-top: 1px solid #dfe6f0;
}

.noida50cChecklist__documents li > span {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 7px;
    color: var(--n50c-navy);
    background: #fff;
    font-size: 15px;
    font-weight: 900;
}

.noida50cChecklist__documents li div {
    min-width: 0;
}

.noida50cChecklist__documents strong,
.noida50cChecklist__documents small {
    display: block;
    line-height: 1.6;
}

.noida50cChecklist__documents strong {
    margin-bottom: 3px;
    color: var(--n50c-navy);
    font-size: 15px;
    font-weight: 850;
}

.noida50cChecklist__documents small {
    color: var(--n50c-muted);
    font-size: 15px;
}

.noida50cChecklist__documentNote {
    margin: 13px 0 18px;
    padding: 13px;
    border-left: 3px solid var(--n50c-gold-light);
    border-radius: 0 7px 7px 0;
    color: var(--n50c-muted);
    background: #fff;
    font-size: 15px;
    line-height: 1.7;
}

.noida50cChecklist__button {
    width: 100%;
}

.noida50cChecklist__phone {
    display: block;
    margin-top: 12px;
    color: var(--n50c-navy) !important;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.6;
    text-align: center;
    text-decoration: none !important;
}

.noida50cChecklist__phone:hover {
    color: var(--n50c-gold) !important;
}

.noida50cChecklist__legalNote {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-top: 28px;
    padding: 19px 21px;
    border: 1px solid #dce4ef;
    border-radius: 9px;
    background: #f9fbfe;
}

.noida50cChecklist__legalMark {
    width: 30px;
    height: 30px;
    flex: 0 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--n50c-navy);
    font-size: 16px;
    font-weight: 900;
}

.noida50cChecklist__legalNote p {
    margin: 0;
    color: var(--n50c-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noida50cChecklist__legalNote strong {
    color: var(--n50c-navy);
    font-weight: 850;
}


/* =========================================================
   SECTION 3 — CONSULTATION CTA
   Namespace: noida50cContact
========================================================= */

.noida50cContact {
    --n50ct-navy: #092f62;
    --n50ct-dark: #061d3d;
    --n50ct-deep: #04152d;
    --n50ct-gold: #b97800;
    --n50ct-gold-light: #d99a16;
    --n50ct-gold-bright: #f0b429;
    --n50ct-muted: #59697c;

    padding: 66px 0 72px;
    color: #293b51;
    background: linear-gradient(145deg, #f3f7fc, #fff);
    font-family: inherit;
}

.noida50cContact__container {
    width: min(1200px, calc(100% - 48px));
    margin: 0 auto;
}

.noida50cContact__panel {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(300px, .75fr);
    gap: 35px;
    padding: clamp(25px, 4vw, 42px);
    border: 1px solid rgba(217,154,22,.38);
    border-radius: 15px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.12), transparent 35%),
        #fff;
    box-shadow: 0 17px 42px rgba(4,21,45,.07);
}

.noida50cContact__content {
    min-width: 0;
}

.noida50cContact__content h2 {
    margin: 0 0 17px;
    color: var(--n50ct-dark);
    font-size: clamp(29px, 3.3vw, 41px);
    font-weight: 650;
    line-height: 1.23;
    letter-spacing: -.6px;
}

.noida50cContact__content h2 strong {
    color: var(--n50ct-navy);
    font-weight: 900;
}

.noida50cContact__content > p {
    margin: 0;
    color: var(--n50ct-muted);
    font-size: 16px;
    line-height: 1.85;
}

.noida50cContact__content > p strong {
    color: var(--n50ct-navy);
    font-weight: 850;
}

.noida50cContact__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 25px;
}

.noida50cContact__callButton {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 19px;
    border: 2px solid var(--n50ct-navy);
    border-radius: 8px;
    color: #fff !important;
    background: var(--n50ct-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease;
}

.noida50cContact__callButton:hover {
    transform: translateY(-2px);
    background: var(--n50ct-dark);
}

.noida50cContact__microcopy {
    margin-top: 17px !important;
    color: #6b788a !important;
    font-size: 15px !important;
}

/* Contact details panel */

.noida50cContact__details {
    align-self: center;
    padding: 24px;
    border: 1px solid #dce4ef;
    border-radius: 11px;
    background: #f7f9fc;
}

.noida50cContact__detailsHeading {
    margin-bottom: 12px;
    padding-bottom: 17px;
    border-bottom: 1px solid #dce4ef;
}

.noida50cContact__detailsHeading > span {
    display: block;
    margin-bottom: 7px;
    color: var(--n50ct-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .8px;
}

.noida50cContact__detailsHeading h3 {
    margin: 0 0 6px;
    color: var(--n50ct-navy);
    font-size: 25px;
    font-weight: 900;
    line-height: 1.4;
}

.noida50cContact__detailsHeading p {
    margin: 0;
    color: var(--n50ct-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noida50cContact__detail {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    padding: 15px 0;
    border-bottom: 1px solid #e0e7f0;
    color: inherit;
    text-decoration: none !important;
}

.noida50cContact__detail:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.noida50cContact__detailIcon {
    width: 39px;
    height: 39px;
    flex: 0 0 39px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dce4ef;
    border-radius: 9px;
    color: var(--n50ct-gold);
    background: #fff;
    font-size: 19px;
    font-weight: 850;
}

.noida50cContact__detail > span:last-child {
    min-width: 0;
}

.noida50cContact__detail small,
.noida50cContact__detail strong {
    display: block;
    line-height: 1.65;
}

.noida50cContact__detail small {
    margin-bottom: 4px;
    color: var(--n50ct-gold);
    font-size: 15px;
    font-weight: 850;
}

.noida50cContact__detail strong {
    color: var(--n50ct-navy);
    font-size: 15px;
    font-weight: 800;
    overflow-wrap: anywhere;
}

.noida50cContact__detail:hover strong {
    color: var(--n50ct-gold);
}

.noida50cContact__disclaimer {
    max-width: 1000px;
    margin: 20px auto 0;
    color: var(--n50ct-muted);
    font-size: 15px;
    line-height: 1.75;
    text-align: center;
}


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

@media (max-width: 1000px) {
    .noida50cIntro__grid {
        grid-template-columns: minmax(0, 1fr) minmax(290px, .85fr);
        gap: 28px;
    }

    .noida50cIntro__side {
        padding: 22px;
    }

    .noida50cChecklist__layout {
        grid-template-columns: minmax(0, 1fr) minmax(280px, .85fr);
        gap: 20px;
    }

    .noida50cChecklist__documentPanel {
        padding: 20px;
    }

    .noida50cContact__panel {
        gap: 24px;
    }
}

@media (max-width: 760px) {
    .noida50cIntro,
    .noida50cChecklist,
    .noida50cContact {
        padding: 52px 0 56px;
    }

    .noida50cIntro__container,
    .noida50cChecklist__container,
    .noida50cContact__container {
        width: calc(100% - 32px);
    }

    .noida50cIntro__grid,
    .noida50cChecklist__layout,
    .noida50cContact__panel {
        grid-template-columns: 1fr;
    }

    .noida50cIntro__grid {
        gap: 28px;
    }

    .noida50cIntro h1 {
        font-size: clamp(32px, 7.4vw, 41px);
    }

    .noida50cIntro h1 > span {
        font-size: 23px;
    }

    .noida50cIntro__actions,
    .noida50cContact__actions {
        align-items: stretch;
        flex-direction: column;
    }

    .noida50cIntro__button,
    .noida50cChecklist__button,
    .noida50cContact__button,
    .noida50cContact__callButton {
        width: 100%;
    }

    .noida50cIntro__call {
        align-self: flex-start;
    }

    .noida50cChecklist__heading {
        margin-bottom: 28px;
    }

    .noida50cChecklist__heading h2 {
        font-size: clamp(29px, 7vw, 36px);
    }

    .noida50cChecklist__heading p {
        font-size: 16px;
    }

    .noida50cChecklist__step {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: 13px;
        padding: 19px 16px;
    }

    .noida50cChecklist__stepNo {
        width: 39px;
        height: 39px;
    }

    .noida50cChecklist__step h3 {
        font-size: 20px;
    }

    .noida50cChecklist__legalNote {
        padding: 16px;
    }

    .noida50cContact__panel {
        gap: 27px;
        padding: 24px 19px;
    }

    .noida50cContact__content h2 {
        font-size: clamp(28px, 7vw, 35px);
    }

    .noida50cContact__details {
        padding: 20px;
    }
}

@media (max-width: 390px) {
    .noida50cIntro__container,
    .noida50cChecklist__container,
    .noida50cContact__container {
        width: calc(100% - 26px);
    }

    .noida50cIntro__sideTop {
        align-items: flex-start;
        flex-direction: column;
    }

    .noida50cIntro__side {
        padding: 19px;
    }

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

    .noida50cChecklist__documentHeader {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noida50cIntro__button,
    .noida50cChecklist__button,
    .noida50cContact__button,
    .noida50cContact__callButton {
        transition: none;
    }
}

/* =========================================================
   SHARED BOX MODEL — LIMITED TO THESE THREE SECTIONS
========================================================= */

.noidaPlotDocs,
.noidaPlotDocs *,
.noidaPlotPrep,
.noidaPlotPrep *,
.noidaPlotNext,
.noidaPlotNext * {
    box-sizing: border-box;
}


/* =========================================================
   SECTION 1 — PLOT RESALE DOCUMENT CHECKLIST
   Namespace: noidaPlotDocs
========================================================= */

.noidaPlotDocs {
    --npd-navy: #092f62;
    --npd-dark: #061d3d;
    --npd-deep: #04152d;
    --npd-gold: #b97800;
    --npd-gold-light: #d99a16;
    --npd-gold-bright: #f0b429;
    --npd-text: #293b51;
    --npd-muted: #59697c;
    --npd-border: #dce4ef;

    padding: 76px 0;
    color: var(--npd-text);
    background:
        radial-gradient(ellipse at 95% 0%, rgba(217,154,22,.09), transparent 32%),
        linear-gradient(145deg, #fff, #f4f7fc);
    font-family: inherit;
}

.noidaPlotDocs__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPlotDocs__eyebrow {
    display: flex;
    align-items: center;
    gap: 11px;
    margin-bottom: 19px;
    color: var(--npd-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaPlotDocs__eyebrowLine {
    width: 30px;
    height: 2px;
    background: var(--npd-gold-light);
}

.noidaPlotDocs__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-bottom: 28px;
}

.noidaPlotDocs__heading > div:first-child {
    max-width: 920px;
}

.noidaPlotDocs__heading h2 {
    margin: 0 0 16px;
    color: var(--npd-dark);
    font-size: clamp(30px, 3.2vw, 43px);
    font-weight: 600;
    line-height: 1.2;
    letter-spacing: -.7px;
}

.noidaPlotDocs__heading h2 strong {
    color: var(--npd-navy);
    font-weight: 850;
}

.noidaPlotDocs__heading p {
    margin: 0;
    color: var(--npd-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaPlotDocs__heading p strong {
    color: var(--npd-navy);
    font-weight: 850;
}

.noidaPlotDocs__headingBadge {
    width: 112px;
    height: 112px;
    flex: 0 0 112px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5px;
    border: 1px solid rgba(217,154,22,.45);
    border-radius: 12px;
    color: var(--npd-navy);
    background: #fff;
    box-shadow: 0 10px 26px rgba(4,21,45,.06);
    text-align: center;
}

.noidaPlotDocs__headingBadge > span {
    color: var(--npd-gold);
    font-size: 33px;
    font-weight: 900;
    line-height: 1;
}

.noidaPlotDocs__headingBadge small {
    color: var(--npd-navy);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaPlotDocs__notice {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 28px;
    padding: 18px 21px;
    border: 1px solid rgba(217,154,22,.4);
    border-left: 4px solid var(--npd-gold-light);
    border-radius: 9px;
    background: #fffaf0;
}

.noidaPlotDocs__noticeIcon {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
    background: var(--npd-navy);
    font-size: 17px;
    font-weight: 850;
}

.noidaPlotDocs__notice p {
    margin: 0;
    color: var(--npd-muted);
    font-size: 15px;
    line-height: 1.8;
}

.noidaPlotDocs__notice strong {
    color: var(--npd-navy);
    font-weight: 850;
}

.noidaPlotDocs__grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.noidaPlotDocs__card {
    min-width: 0;
    display: flex;
    flex-direction: column;
    padding: 24px;
    border: 1px solid var(--npd-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(4,21,45,.04);
    transition: transform .22s ease, box-shadow .22s ease;
}

.noidaPlotDocs__card:hover {
    transform: translateY(-3px);
    box-shadow: 0 15px 32px rgba(4,21,45,.09);
}

.noidaPlotDocs__cardHead {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 19px;
}

.noidaPlotDocs__number {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    color: var(--npd-gold-bright);
    background: var(--npd-navy);
    font-size: 17px;
    font-weight: 900;
}

.noidaPlotDocs__tag {
    color: var(--npd-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    text-align: right;
}

.noidaPlotDocs__card h3 {
    margin: 0 0 11px;
    color: var(--npd-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.noidaPlotDocs__card h3 strong {
    color: var(--npd-navy);
    font-weight: 850;
}

.noidaPlotDocs__card > p {
    margin: 0 0 15px;
    color: var(--npd-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaPlotDocs__card ul {
    display: flex;
    flex-direction: column;
    gap: 11px;
    margin: 0;
    padding: 16px 0 0;
    border-top: 1px solid #e8edf4;
    list-style: none;
}

.noidaPlotDocs__card li {
    position: relative;
    padding-left: 21px;
    color: var(--npd-text);
    font-size: 15px;
    line-height: 1.7;
}

.noidaPlotDocs__card li::before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 8px;
    height: 8px;
    border-radius: 2px;
    background: var(--npd-gold-light);
    transform: rotate(45deg);
}

.noidaPlotDocs__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 25px;
    margin-top: 30px;
    padding: 27px 29px;
    border: 1px solid #dce4ef;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0 8px 25px rgba(4,21,45,.045);
}

.noidaPlotDocs__footer > div:first-child {
    flex: 1;
    min-width: 0;
}

.noidaPlotDocs__footerLabel {
    display: block;
    margin-bottom: 7px;
    color: var(--npd-gold);
    font-size: 15px;
    font-weight: 850;
    letter-spacing: .7px;
    line-height: 1.5;
}

.noidaPlotDocs__footer h3 {
    margin: 0 0 7px;
    color: var(--npd-dark);
    font-size: 22px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaPlotDocs__footer p {
    margin: 0;
    color: var(--npd-muted);
    font-size: 16px;
    line-height: 1.7;
}

.noidaPlotDocs__footerActions {
    flex: 0 0 auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
}

.noidaPlotDocs__button,
.noidaPlotPrep__button,
.noidaPlotNext__button {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 14px 22px;
    border: 2px solid transparent;
    border-radius: 8px;
    color: var(--npd-deep) !important;
    background: linear-gradient(135deg, var(--npd-gold-bright), var(--npd-gold-light));
    box-shadow: 0 9px 22px rgba(185,120,0,.2);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-align: center;
    text-decoration: none !important;
    transition: transform .2s ease, box-shadow .2s ease;
}

.noidaPlotDocs__button:hover,
.noidaPlotPrep__button:hover,
.noidaPlotNext__button:hover {
    transform: translateY(-2px);
    box-shadow: 0 13px 28px rgba(185,120,0,.28);
}

.noidaPlotDocs__phone,
.noidaPlotPrep__phone {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px 4px;
    color: var(--npd-navy) !important;
    font-size: 16px;
    font-weight: 850;
    text-decoration: none !important;
}


/* =========================================================
   SECTION 2 — DOCUMENT PREPARATION
   Namespace: noidaPlotPrep
========================================================= */

.noidaPlotPrep {
    --npp-navy: #092f62;
    --npp-dark: #061d3d;
    --npp-deep: #04152d;
    --npp-gold: #b97800;
    --npp-gold-light: #d99a16;
    --npp-gold-bright: #f0b429;
    --npp-text: #293b51;
    --npp-muted: #59697c;
    --npp-border: #dce4ef;

    padding: 78px 0;
    color: var(--npp-text);
    background: #fff;
    font-family: inherit;
}

.noidaPlotPrep__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPlotPrep__heading {
    max-width: 850px;
    margin: 0 auto 39px;
    text-align: center;
}

.noidaPlotPrep__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--npp-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaPlotPrep__heading h2 {
    margin: 0 0 15px;
    color: var(--npp-dark);
    font-size: clamp(30px, 3vw, 41px);
    font-weight: 600;
    line-height: 1.23;
    letter-spacing: -.6px;
}

.noidaPlotPrep__heading h2 strong {
    color: var(--npp-navy);
    font-weight: 850;
}

.noidaPlotPrep__heading p {
    margin: 0;
    color: var(--npp-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaPlotPrep__layout {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr);
    align-items: start;
    gap: 30px;
}

.noidaPlotPrep__timeline {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.noidaPlotPrep__timeline::before {
    content: "";
    position: absolute;
    top: 35px;
    bottom: 35px;
    left: 25px;
    width: 2px;
    background: linear-gradient(var(--npp-gold-light), #dce4ef);
}

.noidaPlotPrep__step {
    position: relative;
    display: grid;
    grid-template-columns: 52px minmax(0, 1fr);
    gap: 17px;
    padding: 23px;
    border: 1px solid var(--npp-border);
    border-radius: 11px;
    background: linear-gradient(140deg, #fff, #f9fbfe);
    box-shadow: 0 6px 20px rgba(4,21,45,.035);
}

.noidaPlotPrep__stepNo {
    position: relative;
    z-index: 1;
    width: 51px;
    height: 51px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 3px solid #fff;
    border-radius: 10px;
    color: var(--npp-gold-bright);
    background: var(--npp-navy);
    box-shadow: 0 0 0 1px #dce4ef;
    font-size: 17px;
    font-weight: 900;
}

.noidaPlotPrep__stepLabel {
    display: inline-block;
    margin-bottom: 6px;
    color: var(--npp-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .6px;
}

.noidaPlotPrep__step h3 {
    margin: 0 0 9px;
    color: var(--npp-dark);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaPlotPrep__step p {
    margin: 0;
    color: var(--npp-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPlotPrep__step p strong {
    color: var(--npp-navy);
    font-weight: 850;
}

.noidaPlotPrep__sidePanel {
    position: relative;
    padding: 27px;
    border: 1px solid #dce4ef;
    border-radius: 13px;
    background: linear-gradient(150deg, #f7f9fd, #fff);
    box-shadow: 0 12px 32px rgba(4,21,45,.07);
}

.noidaPlotPrep__sideHeader {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 18px;
}

.noidaPlotPrep__sideIcon {
    width: 53px;
    height: 53px;
    flex: 0 0 53px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    color: var(--npp-gold-bright);
    background: var(--npp-navy);
    font-size: 20px;
    font-weight: 900;
}

.noidaPlotPrep__sideHeader > div > span {
    display: block;
    margin-bottom: 4px;
    color: var(--npp-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .5px;
}

.noidaPlotPrep__sideHeader h3 {
    margin: 0;
    color: var(--npp-dark);
    font-size: 21px;
    font-weight: 850;
    line-height: 1.4;
}

.noidaPlotPrep__sidePanel > p {
    margin: 0 0 19px;
    color: var(--npp-muted);
    font-size: 16px;
    line-height: 1.75;
}

.noidaPlotPrep__checklist {
    display: flex;
    flex-direction: column;
    gap: 13px;
    margin: 0;
    padding: 19px 0;
    border-top: 1px solid var(--npp-border);
    border-bottom: 1px solid var(--npp-border);
    list-style: none;
}

.noidaPlotPrep__checklist li {
    display: flex;
    align-items: flex-start;
    gap: 11px;
    color: var(--npp-text);
    font-size: 15px;
    line-height: 1.7;
}

.noidaPlotPrep__checklist li > span {
    width: 23px;
    height: 23px;
    flex: 0 0 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: var(--npp-navy);
    background: #fff2cf;
    font-size: 15px;
    font-weight: 900;
}

.noidaPlotPrep__sideNote {
    margin: 20px 0;
    padding: 16px;
    border-left: 3px solid var(--npp-gold-light);
    border-radius: 5px;
    background: #fff8e8;
}

.noidaPlotPrep__sideNote strong {
    display: block;
    margin-bottom: 5px;
    color: var(--npp-navy);
    font-size: 15px;
    font-weight: 850;
}

.noidaPlotPrep__sideNote p {
    margin: 0;
    color: var(--npp-muted);
    font-size: 15px;
    line-height: 1.7;
}

.noidaPlotPrep__button {
    width: 100%;
}

.noidaPlotPrep__phone {
    width: 100%;
}


/* =========================================================
   SECTION 3 — VALUATION DISCUSSION & CONTACT
   Namespace: noidaPlotNext
========================================================= */

.noidaPlotNext {
    --npn-navy: #092f62;
    --npn-dark: #061d3d;
    --npn-deep: #04152d;
    --npn-gold: #b97800;
    --npn-gold-light: #d99a16;
    --npn-gold-bright: #f0b429;
    --npn-text: #293b51;
    --npn-muted: #59697c;
    --npn-border: #dce4ef;

    padding: 78px 0 80px;
    color: var(--npn-text);
    background: linear-gradient(140deg, #f4f7fc, #fff);
    font-family: inherit;
}

.noidaPlotNext__container {
    width: min(1240px, calc(100% - 48px));
    margin: 0 auto;
}

.noidaPlotNext__intro {
    max-width: 880px;
    margin: 0 auto 35px;
    text-align: center;
}

.noidaPlotNext__eyebrow {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--npn-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: 1px;
}

.noidaPlotNext__intro h2 {
    margin: 0 0 16px;
    color: var(--npn-dark);
    font-size: clamp(30px, 3vw, 41px);
    font-weight: 600;
    line-height: 1.22;
    letter-spacing: -.6px;
}

.noidaPlotNext__intro h2 strong {
    color: var(--npn-navy);
    font-weight: 850;
}

.noidaPlotNext__intro p {
    margin: 0;
    color: var(--npn-muted);
    font-size: 17px;
    line-height: 1.8;
}

.noidaPlotNext__cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 19px;
}

.noidaPlotNext__card {
    padding: 24px;
    border: 1px solid var(--npn-border);
    border-radius: 11px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(4,21,45,.04);
}

.noidaPlotNext__cardNumber {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 17px;
    border-radius: 9px;
    color: var(--npn-gold-bright);
    background: var(--npn-navy);
    font-size: 17px;
    font-weight: 900;
}

.noidaPlotNext__card h3 {
    margin: 0 0 10px;
    color: var(--npn-dark);
    font-size: 21px;
    font-weight: 650;
    line-height: 1.45;
}

.noidaPlotNext__card h3 strong {
    color: var(--npn-navy);
    font-weight: 850;
}

.noidaPlotNext__card p {
    margin: 0;
    color: var(--npn-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPlotNext__contact {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(290px, .9fr);
    gap: 35px;
    margin-top: 34px;
    padding: 34px;
    border: 1px solid rgba(217,154,22,.4);
    border-radius: 14px;
    background:
        radial-gradient(ellipse at 100% 0%, rgba(240,180,41,.12), transparent 37%),
        #fff;
    box-shadow: 0 12px 34px rgba(4,21,45,.055);
}

.noidaPlotNext__contactContent {
    min-width: 0;
}

.noidaPlotNext__contactLabel {
    display: block;
    margin-bottom: 11px;
    color: var(--npn-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
    letter-spacing: .7px;
}

.noidaPlotNext__contactContent h3 {
    margin: 0 0 14px;
    color: var(--npn-dark);
    font-size: clamp(27px, 2.8vw, 35px);
    font-weight: 600;
    line-height: 1.3;
}

.noidaPlotNext__contactContent h3 strong {
    color: var(--npn-navy);
    font-weight: 850;
}

.noidaPlotNext__contactContent > p {
    margin: 0;
    color: var(--npn-muted);
    font-size: 16px;
    line-height: 1.8;
}

.noidaPlotNext__contactContent > p strong {
    color: var(--npn-navy);
    font-weight: 850;
}

.noidaPlotNext__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px;
}

.noidaPlotNext__button {
    color: var(--npn-deep) !important;
}

.noidaPlotNext__callButton {
    min-height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 20px;
    border: 2px solid var(--npn-navy);
    border-radius: 8px;
    color: #fff !important;
    background: var(--npn-navy);
    font-size: 16px;
    font-weight: 850;
    line-height: 1.4;
    text-decoration: none !important;
    transition: transform .2s ease, background .2s ease;
}

.noidaPlotNext__callButton:hover {
    transform: translateY(-2px);
    background: var(--npn-dark);
}

.noidaPlotNext__contactDetails {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 25px;
    border-left: 1px solid var(--npn-border);
}

.noidaPlotNext__detail {
    display: block;
    padding: 17px 0;
    border-bottom: 1px solid #e7ecf3;
    text-decoration: none !important;
}

.noidaPlotNext__detail:last-child {
    border-bottom: 0;
}

.noidaPlotNext__detail > span {
    display: block;
    margin-bottom: 6px;
    color: var(--npn-gold);
    font-size: 15px;
    font-weight: 850;
    line-height: 1.5;
}

.noidaPlotNext__detail > strong {
    display: block;
    color: var(--npn-navy);
    font-size: 15px;
    font-weight: 800;
    line-height: 1.7;
    overflow-wrap: anywhere;
}

.noidaPlotNext__detail[href]:hover > strong {
    color: var(--npn-gold);
}

.noidaPlotNext__disclaimer {
    margin: 18px 0 0;
    color: var(--npn-muted);
    font-size: 15px;
    line-height: 1.75;
}


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

@media (max-width: 1050px) {
    .noidaPlotDocs__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .noidaPlotPrep__layout {
        grid-template-columns: minmax(0, 1fr) minmax(285px, .8fr);
        gap: 20px;
    }

    .noidaPlotPrep__sidePanel {
        padding: 22px;
    }

    .noidaPlotNext__contact {
        gap: 25px;
        padding: 27px;
    }
}

@media (max-width: 760px) {
    .noidaPlotDocs,
    .noidaPlotPrep,
    .noidaPlotNext {
        padding: 52px 0 56px;
    }

    .noidaPlotDocs__container,
    .noidaPlotPrep__container,
    .noidaPlotNext__container {
        width: calc(100% - 32px);
    }

    .noidaPlotDocs__heading {
        align-items: flex-start;
        gap: 15px;
    }

    .noidaPlotDocs__heading h2,
    .noidaPlotPrep__heading h2,
    .noidaPlotNext__intro h2 {
        font-size: clamp(28px, 6.5vw, 35px);
    }

    .noidaPlotDocs__headingBadge {
        width: 76px;
        height: 76px;
        flex-basis: 76px;
    }

    .noidaPlotDocs__headingBadge > span {
        font-size: 25px;
    }

    .noidaPlotDocs__headingBadge small {
        font-size: 15px;
    }

    .noidaPlotDocs__heading p,
    .noidaPlotPrep__heading p,
    .noidaPlotNext__intro p {
        font-size: 16px;
    }

    .noidaPlotDocs__grid,
    .noidaPlotNext__cards {
        grid-template-columns: 1fr;
        gap: 15px;
    }

    .noidaPlotDocs__footer {
        align-items: stretch;
        flex-direction: column;
        padding: 23px 20px;
    }

    .noidaPlotDocs__footerActions {
        width: 100%;
    }

    .noidaPlotDocs__button {
        width: 100%;
    }

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

    .noidaPlotPrep__sidePanel {
        padding: 24px;
    }

    .noidaPlotNext__contact {
        grid-template-columns: 1fr;
        gap: 23px;
        padding: 24px 20px;
    }

    .noidaPlotNext__actions {
        flex-direction: column;
    }

    .noidaPlotNext__button,
    .noidaPlotNext__callButton {
        width: 100%;
    }

    .noidaPlotNext__contactDetails {
        padding: 8px 0 0;
        border-top: 1px solid var(--npn-border);
        border-left: 0;
    }
}

@media (max-width: 420px) {
    .noidaPlotDocs__heading {
        flex-direction: column-reverse;
    }

    .noidaPlotDocs__headingBadge {
        width: 70px;
        height: 70px;
        flex-basis: 70px;
    }

    .noidaPlotDocs__card,
    .noidaPlotNext__card {
        padding: 21px;
    }

    .noidaPlotPrep__step {
        grid-template-columns: 42px minmax(0, 1fr);
        gap: 13px;
        padding: 18px;
    }

    .noidaPlotPrep__timeline::before {
        left: 20px;
    }

    .noidaPlotPrep__stepNo {
        width: 41px;
        height: 41px;
        font-size: 15px;
    }

    .noidaPlotPrep__step h3 {
        font-size: 19px;
    }

    .noidaPlotPrep__sideHeader {
        align-items: flex-start;
    }
}

@media (prefers-reduced-motion: reduce) {
    .noidaPlotDocs__card,
    .noidaPlotDocs__button,
    .noidaPlotPrep__button,
    .noidaPlotNext__button,
    .noidaPlotNext__callButton {
        transition: none;
    }
}