.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%;
    }

}
/* =========================================================
   INDIA'S MAJOR CITIES
   HERO
   Namespace: gaviCitiesHero
========================================================= */

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

.gaviCitiesHeroPattern{
    position:absolute;
    width:600px;
    height:600px;
    right:-260px;
    top:-210px;
    border:1px solid rgba(240,180,41,.13);
    border-radius:50%;
    box-shadow:
        0 0 0 50px rgba(240,180,41,.025),
        0 0 0 100px rgba(240,180,41,.018);
}

.gaviCitiesHeroGrid{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);
    align-items:center;
    gap:65px;
}

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

.gaviCitiesHeroEyebrow,
.gaviCitiesWhyEyebrow{
    display:flex;
    align-items:center;
    gap:11px;
    margin-bottom:17px;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.8px;
}

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

.gaviCitiesHero h1{
    max-width:850px;
    margin:0 0 25px;
    color:#fff;
    font-size:clamp(40px,4.5vw,65px);
    line-height:1.07;
    letter-spacing:-1.7px;
    font-weight:800;
}

.gaviCitiesHero h1 strong{
    display:block;
    color:#f0b429;
}

.gaviCitiesHeroLead{
    max-width:850px;
    margin:0 0 16px;
    color:#edf2f7;
    font-size:18px;
    line-height:1.75;
}

.gaviCitiesHeroLead strong{
    color:#f0b429;
}

.gaviCitiesHeroText{
    max-width:820px;
    margin:0;
    color:#bfcbd8;
    font-size:16px;
    line-height:1.75;
}

.gaviCitiesHeroText strong{
    color:#fff;
}

.gaviCitiesHeroStats{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:29px;
}

.gaviCitiesHeroStat{
    min-width:135px;
    padding:13px 16px;
    border:1px solid rgba(240,180,41,.27);
    border-radius:5px;
    background:rgba(255,255,255,.045);
}

.gaviCitiesHeroStat strong{
    display:block;
    margin-bottom:3px;
    color:#f0b429;
    font-size:23px;
    line-height:1;
}

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

.gaviCitiesHeroActions{
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:13px;
    margin-top:30px;
}

.gaviCitiesPrimaryCta{
    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 30px rgba(185,120,0,.2);
    transition:all .3s ease;
}

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

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

.gaviCitiesPhoneCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:56px;
    padding:0 20px;
    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;
}

.gaviCitiesPhoneCta span{
    color:#f0b429;
    font-size:19px;
}

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


/* =========================================================
   HERO CITY VISUAL
========================================================= */

.gaviCitiesHeroVisual{
    position:relative;
    min-height:500px;
    display:flex;
    align-items:center;
    justify-content:center;
}

.gaviCitiesIndiaCircle{
    position:relative;
    width:460px;
    height:460px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid rgba(240,180,41,.27);
    border-radius:50%;
    background:
        radial-gradient(circle,#092f62 0%,#061d3d 63%,#04152d 100%);
    box-shadow:
        0 0 0 20px rgba(185,120,0,.025),
        0 0 70px rgba(185,120,0,.12);
}

.gaviCitiesCircleInner{
    position:relative;
    width:88%;
    height:88%;
    border:1px dashed rgba(240,180,41,.23);
    border-radius:50%;
}

.gaviCitiesCircleCore{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    width:145px;
    height:145px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    border:2px solid #b97800;
    border-radius:50%;
    background:linear-gradient(145deg,#092f62,#04152d);
    box-shadow:0 0 35px rgba(185,120,0,.18);
    text-align:center;
}

.gaviCitiesCircleCore strong{
    color:#f0b429;
    font-size:27px;
    letter-spacing:2px;
}

.gaviCitiesCircleCore small{
    margin-top:5px;
    color:#c7d3df;
    font-size:15px;
    letter-spacing:1.5px;
}

.gaviCityPin{
    position:absolute;
    display:flex;
    align-items:center;
    gap:7px;
    padding:7px 10px;
    border:1px solid rgba(240,180,41,.27);
    border-radius:4px;
    background:rgba(4,21,45,.9);
    color:#fff;
    font-size:15px;
    font-weight:700;
    white-space:nowrap;
}

.gaviCityPin:before{
    content:"";
    width:7px;
    height:7px;
    border-radius:50%;
    background:#f0b429;
    box-shadow:0 0 10px rgba(240,180,41,.65);
}

.gaviCityMumbai{
    left:7%;
    bottom:29%;
}

.gaviCityPune{
    left:22%;
    bottom:10%;
}

.gaviCityAhmedabad{
    left:20%;
    top:17%;
}

.gaviCityBengaluru{
    left:35%;
    bottom:3%;
}

.gaviCityChennai{
    right:12%;
    bottom:19%;
}

.gaviCityHyderabad{
    right:7%;
    top:35%;
}

.gaviCityKolkata{
    right:3%;
    top:13%;
}

.gaviCitiesVisualLabel{
    position:absolute;
    right:-12px;
    bottom:20px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:12px 15px;
    border:1px solid rgba(240,180,41,.3);
    border-radius:5px;
    background:#04152d;
    box-shadow:0 15px 30px rgba(0,0,0,.25);
}

.gaviCitiesVisualLabel > span{
    color:#f0b429;
    font-size:20px;
    font-weight:900;
}

.gaviCitiesVisualLabel strong{
    display:block;
    color:#fff;
    font-size:15px;
}

.gaviCitiesVisualLabel small{
    display:block;
    margin-top:2px;
    color:#9eafc1;
    font-size:15px;
}


/* =========================================================
   SECTION 2
   CITY LANDSCAPE
========================================================= */

.gaviCitiesLandscape{
    padding:90px 0 88px;
    background:#f7f9fc;
    position:relative;
}

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

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

.gaviCitiesLandscapeEyebrow{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    margin-bottom:14px;
    color:#b97800;
    font-size:15px;
    font-weight:850;
    letter-spacing:1.5px;
}

.gaviCitiesLandscapeEyebrow span{
    width:30px;
    height:2px;
    background:#b97800;
}

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

.gaviCitiesLandscapeHeader h2 strong{
    color:#b97800;
}

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

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


/* =========================================================
   REGIONAL CARDS
========================================================= */

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

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

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

.gaviCitiesRegionCard:hover{
    transform:translateY(-5px);
    border-color:rgba(185,120,0,.4);
    box-shadow:0 18px 40px rgba(6,29,61,.1);
}

.gaviCitiesRegionCard:hover:after{
    transform:scaleX(1);
}

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

.gaviCitiesRegionNumber{
    color:#b97800;
    font-size:22px;
    font-weight:900;
}

.gaviCitiesRegionTag{
    padding:6px 9px;
    border-radius:3px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:800;
    letter-spacing:.8px;
}

.gaviCitiesRegionCard h3{
    margin:0 0 12px;
    color:#061d3d;
    font-size:25px;
    line-height:1.3;
}

.gaviCitiesRegionCard p{
    margin:0;
    color:#58697c;
    font-size:15px;
    line-height:1.7;
}

.gaviCitiesCityList{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:10px;
    margin-top:23px;
}

.gaviCitiesCityList > div{
    padding:12px;
    border:1px solid #e4e9ef;
    border-radius:5px;
    background:#fafbfd;
}

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

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

.gaviCitiesRegionFooter{
    display:flex;
    flex-wrap:wrap;
    gap:7px;
    margin-top:18px;
    padding-top:17px;
    border-top:1px solid #e7ebf0;
}

.gaviCitiesRegionFooter span{
    padding:6px 9px;
    border:1px solid #dce3eb;
    border-radius:3px;
    color:#092f62;
    font-size:15px;
    font-weight:700;
}


/* =========================================================
   SECTION 3
   WHY LOCATION MATTERS
========================================================= */

.gaviCitiesWhy{
    padding:90px 0 85px;
    background:
        radial-gradient(circle at 90% 20%,rgba(185,120,0,.09),transparent 25%),
        linear-gradient(135deg,#04152d,#061d3d 58%,#092f62);
    color:#fff;
}

.gaviCitiesWhyGrid{
    display:grid;
    grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
    gap:65px;
    align-items:start;
}

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

.gaviCitiesWhy h2{
    margin:0 0 20px;
    color:#fff;
    font-size:clamp(32px,3.5vw,49px);
    line-height:1.13;
    letter-spacing:-1px;
}

.gaviCitiesWhy h2 strong{
    display:block;
    color:#f0b429;
}

.gaviCitiesWhyIntro > p{
    margin:0 0 17px;
    color:#c3cfdb;
    font-size:16px;
    line-height:1.8;
}

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

.gaviCitiesWhyCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:55px;
    margin-top:14px;
    padding:0 24px;
    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;
}

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

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

.gaviCitiesWhyPhone{
    display:block;
    margin-top:16px;
    color:#e1e8ef !important;
    font-size:15px;
    text-decoration:none !important;
}

.gaviCitiesWhyPhone strong{
    color:#f0b429;
}


/* =========================================================
   VALUATION MATRIX
========================================================= */

.gaviCitiesWhyMatrix{
    border:1px solid rgba(255,255,255,.12);
    border-radius:9px;
    background:rgba(255,255,255,.045);
    overflow:hidden;
}

.gaviCitiesMatrixHeader{
    display:grid;
    grid-template-columns:110px 1fr;
    gap:18px;
    padding:17px 23px;
    border-bottom:1px solid rgba(255,255,255,.13);
    background:rgba(255,255,255,.04);
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:1px;
}

.gaviCitiesMatrixRow{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:18px;
    padding:22px 23px;
    border-bottom:1px solid rgba(255,255,255,.09);
}

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

.gaviCitiesMatrixIcon{
    width:48px;
    height:48px;
    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;
}

.gaviCitiesMatrixRow strong{
    display:block;
    margin-bottom:5px;
    color:#fff;
    font-size:18px;
}

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


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

.gaviCitiesFinalCta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:55px;
    padding:29px 32px;
    border:1px solid rgba(240,180,41,.35);
    border-radius:8px;
    background:linear-gradient(110deg,#092f62,#04152d);
}

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

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

.gaviCitiesFinalCta h3 strong{
    color:#f0b429;
}

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

.gaviCitiesFinalButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    min-height:52px;
    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;
}

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

.gaviCitiesFinalPhone{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:52px;
    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;
}

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


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

@media (max-width:1100px){

    .gaviCitiesHeroGrid{
        grid-template-columns:1fr;
        gap:50px;
    }

    .gaviCitiesHeroContent{
        text-align:center;
    }

    .gaviCitiesHeroEyebrow,
    .gaviCitiesHeroActions{
        justify-content:center;
    }

    .gaviCitiesHeroLead,
    .gaviCitiesHeroText{
        margin-left:auto;
        margin-right:auto;
    }

    .gaviCitiesHeroVisual{
        min-height:480px;
    }

    .gaviCitiesWhyGrid{
        grid-template-columns:1fr;
        gap:45px;
    }

    .gaviCitiesWhyIntro{
        position:static;
        max-width:780px;
    }

}


@media (max-width:767px){

    .gaviCitiesHero{
        padding:62px 0 60px;
    }

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

    .gaviCitiesHeroLead{
        font-size:16px;
    }

    .gaviCitiesHeroText{
        font-size:15px;
    }

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

    .gaviCitiesPrimaryCta,
    .gaviCitiesPhoneCta{
        width:100%;
    }

    .gaviCitiesHeroVisual{
        min-height:390px;
    }

    .gaviCitiesIndiaCircle{
        width:350px;
        height:350px;
    }

    .gaviCitiesCircleCore{
        width:110px;
        height:110px;
    }

    .gaviCitiesCircleCore strong{
        font-size:21px;
    }

    .gaviCityPin{
        padding:6px 8px;
        font-size:15px;
    }

    .gaviCityMumbai{
        left:0;
    }

    .gaviCityPune{
        left:13%;
    }

    .gaviCityAhmedabad{
        left:8%;
    }

    .gaviCityBengaluru{
        left:25%;
    }

    .gaviCityChennai{
        right:0;
    }

    .gaviCityHyderabad{
        right:0;
    }

    .gaviCityKolkata{
        right:-4%;
    }

    .gaviCitiesVisualLabel{
        right:0;
        bottom:0;
    }

    .gaviCitiesLandscape,
    .gaviCitiesWhy{
        padding:65px 0;
    }

    .gaviCitiesLandscapeHeader h2,
    .gaviCitiesWhy h2{
        font-size:32px;
    }

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

    .gaviCitiesRegionCard{
        padding:24px 20px;
    }

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

    .gaviCitiesFinalCta{
        flex-direction:column;
        align-items:flex-start;
        padding:25px 21px;
    }

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

    .gaviCitiesFinalButton,
    .gaviCitiesFinalPhone{
        width:100%;
    }

    .gaviCitiesMatrixHeader{
        grid-template-columns:60px 1fr;
        padding:15px;
        gap:10px;
    }

    .gaviCitiesMatrixRow{
        grid-template-columns:48px 1fr;
        padding:19px 15px;
        gap:13px;
    }

    .gaviCitiesMatrixIcon{
        width:43px;
        height:43px;
    }

}


@media (max-width:480px){

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

    .gaviCitiesHeroStat{
        width:100%;
        text-align:left;
    }

    .gaviCitiesIndiaCircle{
        width:305px;
        height:305px;
    }

    .gaviCitiesCircleCore{
        width:96px;
        height:96px;
    }

    .gaviCitiesCircleCore strong{
        font-size:18px;
    }

    .gaviCityPin{
        padding:5px 6px;
        font-size:15px;
    }

    .gaviCityPin:before{
        width:5px;
        height:5px;
    }

    .gaviCitiesVisualLabel{
        display:none;
    }

}/* =========================================================
   THE NCR — A2Z VALUERS' HOME GEOGRAPHY
   SECTION 01 — HERO
   Namespace: gaviNcrHero
========================================================= */

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

.gaviNcrHeroPattern{
    position:absolute;
    inset:0;
    opacity:.28;
    pointer-events:none;
    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;
    mask-image:linear-gradient(90deg,transparent,#000 35%,#000 75%,transparent);
}

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

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

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

.gaviNcrHero h1{
    margin:0 0 25px;
    color:#fff;
    font-size:clamp(39px,5vw,67px);
    line-height:1.05;
    letter-spacing:-1.8px;
    font-weight:850;
}

.gaviNcrHero h1 strong{
    display:block;
    color:#f0b429;
}

.gaviNcrHeroLead{
    max-width:920px;
    margin:0 auto 20px;
    color:#e9eef5;
    font-size:19px;
    line-height:1.72;
}

.gaviNcrHeroLead strong{
    color:#f0b429;
}

.gaviNcrHeroText{
    max-width:870px;
    margin:0 auto;
    color:#bfcbd9;
    font-size:16px;
    line-height:1.8;
}

.gaviNcrHeroText strong{
    color:#fff;
}

.gaviNcrHeroStats{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    max-width:820px;
    margin:42px auto 0;
    border:1px solid rgba(240,180,41,.25);
    border-radius:8px;
    overflow:hidden;
    background:rgba(255,255,255,.045);
    backdrop-filter:blur(7px);
}

.gaviNcrHeroStat{
    padding:18px 12px;
    border-right:1px solid rgba(255,255,255,.11);
}

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

.gaviNcrHeroStat strong{
    display:block;
    margin-bottom:4px;
    color:#f0b429;
    font-size:19px;
}

.gaviNcrHeroStat span{
    color:#b9c6d5;
    font-size:15px;
}

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

.gaviNcrPrimaryCta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    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;
}

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

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

.gaviNcrPhoneCta{
    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;
    color:#fff !important;
    background:rgba(255,255,255,.055);
    font-size:16px;
    font-weight:750;
    text-decoration:none !important;
    transition:all .3s ease;
}

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



/* =========================================================
   SECTION 02 — LANDSCAPE
   Namespace: gaviNcrLandscape
========================================================= */

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

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

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

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

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

.gaviNcrLandscapeHeader h2{
    margin:0 0 15px;
    color:#061d3d;
    font-size:clamp(32px,3.7vw,49px);
    line-height:1.15;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviNcrLandscapeHeader h2 strong{
    color:#b97800;
}

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

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

.gaviNcrLandscapeGrid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:18px;
}

.gaviNcrLandscapeCard{
    position:relative;
    height:680px;
    padding:25px 22px 24px;
    border:1px solid #dce3ec;
    border-radius:9px;
    background:#fff;
    box-shadow:0 9px 27px rgba(6,29,61,.055);
    overflow:hidden;
    transition:all .3s ease;
}

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

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

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

.gaviNcrLandscapeNumber{
    color:#d5dce5;
    font-size:15px;
    font-weight:900;
}

.gaviNcrLandscapeTag{
    padding:6px 9px;
    border-radius:3px;
    background:#061d3d;
    color:#f0b429;
    font-size:15px;
    font-weight:850;
    letter-spacing:.7px;
}

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

.gaviNcrLandscapeCard h3 strong{
    color:#b97800;
}

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

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

.gaviNcrLandscapeCard ul{
    margin:21px 0 0;
    padding:0;
    list-style:none;
}

.gaviNcrLandscapeCard li{
    position:relative;
    margin-bottom:10px;
    padding-left:17px;
    color:#46566a;
    font-size:15px;
    line-height:1.55;
}

.gaviNcrLandscapeCard li:before{
    content:"";
    position:absolute;
    left:0;
    top:9px;
    width:6px;
    height:6px;
    border-radius:50%;
    background:#b97800;
}

.gaviNcrLandscapeCard li strong{
    color:#092f62;
}

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

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

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

.gaviNcrLandscapeLink:hover span{
    transform:translateX(4px);
}



/* =========================================================
   SECTION 03 — PAN INDIA PRACTICE
   Namespace: gaviNcrPractice
========================================================= */

.gaviNcrPractice{
    position:relative;
    padding:90px 0 88px;
    background:
        radial-gradient(circle at 90% 20%,rgba(240,180,41,.09),transparent 28%),
        linear-gradient(135deg,#04152d,#061d3d 60%,#092f62);
    overflow:hidden;
}

.gaviNcrPractice:after{
    content:"";
    position:absolute;
    width:450px;
    height:450px;
    right:-260px;
    bottom:-270px;
    border:1px solid rgba(240,180,41,.18);
    border-radius:50%;
}

.gaviNcrPracticeGrid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:65px;
    align-items:center;
}

.gaviNcrEyebrowLight{
    color:#f0b429;
}

.gaviNcrEyebrowLight span{
    background:#f0b429;
}

.gaviNcrPracticeContent h2{
    margin:0 0 20px;
    color:#fff;
    font-size:clamp(31px,3.6vw,49px);
    line-height:1.14;
    font-weight:850;
    letter-spacing:-1px;
}

.gaviNcrPracticeContent h2 strong{
    color:#f0b429;
}

.gaviNcrPracticeContent > p{
    margin:0 0 17px;
    color:#c5d0dd;
    font-size:16px;
    line-height:1.8;
}

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

.gaviNcrPracticePoints{
    display:grid;
    gap:10px;
    margin-top:27px;
}

.gaviNcrPracticePoint{
    display:flex;
    align-items:flex-start;
    gap:14px;
    padding:15px;
    border:1px solid rgba(255,255,255,.11);
    border-radius:6px;
    background:rgba(255,255,255,.045);
}

.gaviNcrPracticePoint > span{
    flex:0 0 34px;
    width:34px;
    height:34px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #b97800;
    border-radius:50%;
    color:#f0b429;
    font-size:15px;
    font-weight:900;
}

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

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


/* RIGHT PANEL */

.gaviNcrPracticePanel{
    position:relative;
    padding:31px;
    border:1px solid rgba(240,180,41,.28);
    border-radius:10px;
    background:rgba(255,255,255,.055);
    box-shadow:0 25px 55px rgba(0,0,0,.18);
    backdrop-filter:blur(9px);
}

.gaviNcrPanelLabel{
    display:inline-block;
    margin-bottom:15px;
    padding:7px 10px;
    border-radius:3px;
    background:#b97800;
    color:#061d3d;
    font-size:15px;
    font-weight:900;
    letter-spacing:1px;
}

.gaviNcrPracticePanel h3{
    margin:0 0 25px;
    color:#fff;
    font-size:26px;
    line-height:1.35;
    font-weight:750;
}

.gaviNcrPracticePanel h3 strong{
    color:#f0b429;
}

.gaviNcrIndiaGrid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    border-top:1px solid rgba(255,255,255,.1);
    border-left:1px solid rgba(255,255,255,.1);
}

.gaviNcrIndiaGrid div{
    min-height:76px;
    padding:14px;
    border-right:1px solid rgba(255,255,255,.1);
    border-bottom:1px solid rgba(255,255,255,.1);
}

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

.gaviNcrIndiaGrid span{
    color:#aebdcd;
    font-size:15px;
}

.gaviNcrPanelBottom{
    margin-top:22px;
    padding-top:19px;
    border-top:1px solid rgba(240,180,41,.2);
}

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

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


/* FINAL CTA */

.gaviNcrFinalCta{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:58px;
    padding:29px 32px;
    border:1px solid rgba(240,180,41,.38);
    border-radius:8px;
    background:linear-gradient(
        110deg,
        rgba(255,255,255,.065),
        rgba(255,255,255,.035)
    );
}

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

.gaviNcrFinalCta h3{
    margin:0;
    color:#fff;
    font-size:24px;
    line-height:1.35;
}

.gaviNcrFinalCta h3 strong{
    color:#f0b429;
}

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

.gaviNcrFinalButton{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:53px;
    padding:0 22px;
    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;
    transition:all .3s ease;
}

.gaviNcrFinalButton:hover{
    transform:translateY(-2px);
    box-shadow:0 12px 28px rgba(185,120,0,.3);
}

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

.gaviNcrFinalPhone{
    display:inline-flex;
    align-items:center;
    gap:9px;
    min-height:53px;
    padding:0 18px;
    border:1px solid rgba(255,255,255,.2);
    border-radius:5px;
    color:#fff !important;
    font-size:15px;
    text-decoration:none !important;
    transition:all .3s ease;
}

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

.gaviNcrFinalPhone strong{
    color:inherit;
}



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

@media (max-width:1100px){

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

    .gaviNcrLandscapeCard{
        min-height:450px;
    }

    .gaviNcrPracticeGrid{
        gap:40px;
    }

}


@media (max-width:991px){

    .gaviNcrHero{
        padding:70px 0;
    }

    .gaviNcrHeroStats{
        max-width:700px;
    }

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

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

}


@media (max-width:767px){

    .gaviNcrHero{
        padding:58px 0;
    }

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

    .gaviNcrHeroLead{
        font-size:17px;
    }

    .gaviNcrHeroText{
        font-size:15px;
    }

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

    .gaviNcrHeroStat:nth-child(2){
        border-right:0;
    }

    .gaviNcrHeroStat:nth-child(-n+2){
        border-bottom:1px solid rgba(255,255,255,.11);
    }

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

    .gaviNcrPrimaryCta,
    .gaviNcrPhoneCta{
        width:100%;
    }

    .gaviNcrLandscape{
        padding:65px 0;
    }

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

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

    .gaviNcrLandscapeCard{
        min-height:420px;
    }

    .gaviNcrPractice{
        padding:68px 0;
    }

    .gaviNcrPracticePanel{
        padding:23px 19px;
    }

    .gaviNcrPracticePanel h3{
        font-size:23px;
    }

    .gaviNcrFinalCta{
        padding:24px 20px;
    }

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

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

    .gaviNcrFinalButton,
    .gaviNcrFinalPhone{
        width:100%;
    }

}


@media (max-width:480px){

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

    .gaviNcrHeroStat,
    .gaviNcrHeroStat:nth-child(2){
        border-right:0;
        border-bottom:1px solid rgba(255,255,255,.11);
    }

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

    .gaviNcrLandscapeCard{
        min-height:435px;
    }

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

}