.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*/
/* =========================================================
   A2Z VALUERS — GOVERNMENT APPROVED PROPERTY VALUERS
   ABOUT PAGE
   UNIQUE NAMESPACE
   ROYAL NAVY + GOLD
========================================================= */

:root{

    --a2zpv-navy:#092f62;
    --a2zpv-deep:#061f40;
    --a2zpv-navy-light:#123f73;

    --a2zpv-gold:#b88723;
    --a2zpv-gold-light:#d8b766;
    --a2zpv-gold-soft:#f3e8cf;

    --a2zpv-white:#ffffff;
    --a2zpv-ivory:#fcfbf8;
    --a2zpv-light:#f4f7fa;

    --a2zpv-text:#33475b;
    --a2zpv-muted:#718096;

    --a2zpv-border:rgba(9,47,98,.13);

}


/* =========================================================
   GLOBAL SECTION BASE
========================================================= */

.a2zpvAboutHero *,
.a2zpvPracticeSection *,
.a2zpvContactSection *,
.a2zpvFinalCTA *{

    box-sizing:border-box;

}

.a2zpvAboutHero,
.a2zpvPracticeSection,
.a2zpvContactSection,
.a2zpvFinalCTA{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.a2zpvAboutHero p,
.a2zpvPracticeSection p,
.a2zpvContactSection p,
.a2zpvFinalCTA p{

    font-size:16px;

    line-height:1.8;

}


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

.a2zpvAboutHero{

    position:relative;

    overflow:hidden;

    padding:90px 24px 95px;

    background:

        radial-gradient(
            circle at 88% 12%,
            rgba(216,183,102,.13),
            transparent 27%
        ),

        linear-gradient(
            135deg,
            var(--a2zpv-deep),
            var(--a2zpv-navy) 65%,
            var(--a2zpv-navy-light)
        );

    color:#ffffff;

}

.a2zpvAboutHero:before{

    content:"";

    position:absolute;

    width:680px;
    height:680px;

    right:-410px;
    top:-360px;

    border:1px solid rgba(216,183,102,.13);

    border-radius:50%;

}

.a2zpvAboutHero:after{

    content:"";

    position:absolute;

    width:360px;
    height:360px;

    left:-260px;
    bottom:-270px;

    border:1px solid rgba(255,255,255,.06);

    border-radius:50%;

}

.a2zpvAboutHeroGlow{

    position:absolute;

    width:250px;
    height:250px;

    right:14%;
    bottom:-170px;

    border-radius:50%;

    background:
        rgba(216,183,102,.06);

    filter:blur(30px);

}

.a2zpvAboutHeroContainer{

    position:relative;

    z-index:2;

    width:min(1200px,100%);

    margin:auto;

}

.a2zpvAboutHeroContent{

    max-width:1050px;

}

.a2zpvAboutEyebrow{

    display:flex;

    align-items:center;

    gap:13px;

    margin-bottom:22px;

    color:var(--a2zpv-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.a2zpvAboutEyebrow span{

    width:48px;
    height:2px;

    background:var(--a2zpv-gold-light);

    flex:0 0 auto;

}

.a2zpvAboutHero h1{

    margin:0 0 28px;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(45px,6vw,72px);

    line-height:1.05;

    letter-spacing:-2px;

    font-weight:500;

}

.a2zpvAboutHero h1 strong{

    display:block;

    color:var(--a2zpv-gold-light);

    font-weight:700;

}

.a2zpvAboutIntro{

    max-width:950px;

    padding-left:23px;

    border-left:3px solid var(--a2zpv-gold);

}

.a2zpvAboutIntro p{

    margin:0 0 17px;

    color:rgba(255,255,255,.77);

}

.a2zpvAboutIntro p:last-child{

    margin-bottom:0;

}

.a2zpvAboutIntro strong{

    color:#ffffff;

    font-weight:800;

}


/* =========================================================
   CREDENTIALS
========================================================= */

.a2zpvAboutCredentials{

    display:grid;

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

    margin-top:48px;

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

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

}

.a2zpvCredential{

    min-height:100px;

    display:flex;

    align-items:center;

    gap:15px;

    padding:17px 20px;

    border-right:1px solid rgba(255,255,255,.10);

}

.a2zpvCredential:last-child{

    border-right:0;

}

.a2zpvCredentialMark{

    min-width:55px;
    height:55px;

    display:flex;

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

    padding:5px;

    border:1px solid rgba(216,183,102,.58);

    color:var(--a2zpv-gold-light);

    font-size:15px;

    line-height:1.2;

    font-weight:900;

    text-align:center;

}

.a2zpvCredential strong{

    display:block;

    color:#ffffff;

    font-size:16px;

    line-height:1.4;

}

.a2zpvCredential small{

    display:block;

    margin-top:4px;

    color:rgba(255,255,255,.57);

    font-size:15px;

    line-height:1.4;

}


/* =========================================================
   PRACTICE SECTION
========================================================= */

.a2zpvPracticeSection{

    padding:100px 24px;

    background:var(--a2zpv-ivory);

    color:var(--a2zpv-text);

}

.a2zpvPracticeContainer{

    width:min(1200px,100%);

    margin:auto;

}

.a2zpvPracticeHeading{

    max-width:800px;

    margin:0 auto 55px;

    text-align:center;

}

.a2zpvPracticeHeading > span{

    display:block;

    margin-bottom:14px;

    color:var(--a2zpv-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.a2zpvPracticeHeading h2{

    margin:0;

    color:var(--a2zpv-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(36px,4vw,52px);

    line-height:1.15;

    font-weight:500;

}

.a2zpvPracticeHeading h2 strong{

    color:var(--a2zpv-navy);

    font-weight:700;

}

.a2zpvGoldRule{

    width:70px;
    height:2px;

    margin:22px auto 0;

    background:var(--a2zpv-gold);

}

.a2zpvPracticeGrid{

    display:grid;

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

    gap:20px;

}

.a2zpvPracticeCard{

    position:relative;

    min-height:285px;

    padding:31px 30px;

    border:1px solid var(--a2zpv-border);

    background:#ffffff;

    box-shadow:
        0 15px 40px rgba(6,31,64,.055);

    overflow:hidden;

    transition:.3s ease;

}

.a2zpvPracticeCard:hover{

    transform:translateY(-5px);

    box-shadow:
        0 22px 50px rgba(6,31,64,.10);

}

.a2zpvPracticeCard:before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:4px;

    background:var(--a2zpv-navy);

}

.a2zpvPracticeCardGold{

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbf7ee
        );

    border-color:rgba(184,135,35,.25);

}

.a2zpvPracticeCardGold:before{

    background:var(--a2zpv-gold);

}

.a2zpvPracticeNumber{

    color:var(--a2zpv-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:42px;

    line-height:1;

}

.a2zpvPracticeTag{

    display:block;

    margin-top:18px;

    color:var(--a2zpv-navy);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.5px;

}

.a2zpvPracticeCard h3{

    margin:10px 0 13px;

    color:var(--a2zpv-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:27px;

    line-height:1.25;

    font-weight:600;

}

.a2zpvPracticeCard p{

    margin:0;

    color:#5c6d7e;

}

.a2zpvPracticeCard p strong{

    color:var(--a2zpv-navy);

    font-weight:800;

}


/* =========================================================
   CONTACT / HEADQUARTERS
========================================================= */

.a2zpvContactSection{

    padding:85px 24px;

    background:#ffffff;

}

.a2zpvContactContainer{

    width:min(1200px,100%);

    margin:auto;

    display:grid;

    grid-template-columns:
        .85fr
        1.15fr;

    gap:65px;

    align-items:center;

}

.a2zpvContactIntro > span{

    display:block;

    margin-bottom:14px;

    color:var(--a2zpv-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.a2zpvContactIntro h2{

    margin:0 0 20px;

    color:var(--a2zpv-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(35px,4vw,50px);

    line-height:1.15;

    font-weight:500;

}

.a2zpvContactIntro h2 strong{

    display:block;

    color:var(--a2zpv-navy);

    font-weight:700;

}

.a2zpvContactIntro p{

    margin:0;

    color:var(--a2zpv-muted);

}

.a2zpvContactIntro p strong{

    color:var(--a2zpv-navy);

    font-weight:800;

}

.a2zpvContactDetails{

    display:grid;

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

    gap:14px;

}

.a2zpvContactDetail{

    display:flex;

    align-items:flex-start;

    gap:15px;

    min-height:145px;

    padding:22px;

    border:1px solid var(--a2zpv-border);

    background:var(--a2zpv-light);

}

.a2zpvContactIcon{

    width:48px;
    height:48px;

    display:flex;

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

    flex:0 0 auto;

    border:1px solid rgba(184,135,35,.55);

    color:var(--a2zpv-gold);

    font-size:15px;

    font-weight:900;

}

.a2zpvContactDetail small{

    display:block;

    margin-bottom:7px;

    color:var(--a2zpv-gold);

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:1.2px;

}

.a2zpvContactDetail strong{

    display:block;

    color:var(--a2zpv-navy);

    font-size:15px;

    line-height:1.65;

}

.a2zpvContactDetail a{

    display:block;

    color:var(--a2zpv-navy);

    font-size:17px;

    line-height:1.5;

    font-weight:800;

    text-decoration:none;

}

.a2zpvContactDetail a:hover{

    color:var(--a2zpv-gold);

}


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

.a2zpvFinalCTA{

    padding:75px 24px;

    background:
        radial-gradient(
            circle at 90% 15%,
            rgba(216,183,102,.13),
            transparent 25%
        ),

        var(--a2zpv-deep);

    color:#ffffff;

}

.a2zpvFinalCTAContainer{

    width:min(1200px,100%);

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    padding:35px;

    border:1px solid rgba(216,183,102,.30);

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

}

.a2zpvFinalCTAContent{

    max-width:700px;

}

.a2zpvFinalCTAContent > span{

    display:block;

    margin-bottom:9px;

    color:var(--a2zpv-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.7px;

}

.a2zpvFinalCTAContent h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(30px,3.5vw,43px);

    line-height:1.18;

    font-weight:500;

}

.a2zpvFinalCTAContent h2 strong{

    color:var(--a2zpv-gold-light);

}

.a2zpvFinalCTAContent p{

    margin:13px 0 0;

    color:rgba(255,255,255,.63);

}

.a2zpvFinalCTAActions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}

.a2zpvExpertButton{

    min-height:56px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:13px;

    padding:14px 22px;

    border:1px solid var(--a2zpv-gold-light);

    background:var(--a2zpv-gold);

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:900;

    box-shadow:
        0 12px 30px rgba(0,0,0,.22);

    transition:.25s ease;

}

.a2zpvExpertButton b{

    font-size:20px;

}

.a2zpvExpertButton:hover{

    background:#c99d3d;

    color:#ffffff;

    transform:translateY(-2px);

}

.a2zpvCallButton{

    min-height:56px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:14px 19px;

    border:1px solid rgba(216,183,102,.45);

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

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    transition:.25s ease;

}

.a2zpvCallButton:hover{

    color:#ffffff;

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

    border-color:var(--a2zpv-gold-light);

}


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

@media (max-width:950px){

    .a2zpvAboutCredentials{

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

    }

    .a2zpvCredential:nth-child(2){

        border-right:0;

    }

    .a2zpvCredential{

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

    }

    .a2zpvPracticeGrid{

        grid-template-columns:1fr;

    }

    .a2zpvContactContainer{

        grid-template-columns:1fr;

        gap:45px;

    }

    .a2zpvFinalCTAContainer{

        align-items:flex-start;

        flex-direction:column;

    }

}


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

@media (max-width:600px){

    .a2zpvAboutHero{

        padding:65px 17px 70px;

    }

    .a2zpvAboutEyebrow{

        font-size:15px;

        letter-spacing:1.2px;

    }

    .a2zpvAboutHero h1{

        font-size:40px;

        line-height:1.08;

        letter-spacing:-1px;

    }

    .a2zpvAboutIntro{

        padding-left:17px;

    }

    .a2zpvAboutIntro p{

        font-size:15px;

        line-height:1.8;

    }

    .a2zpvAboutCredentials{

        grid-template-columns:1fr;

    }

    .a2zpvCredential{

        min-height:86px;

        border-right:0;

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

    }

    .a2zpvCredential:last-child{

        border-bottom:0;

    }


    /* PRACTICE */

    .a2zpvPracticeSection{

        padding:70px 17px;

    }

    .a2zpvPracticeHeading{

        margin-bottom:40px;

    }

    .a2zpvPracticeHeading h2{

        font-size:34px;

    }

    .a2zpvPracticeCard{

        min-height:auto;

        padding:27px 23px;

    }


    /* CONTACT */

    .a2zpvContactSection{

        padding:65px 17px;

    }

    .a2zpvContactContainer{

        gap:35px;

    }

    .a2zpvContactIntro h2{

        font-size:34px;

    }

    .a2zpvContactDetails{

        grid-template-columns:1fr;

    }

    .a2zpvContactDetail{

        min-height:auto;

    }


    /* CTA */

    .a2zpvFinalCTA{

        padding:55px 17px;

    }

    .a2zpvFinalCTAContainer{

        padding:27px 20px;

    }

    .a2zpvFinalCTAContent h2{

        font-size:29px;

    }

    .a2zpvFinalCTAActions{

        width:100%;

        flex-direction:column;

        align-items:stretch;

    }

    .a2zpvExpertButton,
    .a2zpvCallButton{

        width:100%;

        justify-content:center;

    }

}


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

@media (max-width:390px){

    .a2zpvAboutHero h1{

        font-size:36px;

    }

    .a2zpvPracticeHeading h2,
    .a2zpvContactIntro h2{

        font-size:30px;

    }

}

/* =========================================================
   PRINCIPAL VALUER — NITESH SHRIVASTAVA
   UNIQUE PAGE CSS
   ROYAL NAVY + GOLD
========================================================= */

:root{

    --gapvp-navy:#092f62;
    --gapvp-deep:#061f40;
    --gapvp-blue:#123f73;

    --gapvp-gold:#bd8b25;
    --gapvp-gold-light:#dfbd6b;
    --gapvp-gold-soft:#f5ead0;

    --gapvp-white:#ffffff;
    --gapvp-ivory:#fcfaf5;
    --gapvp-light:#f4f6f9;

    --gapvp-text:#435468;
    --gapvp-muted:#718096;

    --gapvp-border:rgba(9,47,98,.13);

}


/* =========================================================
   COMMON
========================================================= */

.gapvpHero *,
.gapvpEngineerSection *,
.gapvpGovernmentSection *,
.gapvpRegistrationSection *{

    box-sizing:border-box;

}

.gapvpHero,
.gapvpEngineerSection,
.gapvpGovernmentSection,
.gapvpRegistrationSection{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.gapvpHero p,
.gapvpEngineerSection p,
.gapvpGovernmentSection p,
.gapvpRegistrationSection p{

    font-size:16px;

    line-height:1.8;

}


/* =========================================================
   SECTION 01 — HERO
========================================================= */

.gapvpHero{

    position:relative;

    overflow:hidden;

    padding:80px 24px 0;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 90% 12%,
            rgba(223,189,107,.15),
            transparent 27%
        ),

        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 58%,
            #123f73 100%
        );

}

.gapvpHero:before{

    content:"";

    position:absolute;

    width:600px;
    height:600px;

    right:-350px;
    bottom:-400px;

    border:1px solid rgba(223,189,107,.14);

    border-radius:50%;

}

.gapvpHeroGrid{

    position:relative;

    z-index:2;

    width:min(1240px,100%);

    margin:auto;

    display:grid;

    grid-template-columns:
        minmax(0,1.2fr)
        minmax(350px,.8fr);

    gap:70px;

    align-items:center;

}


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

.gapvpHeroContent{

    padding-bottom:65px;

}

.gapvpHeroEyebrow{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:23px;

    color:var(--gapvp-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvpHeroEyebrow span{

    width:48px;

    height:2px;

    background:var(--gapvp-gold-light);

}

.gapvpHero h1{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(52px,6vw,82px);

    line-height:.98;

    letter-spacing:-2.8px;

    font-weight:500;

}

.gapvpHero h1 strong{

    display:block;

    margin-top:12px;

    color:var(--gapvp-gold-light);

    font-weight:700;

}

.gapvpHero h1 span{

    display:block;

    margin-top:17px;

    color:rgba(255,255,255,.84);

    font-family:
        "Inter",
        "Segoe UI",
        sans-serif;

    font-size:clamp(21px,2vw,29px);

    line-height:1.4;

    letter-spacing:-.2px;

    font-weight:700;

}

.gapvpHero h1 i{

    margin:0 7px;

    color:var(--gapvp-gold-light);

    font-style:normal;

}

.gapvpHeroIntro{

    max-width:820px;

    margin:30px 0 0;

    color:rgba(255,255,255,.72);

    font-size:18px !important;

    line-height:1.85 !important;

}

.gapvpHeroIntro strong{

    color:#ffffff;

    font-weight:800;

}


/* =========================================================
   CONTACT BAR
========================================================= */

.gapvpContactBar{

    display:grid;

    grid-template-columns:
        1.45fr
        .75fr
        .75fr;

    margin-top:38px;

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

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

}

.gapvpContactItem{

    display:flex;

    gap:13px;

    min-height:88px;

    align-items:center;

    padding:15px 18px;

    border-right:1px solid rgba(255,255,255,.10);

}

.gapvpContactItem:last-child{

    border-right:0;

}

.gapvpContactIcon{

    width:38px;
    height:38px;

    flex:0 0 auto;

    display:flex;

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

    border:1px solid rgba(223,189,107,.52);

    color:var(--gapvp-gold-light);

    font-size:15px;

    font-weight:900;

}

.gapvpContactItem small{

    display:block;

    margin-bottom:4px;

    color:rgba(255,255,255,.48);

    font-size:15px;

    line-height:1.3;

    font-weight:800;

    letter-spacing:.7px;

}

.gapvpContactItem strong{

    display:block;

    color:#ffffff;

    font-size:15px;

    line-height:1.45;

}

.gapvpContactItem a{

    display:block;

    color:#ffffff;

    font-size:17px;

    line-height:1.4;

    font-weight:800;

    text-decoration:none;

}

.gapvpContactItem a:hover{

    color:var(--gapvp-gold-light);

}


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

.gapvpHeroActions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:13px;

    margin-top:28px;

}

.gapvpPrimaryButton{

    min-height:58px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:16px;

    padding:14px 24px;

    background:var(--gapvp-gold);

    border:1px solid var(--gapvp-gold-light);

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    font-weight:900;

    box-shadow:
        0 15px 35px rgba(0,0,0,.23);

    transition:.25s ease;

}

.gapvpPrimaryButton b{

    font-size:22px;

}

.gapvpPrimaryButton:hover{

    color:#ffffff;

    background:#d0a03b;

    transform:translateY(-2px);

}

.gapvpCallButton{

    min-height:58px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:8px 17px;

    border:1px solid rgba(223,189,107,.45);

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

    color:#ffffff;

    text-decoration:none;

    transition:.25s ease;

}

.gapvpCallButton:hover{

    color:#ffffff;

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

    border-color:var(--gapvp-gold-light);

}

.gapvpCallIcon{

    width:39px;
    height:39px;

    display:flex;

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

    border:1px solid var(--gapvp-gold-light);

    color:var(--gapvp-gold-light);

    font-size:18px;

}

.gapvpCallButton small{

    display:block;

    color:rgba(255,255,255,.52);

    font-size:15px;

    line-height:1.3;

}

.gapvpCallButton strong{

    display:block;

    margin-top:2px;

    color:#ffffff;

    font-size:18px;

    line-height:1.3;

}


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

.gapvpHeroCredentialPanel{

    position:relative;

    min-height:535px;

    display:flex;

    flex-direction:column;

    border:1px solid rgba(223,189,107,.42);

    background:

        linear-gradient(
            145deg,
            rgba(255,255,255,.09),
            rgba(255,255,255,.025)
        );

    box-shadow:
        0 35px 80px rgba(0,0,0,.24);

}

.gapvpCredentialPanelTop{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding:20px 23px;

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

}

.gapvpCredentialPanelTop span{

    color:var(--gapvp-gold-light);

    font-size:15px;

    font-weight:900;

    letter-spacing:2px;

}

.gapvpCredentialPanelTop strong{

    width:46px;
    height:46px;

    display:flex;

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

    border:1px solid var(--gapvp-gold-light);

    color:var(--gapvp-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:18px;

}

.gapvpCredentialPanelBody{

    flex:1;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:42px;

}

.gapvpCredentialMonogram{

    width:112px;
    height:112px;

    display:flex;

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

    margin-bottom:30px;

    border:1px solid rgba(223,189,107,.62);

    outline:1px solid rgba(223,189,107,.16);

    outline-offset:7px;

    color:var(--gapvp-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:40px;

}

.gapvpCredentialPanelBody h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:41px;

    line-height:1.05;

    font-weight:500;

}

.gapvpCredentialPanelBody h2 strong{

    display:block;

    color:var(--gapvp-gold-light);

    font-weight:700;

}

.gapvpCredentialPanelBody > p{

    margin:13px 0 0;

    color:rgba(255,255,255,.73);

    font-size:16px;

    font-weight:700;

}

.gapvpCredentialPanelBody > p span{

    margin:0 5px;

    color:var(--gapvp-gold-light);

}

.gapvpCredentialRule{

    width:100%;

    height:1px;

    margin:30px 0;

    background:
        linear-gradient(
            90deg,
            var(--gapvp-gold-light),
            rgba(255,255,255,.08),
            transparent
        );

}

.gapvpCredentialRows{

    display:grid;

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

}

.gapvpCredentialRows > div{

    padding-right:14px;

    border-right:1px solid rgba(255,255,255,.10);

}

.gapvpCredentialRows > div:not(:first-child){

    padding-left:14px;

}

.gapvpCredentialRows > div:last-child{

    border-right:0;

}

.gapvpCredentialRows strong{

    display:block;

    color:var(--gapvp-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:23px;

}

.gapvpCredentialRows span{

    display:block;

    margin-top:4px;

    color:rgba(255,255,255,.52);

    font-size:15px;

    line-height:1.45;

}

.gapvpCredentialPanelBottom{

    display:flex;

    justify-content:space-between;

    gap:15px;

    padding:16px 23px;

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

    color:rgba(255,255,255,.48);

    font-size:15px;

    line-height:1.4;

    font-weight:800;

    letter-spacing:1px;

}


/* =========================================================
   HERO BOTTOM STRIP
========================================================= */

.gapvpHeroBottom{

    position:relative;

    z-index:3;

    width:min(1240px,100%);

    margin:auto;

    display:grid;

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

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

}

.gapvpHeroBottom div{

    padding:20px 18px;

    border-right:1px solid rgba(255,255,255,.10);

    color:rgba(255,255,255,.60);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.3px;

}

.gapvpHeroBottom div:last-child{

    border-right:0;

}


/* =========================================================
   SECTION 02 — CIVIL ENGINEER
========================================================= */

.gapvpEngineerSection{

    padding:105px 24px;

    background:var(--gapvp-ivory);

}

.gapvpEngineerContainer{

    width:min(1200px,100%);

    margin:auto;

}

.gapvpSectionHeading{

    max-width:850px;

    margin-bottom:60px;

}

.gapvpEyebrow{

    display:block;

    margin-bottom:14px;

    color:var(--gapvp-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvpSectionHeading h2{

    margin:0;

    color:var(--gapvp-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(40px,4.5vw,58px);

    line-height:1.1;

    font-weight:500;

}

.gapvpSectionHeading h2 strong{

    color:var(--gapvp-navy);

    font-weight:700;

}

.gapvpSectionHeading p{

    max-width:730px;

    margin:20px 0 0;

    color:var(--gapvp-text);

}


/* =========================================================
   ENGINEER LAYOUT
========================================================= */

.gapvpEngineerLayout{

    display:grid;

    grid-template-columns:
        280px
        minmax(0,1fr);

    gap:60px;

    padding:45px 0;

    border-top:1px solid var(--gapvp-border);

    border-bottom:1px solid var(--gapvp-border);

}

.gapvpEngineerIndex{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    justify-content:center;

    min-height:340px;

    padding:30px;

    border-left:5px solid var(--gapvp-gold);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f5f0e5
        );

}

.gapvpEngineerIndex span{

    color:var(--gapvp-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:80px;

    line-height:.9;

}

.gapvpEngineerIndex strong{

    margin-top:25px;

    color:var(--gapvp-navy);

    font-size:18px;

    line-height:1.3;

    letter-spacing:2px;

}

.gapvpEngineerIndex small{

    margin-top:8px;

    color:var(--gapvp-muted);

    font-size:15px;

    line-height:1.4;

    font-weight:800;

}

.gapvpEngineerContent{

    max-width:850px;

}

.gapvpEngineerContent p{

    margin:0 0 20px;

    color:var(--gapvp-text);

}

.gapvpEngineerContent p strong{

    color:var(--gapvp-navy);

    font-weight:850;

}

.gapvpEngineeringStatement{

    margin-top:30px;

    padding:23px 25px;

    border-left:4px solid var(--gapvp-gold);

    background:#ffffff;

    box-shadow:
        0 12px 30px rgba(6,31,64,.06);

}

.gapvpEngineeringStatement span{

    display:block;

    margin-bottom:7px;

    color:var(--gapvp-gold);

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:1.5px;

}

.gapvpEngineeringStatement strong{

    display:block;

    color:var(--gapvp-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:21px;

    line-height:1.45;

}


/* =========================================================
   ENGINEERING CARDS
========================================================= */

.gapvpEngineeringGrid{

    display:grid;

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

    gap:16px;

    margin-top:22px;

}

.gapvpEngineeringCard{

    padding:25px 22px;

    border:1px solid var(--gapvp-border);

    background:#ffffff;

}

.gapvpEngineeringCard span{

    display:block;

    color:var(--gapvp-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;

}

.gapvpEngineeringCard strong{

    display:block;

    margin-top:17px;

    color:var(--gapvp-deep);

    font-size:17px;

    line-height:1.4;

}

.gapvpEngineeringCard p{

    margin:9px 0 0;

    color:var(--gapvp-muted);

    font-size:15px !important;

    line-height:1.65 !important;

}

.gapvpEngineeringCard p strong{

    display:inline;

    margin:0;

    color:var(--gapvp-navy);

    font-size:inherit;

}


/* =========================================================
   SECTION 03 — GOVERNMENT EXPERIENCE
========================================================= */

.gapvpGovernmentSection{

    padding:105px 24px;

    background:var(--gapvp-deep);

    color:#ffffff;

}

.gapvpGovernmentContainer{

    width:min(1200px,100%);

    margin:auto;

}

.gapvpGovernmentHeader{

    display:grid;

    grid-template-columns:
        1.2fr
        .8fr;

    gap:60px;

    align-items:end;

    margin-bottom:55px;

}

.gapvpDarkEyebrow{

    display:block;

    margin-bottom:14px;

    color:var(--gapvp-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvpGovernmentHeader h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(40px,4.5vw,58px);

    line-height:1.1;

    font-weight:500;

}

.gapvpGovernmentHeader h2 strong{

    color:var(--gapvp-gold-light);

}

.gapvpGovernmentIntro{

    padding-left:25px;

    border-left:2px solid var(--gapvp-gold);

}

.gapvpGovernmentIntro > span{

    color:var(--gapvp-gold-light);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvpGovernmentIntro p{

    margin:9px 0 0;

    color:rgba(255,255,255,.62);

}


/* =========================================================
   GOVERNMENT CARDS
========================================================= */

.gapvpGovernmentGrid{

    display:grid;

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

    gap:20px;

}

.gapvpGovernmentCard{

    position:relative;

    min-height:390px;

    padding:34px;

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

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.025)
        );

}

.gapvpGovernmentCardGold{

    border-color:rgba(223,189,107,.38);

    background:
        linear-gradient(
            145deg,
            rgba(189,139,37,.13),
            rgba(255,255,255,.025)
        );

}

.gapvpGovernmentNumber{

    color:var(--gapvp-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:65px;

    line-height:1;

}

.gapvpGovernmentTag{

    display:inline-block;

    margin-top:28px;

    padding:7px 10px;

    border:1px solid rgba(223,189,107,.30);

    color:var(--gapvp-gold-light);

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:1px;

}

.gapvpGovernmentCard h3{

    max-width:580px;

    margin:22px 0 17px;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:34px;

    line-height:1.2;

    font-weight:500;

}

.gapvpGovernmentCard h3 strong{

    color:var(--gapvp-gold-light);

}

.gapvpGovernmentCard p{

    max-width:580px;

    margin:0;

    color:rgba(255,255,255,.65);

}

.gapvpGovernmentCard p strong{

    color:#ffffff;

}

.gapvpGovernmentFooter{

    position:absolute;

    left:34px;
    right:34px;
    bottom:25px;

    display:flex;

    justify-content:space-between;

    gap:15px;

    padding-top:16px;

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

    color:rgba(255,255,255,.45);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1px;

}

.gapvpGovernmentStatement{

    display:flex;

    align-items:center;

    gap:22px;

    margin-top:22px;

    padding:24px 27px;

    border:1px solid rgba(223,189,107,.27);

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

}

.gapvpGovernmentSeal{

    width:65px;
    height:65px;

    flex:0 0 auto;

    display:flex;

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

    border:1px solid var(--gapvp-gold-light);

    border-radius:50%;

    color:var(--gapvp-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:17px;

    font-weight:700;

}

.gapvpGovernmentStatement span{

    display:block;

    margin-bottom:5px;

    color:var(--gapvp-gold-light);

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:1.3px;

}

.gapvpGovernmentStatement strong{

    display:block;

    color:#ffffff;

    font-size:17px;

    line-height:1.55;

}

.gapvpISOStatement{

    display:flex;

    align-items:center;

    gap:17px;

    margin-top:18px;

    padding:18px 22px;

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

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

}

.gapvpISOStatement > span{

    color:var(--gapvp-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;

    font-weight:700;

}

.gapvpISOStatement p{

    margin:0;

    color:rgba(255,255,255,.58);

    font-size:15px !important;

}

.gapvpISOStatement p strong{

    color:#ffffff;

}


/* =========================================================
   SECTION 04 — REGISTRATIONS
========================================================= */

.gapvpRegistrationSection{

    padding:105px 24px;

    background:var(--gapvp-light);

}

.gapvpRegistrationContainer{

    width:min(1200px,100%);

    margin:auto;

}

.gapvpRegistrationHeading{

    max-width:850px;

    margin-bottom:55px;

}

.gapvpRegistrationHeading h2{

    margin:0;

    color:var(--gapvp-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(40px,4.5vw,58px);

    line-height:1.1;

    font-weight:500;

}

.gapvpRegistrationHeading h2 strong{

    color:var(--gapvp-navy);

}

.gapvpRegistrationHeading p{

    max-width:720px;

    margin:20px 0 0;

    color:var(--gapvp-text);

}


/* =========================================================
   REGISTRATION GRID
========================================================= */

.gapvpRegistrationGrid{

    display:grid;

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

    gap:17px;

}

.gapvpRegistrationCard{

    min-height:330px;

    display:flex;

    flex-direction:column;

    padding:28px 25px;

    border:1px solid var(--gapvp-border);

    background:#ffffff;

    transition:.3s ease;

}

.gapvpRegistrationCard:hover{

    transform:translateY(-5px);

    border-color:rgba(189,139,37,.40);

    box-shadow:
        0 20px 45px rgba(6,31,64,.09);

}

.gapvpRegistrationCardFeatured{

    border-top:4px solid var(--gapvp-gold);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbf5e8
        );

}

.gapvpRegistrationTop{

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.gapvpRegistrationNumber{

    color:var(--gapvp-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:38px;

    line-height:1;

}

.gapvpRegistrationCode{

    padding:7px 9px;

    border:1px solid rgba(9,47,98,.13);

    color:var(--gapvp-navy);

    font-size:15px;

    line-height:1.3;

    font-weight:900;

}

.gapvpRegistrationCard h3{

    margin:25px 0 15px;

    color:var(--gapvp-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

    line-height:1.2;

    font-weight:600;

}

.gapvpRegistrationCard p{

    margin:0;

    color:var(--gapvp-text);

    font-size:15px !important;

    line-height:1.75 !important;

}

.gapvpRegistrationCard p strong{

    color:var(--gapvp-navy);

    font-weight:850;

}

.gapvpRegistrationLine{

    width:45px;

    height:2px;

    margin-top:auto;

    margin-bottom:15px;

    background:var(--gapvp-gold);

}

.gapvpRegistrationScope{

    color:var(--gapvp-muted);

    font-size:15px;

    line-height:1.5;

    font-weight:800;

    letter-spacing:.4px;

}


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

.gapvpRegistrationCTA{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    margin-top:35px;

    padding:35px 32px;

    border:1px solid rgba(189,139,37,.40);

    background:
        linear-gradient(
            120deg,
            var(--gapvp-deep),
            var(--gapvp-navy)
        );

}

.gapvpRegistrationCTA > div:first-child{

    max-width:700px;

}

.gapvpRegistrationCTA > div:first-child > span{

    display:block;

    margin-bottom:7px;

    color:var(--gapvp-gold-light);

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:1.5px;

}

.gapvpRegistrationCTA h3{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

    line-height:1.25;

    font-weight:500;

}

.gapvpRegistrationCTA h3 strong{

    color:var(--gapvp-gold-light);

}

.gapvpRegistrationCTA p{

    margin:9px 0 0;

    color:rgba(255,255,255,.61);

    font-size:15px;

}

.gapvpRegistrationActions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}

.gapvpCTAButton{

    min-height:56px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:13px;

    padding:13px 23px;

    background:var(--gapvp-gold);

    border:1px solid var(--gapvp-gold-light);

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    font-weight:900;

    transition:.25s ease;

}

.gapvpCTAButton b{

    font-size:21px;

}

.gapvpCTAButton:hover{

    color:#ffffff;

    background:#d0a03b;

    transform:translateY(-2px);

}

.gapvpCTAButtonSecondary{

    min-height:56px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:13px 18px;

    border:1px solid rgba(223,189,107,.50);

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

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    font-weight:900;

    transition:.25s ease;

}

.gapvpCTAButtonSecondary:hover{

    color:#ffffff;

    border-color:var(--gapvp-gold-light);

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

}


/* =========================================================
   RESPONSIVE — 1100px
========================================================= */

@media (max-width:1100px){

    .gapvpHeroGrid{

        grid-template-columns:
            minmax(0,1fr)
            minmax(320px,.75fr);

        gap:40px;

    }

    .gapvpContactBar{

        grid-template-columns:1fr;

    }

    .gapvpContactItem{

        border-right:0;

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

    }

    .gapvpContactItem:last-child{

        border-bottom:0;

    }

    .gapvpEngineeringGrid{

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

    }

    .gapvpRegistrationGrid{

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

    }

}


/* =========================================================
   RESPONSIVE — 900px
========================================================= */

@media (max-width:900px){

    .gapvpHeroGrid{

        grid-template-columns:1fr;

    }

    .gapvpHeroContent{

        padding-bottom:20px;

    }

    .gapvpHeroCredentialPanel{

        min-height:460px;

    }

    .gapvpHeroBottom{

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

    }

    .gapvpHeroBottom div:nth-child(2){

        border-right:0;

    }

    .gapvpHeroBottom div{

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

    }

    .gapvpEngineerLayout{

        grid-template-columns:1fr;

        gap:30px;

    }

    .gapvpEngineerIndex{

        min-height:230px;

    }

    .gapvpGovernmentHeader{

        grid-template-columns:1fr;

        gap:25px;

    }

    .gapvpGovernmentGrid{

        grid-template-columns:1fr;

    }

    .gapvpRegistrationCTA{

        align-items:flex-start;

        flex-direction:column;

    }

}


/* =========================================================
   RESPONSIVE — 600px
========================================================= */

@media (max-width:600px){

    .gapvpHero{

        padding:60px 17px 0;

    }

    .gapvpHero h1{

        font-size:44px;

        letter-spacing:-1.5px;

    }

    .gapvpHero h1 span{

        font-size:20px;

    }

    .gapvpHeroIntro{

        font-size:16px !important;

    }

    .gapvpContactItem{

        padding:15px 5px;

    }

    .gapvpHeroActions{

        width:100%;

        flex-direction:column;

        align-items:stretch;

    }

    .gapvpPrimaryButton,
    .gapvpCallButton{

        width:100%;

        justify-content:center;

    }

    .gapvpHeroCredentialPanel{

        min-height:430px;

    }

    .gapvpCredentialPanelBody{

        padding:30px 22px;

    }

    .gapvpCredentialMonogram{

        width:90px;
        height:90px;

        font-size:32px;

    }

    .gapvpCredentialPanelBody h2{

        font-size:35px;

    }

    .gapvpCredentialRows{

        grid-template-columns:1fr;

        gap:15px;

    }

    .gapvpCredentialRows > div,
    .gapvpCredentialRows > div:not(:first-child){

        padding:0 0 12px;

        border-right:0;

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

    }

    .gapvpCredentialRows > div:last-child{

        border-bottom:0;

    }

    .gapvpCredentialPanelBottom{

        flex-direction:column;

        gap:5px;

    }

    .gapvpHeroBottom{

        grid-template-columns:1fr;

    }

    .gapvpHeroBottom div{

        border-right:0;

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

    }

    .gapvpHeroBottom div:last-child{

        border-bottom:0;

    }


    /* ENGINEER */

    .gapvpEngineerSection,
    .gapvpGovernmentSection,
    .gapvpRegistrationSection{

        padding:72px 17px;

    }

    .gapvpSectionHeading h2,
    .gapvpGovernmentHeader h2,
    .gapvpRegistrationHeading h2{

        font-size:36px;

    }

    .gapvpEngineerIndex{

        padding:25px;

    }

    .gapvpEngineerIndex span{

        font-size:65px;

    }

    .gapvpEngineeringGrid{

        grid-template-columns:1fr;

    }


    /* GOVERNMENT */

    .gapvpGovernmentCard{

        min-height:390px;

        padding:27px 23px;

    }

    .gapvpGovernmentCard h3{

        font-size:29px;

    }

    .gapvpGovernmentFooter{

        left:23px;
        right:23px;

    }

    .gapvpGovernmentStatement{

        align-items:flex-start;

        padding:20px;

    }


    /* REGISTRATIONS */

    .gapvpRegistrationGrid{

        grid-template-columns:1fr;

    }

    .gapvpRegistrationCard{

        min-height:300px;

    }

    .gapvpRegistrationCTA{

        padding:27px 20px;

    }

    .gapvpRegistrationCTA h3{

        font-size:27px;

    }

    .gapvpRegistrationActions{

        width:100%;

        flex-direction:column;

        align-items:stretch;

    }

    .gapvpCTAButton,
    .gapvpCTAButtonSecondary{

        width:100%;

        justify-content:center;

    }

}


/* =========================================================
   RESPONSIVE — 390px
========================================================= */

@media (max-width:390px){

    .gapvpHero h1{

        font-size:39px;

    }

    .gapvpHero h1 span{

        font-size:19px;

    }

    .gapvpSectionHeading h2,
    .gapvpGovernmentHeader h2,
    .gapvpRegistrationHeading h2{

        font-size:32px;

    }

    .gapvpGovernmentCard h3{

        font-size:27px;

    }

}
/* =========================================================
   GOVERNMENT APPROVED PROPERTY VALUERS
   PROPERTY VALUATION FUNDAMENTALS PAGE
   UNIQUE NAMESPACE: gapvDef / gapvCircle / gapvRegistrar
========================================================= */

:root{

    --gapv-pv-navy:#092f62;
    --gapv-pv-deep:#061f40;
    --gapv-pv-blue:#123f73;

    --gapv-pv-gold:#b88723;
    --gapv-pv-gold-light:#d9b65f;
    --gapv-pv-gold-soft:#f3e6c5;

    --gapv-pv-white:#ffffff;
    --gapv-pv-cream:#fbfaf7;
    --gapv-pv-light:#f3f6f9;

    --gapv-pv-text:#34475b;
    --gapv-pv-muted:#6d7b8b;

    --gapv-pv-border:rgba(9,47,98,.13);

}


/* =========================================================
   BASE
========================================================= */

.gapvDefHero *,
.gapvCircleSection *,
.gapvRegistrarSection *,
.gapvAssessmentSection *,
.gapvDefinitionCTA *{

    box-sizing:border-box;

}

.gapvDefHero,
.gapvCircleSection,
.gapvRegistrarSection,
.gapvAssessmentSection,
.gapvDefinitionCTA{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.gapvDefHero p,
.gapvCircleSection p,
.gapvRegistrarSection p,
.gapvAssessmentSection p,
.gapvDefinitionCTA p{

    font-size:16px;

    line-height:1.8;

}


/* =========================================================
   SECTION 01
   DEFINITION HERO
========================================================= */

.gapvDefHero{

    position:relative;

    overflow:hidden;

    padding:105px 24px 80px;

    background:

        radial-gradient(
            circle at 88% 12%,
            rgba(216,183,102,.16),
            transparent 27%
        ),

        linear-gradient(
            135deg,
            var(--gapv-pv-deep),
            var(--gapv-pv-navy)
        );

    color:#ffffff;

}

.gapvDefHeroGlow{

    position:absolute;

    width:650px;
    height:650px;

    right:-360px;
    bottom:-430px;

    border:1px solid rgba(216,183,102,.18);

    border-radius:50%;

}

.gapvDefContainer{

    position:relative;

    z-index:2;

    width:min(1160px,100%);

    margin:auto;

}

.gapvDefEyebrow{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:25px;

    color:var(--gapv-pv-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvDefEyebrow span{

    width:45px;

    height:2px;

    background:var(--gapv-pv-gold-light);

}

.gapvDefHero h1{

    max-width:1000px;

    margin:0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(48px,6vw,76px);

    line-height:1.03;

    letter-spacing:-2px;

    font-weight:500;

    color:#ffffff;

}

.gapvDefHero h1 strong{

    display:block;

    margin-top:9px;

    color:var(--gapv-pv-gold-light);

    font-weight:700;

}

.gapvDefIntro{

    display:grid;

    grid-template-columns:80px minmax(0,1fr);

    gap:28px;

    max-width:1050px;

    margin-top:48px;

    padding-top:35px;

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

}

.gapvDefIntroMark{

    width:72px;
    height:72px;

    display:flex;

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

    border:1px solid rgba(216,183,102,.65);

    color:var(--gapv-pv-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:23px;

    font-weight:700;

}

.gapvDefIntro p{

    margin:0 0 20px;

    color:rgba(255,255,255,.74);

}

.gapvDefIntro p strong{

    color:#ffffff;

    font-weight:800;

}

.gapvDefIntro p:last-child{

    margin-bottom:0;

}

.gapvDefDefinitionBar{

    display:grid;

    grid-template-columns:1fr 70px 1fr;

    align-items:center;

    max-width:900px;

    margin-top:45px;

    border:1px solid rgba(216,183,102,.25);

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

}

.gapvDefDefinitionBar > div{

    min-height:90px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:18px 24px;

}

.gapvDefDefinitionBar small{

    margin-bottom:5px;

    color:var(--gapv-pv-gold-light);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.3px;

}

.gapvDefDefinitionBar strong{

    color:#ffffff;

    font-size:18px;

    line-height:1.4;

}

.gapvDefDefinitionArrow{

    align-items:center;

    justify-content:center !important;

    border-left:1px solid rgba(255,255,255,.10);

    border-right:1px solid rgba(255,255,255,.10);

    color:var(--gapv-pv-gold-light);

    font-size:25px;

}


/* =========================================================
   SECTION 02
   FMV VS CIRCLE RATE
========================================================= */

.gapvCircleSection{

    padding:105px 24px;

    background:var(--gapv-pv-cream);

}

.gapvCircleContainer{

    width:min(1160px,100%);

    margin:auto;

}

.gapvCircleHeader{

    display:grid;

    grid-template-columns:80px minmax(0,1fr);

    gap:25px;

    align-items:start;

    margin-bottom:45px;

}

.gapvCircleHeaderNumber{

    width:72px;
    height:72px;

    display:flex;

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

    border:1px solid var(--gapv-pv-gold);

    color:var(--gapv-pv-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

}

.gapvLightEyebrow{

    display:block;

    margin-bottom:9px;

    color:var(--gapv-pv-gold);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvCircleHeader h2{

    max-width:850px;

    margin:0;

    color:var(--gapv-pv-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4.5vw,58px);

    line-height:1.1;

    font-weight:500;

}

.gapvCircleHeader h2 strong{

    color:var(--gapv-pv-navy);

    font-weight:700;

}

.gapvCircleGrid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:20px;

}

.gapvCircleCard{

    position:relative;

    min-height:490px;

    display:flex;

    flex-direction:column;

    padding:38px 34px 32px;

    border:1px solid var(--gapv-pv-border);

}

.gapvCircleCardDark{

    background:var(--gapv-pv-deep);

    color:#ffffff;

}

.gapvCircleCardGold{

    background:

        linear-gradient(
            145deg,
            #ffffff,
            #faf5e9
        );

}

.gapvCircleCardTop{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding-bottom:20px;

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

}

.gapvCircleCardGold .gapvCircleCardTop{

    border-color:var(--gapv-pv-border);

}

.gapvCircleCardTop span{

    font-size:15px;

    font-weight:900;

    letter-spacing:1.5px;

}

.gapvCircleCardDark .gapvCircleCardTop span{

    color:rgba(255,255,255,.58);

}

.gapvCircleCardGold .gapvCircleCardTop span{

    color:var(--gapv-pv-muted);

}

.gapvCircleCardTop strong{

    color:var(--gapv-pv-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

}

.gapvCircleCard h3{

    margin:30px 0 20px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

    line-height:1.2;

}

.gapvCircleCardDark h3{

    color:#ffffff;

}

.gapvCircleCardGold h3{

    color:var(--gapv-pv-deep);

}

.gapvCircleCard p{

    margin:0 0 17px;

}

.gapvCircleCardDark p{

    color:rgba(255,255,255,.68);

}

.gapvCircleCardGold p{

    color:var(--gapv-pv-text);

}

.gapvCircleCard p strong{

    font-weight:800;

}

.gapvCircleCardDark p strong{

    color:#ffffff;

}

.gapvCircleCardGold p strong{

    color:var(--gapv-pv-navy);

}

.gapvCircleMeta{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:auto;

    padding-top:22px;

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

}

.gapvCircleCardGold .gapvCircleMeta{

    border-color:var(--gapv-pv-border);

}

.gapvCircleMeta span{

    padding:7px 10px;

    font-size:15px;

    line-height:1.3;

    font-weight:700;

}

.gapvCircleCardDark .gapvCircleMeta span{

    color:rgba(255,255,255,.62);

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

}

.gapvCircleCardGold .gapvCircleMeta span{

    color:var(--gapv-pv-navy);

    background:rgba(9,47,98,.045);

}

.gapvCircleInsight{

    display:grid;

    grid-template-columns:75px minmax(0,1fr);

    gap:22px;

    align-items:center;

    margin-top:25px;

    padding:25px 28px;

    border-left:4px solid var(--gapv-pv-gold);

    background:#ffffff;

    box-shadow:0 15px 40px rgba(6,31,64,.06);

}

.gapvCircleInsightIcon{

    width:65px;
    height:65px;

    display:flex;

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

    border:1px solid var(--gapv-pv-gold);

    color:var(--gapv-pv-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:18px;

    font-weight:700;

}

.gapvCircleInsight strong{

    display:block;

    margin-bottom:5px;

    color:var(--gapv-pv-navy);

    font-size:18px;

    line-height:1.45;

}

.gapvCircleInsight p{

    margin:0;

    color:var(--gapv-pv-muted);

}

.gapvCircleInsight p strong{

    display:inline;

    color:var(--gapv-pv-navy);

    font-size:inherit;

}


/* =========================================================
   SECTION 03
   SUB-REGISTRAR DATABASE
========================================================= */

.gapvRegistrarSection{

    padding:105px 24px;

    background:#ffffff;

}

.gapvRegistrarContainer{

    width:min(1160px,100%);

    margin:auto;

}

.gapvRegistrarHeading{

    max-width:900px;

    margin-bottom:55px;

}

.gapvGoldEyebrow{

    display:block;

    margin-bottom:12px;

    color:var(--gapv-pv-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvRegistrarHeading h2{

    margin:0;

    color:var(--gapv-pv-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(40px,4.5vw,60px);

    line-height:1.1;

    font-weight:500;

}

.gapvRegistrarHeading h2 strong{

    color:var(--gapv-pv-navy);

    font-weight:700;

}

.gapvRegistrarHeading p{

    max-width:800px;

    margin:20px 0 0;

    color:var(--gapv-pv-muted);

}

.gapvRegistrarLayout{

    display:grid;

    grid-template-columns:
        1fr
        .95fr;

    gap:65px;

    align-items:start;

}


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

.gapvRegistrarTimeline{

    position:relative;

    padding-left:8px;

}

.gapvRegistrarTimeline:before{

    content:"";

    position:absolute;

    left:25px;

    top:30px;
    bottom:30px;

    width:1px;

    background:
        linear-gradient(
            to bottom,
            var(--gapv-pv-gold),
            rgba(184,135,35,.08)
        );

}

.gapvRegistrarStep{

    position:relative;

    display:grid;

    grid-template-columns:52px minmax(0,1fr);

    gap:22px;

    margin-bottom:38px;

}

.gapvRegistrarStep:last-child{

    margin-bottom:0;

}

.gapvRegistrarStepNo{

    position:relative;

    z-index:2;

    width:52px;
    height:52px;

    display:flex;

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

    border:1px solid var(--gapv-pv-gold);

    background:#ffffff;

    color:var(--gapv-pv-gold);

    font-size:15px;

    font-weight:900;

}

.gapvRegistrarStep strong{

    display:block;

    margin:2px 0 7px;

    color:var(--gapv-pv-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:21px;

    line-height:1.35;

}

.gapvRegistrarStep p{

    margin:0;

    color:var(--gapv-pv-muted);

}


/* =========================================================
   EVIDENCE PANEL
========================================================= */

.gapvEvidencePanel{

    position:relative;

    padding:35px;

    background:

        linear-gradient(
            145deg,
            var(--gapv-pv-deep),
            var(--gapv-pv-navy)
        );

    color:#ffffff;

    box-shadow:
        0 25px 60px rgba(6,31,64,.14);

}

.gapvEvidencePanel:after{

    content:"";

    position:absolute;

    width:180px;
    height:180px;

    right:-70px;
    bottom:-75px;

    border:1px solid rgba(216,183,102,.2);

    border-radius:50%;

}

.gapvEvidencePanelTop{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding-bottom:20px;

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

}

.gapvEvidencePanelTop span{

    color:rgba(255,255,255,.57);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.5px;

}

.gapvEvidencePanelTop strong{

    color:var(--gapv-pv-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

}

.gapvEvidencePanel h3{

    position:relative;

    z-index:2;

    margin:30px 0 18px;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:32px;

    line-height:1.2;

    font-weight:500;

}

.gapvEvidencePanel h3 span{

    color:var(--gapv-pv-gold-light);

}

.gapvEvidencePanel p{

    position:relative;

    z-index:2;

    margin:0;

    color:rgba(255,255,255,.67);

}

.gapvEvidencePanel p strong{

    color:#ffffff;

}

.gapvEvidenceTags{

    position:relative;

    z-index:2;

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:25px;

}

.gapvEvidenceTags span{

    padding:8px 10px;

    border:1px solid rgba(216,183,102,.28);

    color:rgba(255,255,255,.74);

    font-size:15px;

    line-height:1.3;

}

.gapvEvidenceFormula{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:9px;

    margin-top:30px;

    padding-top:22px;

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

}

.gapvEvidenceFormula span{

    color:rgba(255,255,255,.62);

    font-size:15px;

    font-weight:700;

}

.gapvEvidenceFormula b{

    color:var(--gapv-pv-gold-light);

    font-size:19px;

}

.gapvEvidenceFormula strong{

    padding:7px 10px;

    background:var(--gapv-pv-gold);

    color:#ffffff;

    font-size:15px;

}


/* =========================================================
   SECTION 04
   PROPERTY-SPECIFIC ASSESSMENT
========================================================= */

.gapvAssessmentSection{

    padding:105px 24px;

    background:var(--gapv-pv-light);

}

.gapvAssessmentContainer{

    width:min(1160px,100%);

    margin:auto;

}

.gapvAssessmentIntro{

    display:grid;

    grid-template-columns:
        1fr
        .7fr;

    gap:70px;

    align-items:end;

    margin-bottom:48px;

}

.gapvAssessmentIntro h2{

    margin:0;

    color:var(--gapv-pv-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4vw,54px);

    line-height:1.1;

    font-weight:500;

}

.gapvAssessmentIntro h2 strong{

    color:var(--gapv-pv-navy);

}

.gapvAssessmentIntro > p{

    margin:0;

    color:var(--gapv-pv-muted);

}

.gapvAssessmentGrid{

    display:grid;

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

    gap:15px;

}

.gapvAssessmentCard{

    min-height:250px;

    display:flex;

    flex-direction:column;

    padding:28px;

    border:1px solid var(--gapv-pv-border);

    background:#ffffff;

    transition:.25s ease;

}

.gapvAssessmentCard:hover{

    transform:translateY(-4px);

    border-color:rgba(184,135,35,.42);

    box-shadow:
        0 18px 40px rgba(6,31,64,.07);

}

.gapvAssessmentCard > span{

    color:var(--gapv-pv-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

    line-height:1;

}

.gapvAssessmentCard strong{

    margin-top:28px;

    color:var(--gapv-pv-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:22px;

    line-height:1.3;

}

.gapvAssessmentCard p{

    margin:10px 0 0;

    color:var(--gapv-pv-muted);

}


/* =========================================================
   SECTION 05
   CTA
========================================================= */

.gapvDefinitionCTA{

    padding:65px 24px;

    background:

        linear-gradient(
            135deg,
            var(--gapv-pv-deep),
            var(--gapv-pv-navy)
        );

}

.gapvDefinitionCTAContainer{

    width:min(1160px,100%);

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:45px;

    padding:38px 40px;

    border:1px solid rgba(216,183,102,.35);

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

}

.gapvDefinitionCTAContent{

    max-width:700px;

}

.gapvDefinitionCTAContent > span{

    display:block;

    margin-bottom:8px;

    color:var(--gapv-pv-gold-light);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvDefinitionCTAContent h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:36px;

    line-height:1.2;

    font-weight:500;

}

.gapvDefinitionCTAContent h2 strong{

    color:var(--gapv-pv-gold-light);

}

.gapvDefinitionCTAContent p{

    margin:12px 0 0;

    color:rgba(255,255,255,.62);

}

.gapvDefinitionCTAActions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}

.gapvDefinitionButton{

    min-height:57px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    padding:14px 23px;

    border:1px solid var(--gapv-pv-gold-light);

    background:var(--gapv-pv-gold);

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    line-height:1.3;

    font-weight:900;

    box-shadow:
        0 12px 28px rgba(0,0,0,.2);

    transition:.25s ease;

}

.gapvDefinitionButton b{

    font-size:21px;

}

.gapvDefinitionButton:hover{

    background:#ce9f38;

    color:#ffffff;

    transform:translateY(-2px);

}

.gapvDefinitionPhone{

    min-height:57px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:14px 18px;

    border:1px solid rgba(216,183,102,.45);

    color:#ffffff;

    text-decoration:none;

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

    font-size:16px;

    font-weight:900;

    transition:.25s ease;

}

.gapvDefinitionPhone span{

    color:var(--gapv-pv-gold-light);

    font-size:19px;

}

.gapvDefinitionPhone:hover{

    color:#ffffff;

    border-color:var(--gapv-pv-gold-light);

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

}


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

@media (max-width:900px){

    .gapvRegistrarLayout{

        grid-template-columns:1fr;

        gap:45px;

    }

    .gapvAssessmentIntro{

        grid-template-columns:1fr;

        gap:20px;

    }

    .gapvAssessmentGrid{

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

    }

    .gapvDefinitionCTAContainer{

        align-items:flex-start;

        flex-direction:column;

    }

}


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

@media (max-width:600px){

    .gapvDefHero,
    .gapvCircleSection,
    .gapvRegistrarSection,
    .gapvAssessmentSection{

        padding-left:17px;
        padding-right:17px;

    }

    .gapvDefHero{

        padding-top:70px;
        padding-bottom:65px;

    }

    .gapvDefHero h1{

        font-size:43px;

        letter-spacing:-1px;

    }

    .gapvDefIntro{

        grid-template-columns:1fr;

        gap:20px;

        margin-top:35px;

    }

    .gapvDefIntroMark{

        width:60px;
        height:60px;

    }

    .gapvDefIntro p{

        font-size:15px;

    }

    .gapvDefDefinitionBar{

        grid-template-columns:1fr;

    }

    .gapvDefDefinitionArrow{

        min-height:45px !important;

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

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

        border-left:0 !important;

        border-right:0 !important;

    }


    /* CIRCLE RATE */

    .gapvCircleSection{

        padding-top:70px;
        padding-bottom:70px;

    }

    .gapvCircleHeader{

        grid-template-columns:1fr;

        gap:18px;

    }

    .gapvCircleHeaderNumber{

        width:58px;
        height:58px;

    }

    .gapvCircleHeader h2{

        font-size:37px;

    }

    .gapvCircleGrid{

        grid-template-columns:1fr;

    }

    .gapvCircleCard{

        min-height:auto;

        padding:29px 23px;

    }

    .gapvCircleCard h3{

        font-size:28px;

    }

    .gapvCircleInsight{

        grid-template-columns:1fr;

        gap:15px;

        padding:23px 19px;

    }


    /* REGISTRAR */

    .gapvRegistrarSection{

        padding-top:70px;
        padding-bottom:70px;

    }

    .gapvRegistrarHeading h2{

        font-size:37px;

    }

    .gapvRegistrarStep{

        grid-template-columns:45px minmax(0,1fr);

        gap:16px;

    }

    .gapvRegistrarStepNo{

        width:45px;
        height:45px;

    }

    .gapvRegistrarTimeline:before{

        left:22px;

    }

    .gapvRegistrarStep strong{

        font-size:19px;

    }

    .gapvEvidencePanel{

        padding:27px 21px;

    }

    .gapvEvidencePanel h3{

        font-size:28px;

    }


    /* ASSESSMENT */

    .gapvAssessmentSection{

        padding-top:70px;
        padding-bottom:70px;

    }

    .gapvAssessmentIntro h2{

        font-size:36px;

    }

    .gapvAssessmentGrid{

        grid-template-columns:1fr;

    }

    .gapvAssessmentCard{

        min-height:auto;

        padding:25px 22px;

    }


    /* CTA */

    .gapvDefinitionCTA{

        padding:45px 17px;

    }

    .gapvDefinitionCTAContainer{

        padding:27px 20px;

    }

    .gapvDefinitionCTAContent h2{

        font-size:30px;

    }

    .gapvDefinitionCTAActions{

        width:100%;

        flex-direction:column;

        align-items:stretch;

    }

    .gapvDefinitionButton,
    .gapvDefinitionPhone{

        width:100%;

        justify-content:center;

    }

}


/* =========================================================
   EXTRA SMALL
========================================================= */

@media (max-width:390px){

    .gapvDefHero h1{

        font-size:39px;

    }

    .gapvCircleHeader h2,
    .gapvRegistrarHeading h2,
    .gapvAssessmentIntro h2{

        font-size:32px;

    }

    .gapvDefinitionCTAContent h2{

        font-size:27px;

    }

}
/* =========================================================
   LANDMARK PROPERTY ENGAGEMENTS
   UNIQUE SECTION-WISE CSS
   ROYAL NAVY + GOLD
========================================================= */

.gapvLandmarkHero,
.gapvLandmarkEngagement,
.gapvLandmarkStatement,
.gapvLandmarkCTA{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.gapvLandmarkHero *,
.gapvLandmarkEngagement *,
.gapvLandmarkStatement *,
.gapvLandmarkCTA *{

    box-sizing:border-box;

}

.gapvLandmarkHero p,
.gapvLandmarkEngagement p,
.gapvLandmarkStatement p,
.gapvLandmarkCTA p{

    font-size:16px;

    line-height:1.8;

}


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

.gapvLandmarkHero{

    position:relative;

    overflow:hidden;

    padding:105px 24px 85px;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 85% 10%,
            rgba(216,183,102,.14),
            transparent 27%
        ),

        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 62%,
            #123f73 100%
        );

}

.gapvLandmarkHeroGlow{

    position:absolute;

    width:650px;
    height:650px;

    right:-390px;
    top:-320px;

    border:1px solid rgba(216,183,102,.14);

    border-radius:50%;

}

.gapvLandmarkHeroContainer{

    position:relative;

    z-index:2;

    width:min(1180px,100%);

    margin:auto;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        240px;

    gap:60px;

    align-items:center;

}

.gapvLandmarkHeroContent{

    max-width:900px;

}

.gapvLandmarkEyebrow{

    display:flex;

    align-items:center;

    gap:13px;

    margin-bottom:22px;

    color:#e0bd69;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvLandmarkEyebrow span{

    width:50px;

    height:2px;

    background:#e0bd69;

}

.gapvLandmarkHero h1{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(45px,5.5vw,70px);

    line-height:1.03;

    letter-spacing:-2px;

    font-weight:500;

}

.gapvLandmarkHero h1 span{

    display:block;

    margin-top:10px;

    color:#e0bd69;

    font-weight:700;

}

.gapvLandmarkHeroContent > p{

    max-width:850px;

    margin:28px 0 0;

    color:rgba(255,255,255,.73);

    font-size:18px !important;

    line-height:1.8 !important;

}

.gapvLandmarkHeroContent > p strong{

    color:#ffffff;

    font-weight:800;

}

.gapvLandmarkHeroMeta{

    display:grid;

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

    max-width:800px;

    margin-top:38px;

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

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

}

.gapvLandmarkHeroMeta div{

    padding:20px 18px;

    border-right:1px solid rgba(255,255,255,.10);

}

.gapvLandmarkHeroMeta div:last-child{

    border-right:0;

}

.gapvLandmarkHeroMeta strong{

    display:block;

    color:#e0bd69;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:23px;

    line-height:1.25;

}

.gapvLandmarkHeroMeta span{

    display:block;

    margin-top:5px;

    color:rgba(255,255,255,.60);

    font-size:15px;

    line-height:1.5;

}


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

.gapvLandmarkHeroBadge{

    width:215px;
    height:215px;

    display:flex;

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

    border:1px solid rgba(216,183,102,.50);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(216,183,102,.12),
            rgba(255,255,255,.02) 62%
        );

    transform:rotate(5deg);

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

}

.gapvLandmarkBadgeInner{

    width:175px;
    height:175px;

    display:flex;

    flex-direction:column;

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

    border:1px solid rgba(216,183,102,.28);

    border-radius:50%;

    text-align:center;

    transform:rotate(-5deg);

}

.gapvLandmarkBadgeInner span{

    color:rgba(255,255,255,.62);

    font-size:15px;

    letter-spacing:2px;

    font-weight:800;

}

.gapvLandmarkBadgeInner strong{

    margin:5px 0;

    color:#e0bd69;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;

    line-height:1.1;

}

.gapvLandmarkBadgeInner small{

    color:#ffffff;

    font-size:15px;

    letter-spacing:1.2px;

    font-weight:800;

}


/* =========================================================
   ENGAGEMENT CONTAINER
========================================================= */

.gapvLandmarkContainer{

    width:min(1180px,100%);

    margin:auto;

}

.gapvLandmarkEngagement{

    padding:105px 24px;

}

.gapvLandmarkEngagementOne{

    background:#fbfaf7;

}

.gapvLandmarkEngagementTwo{

    background:#f3f6f9;

}

.gapvLandmarkEngagementGrid{

    display:grid;

    grid-template-columns:150px minmax(0,1fr);

    gap:45px;

}


/* =========================================================
   SIDE MARKER
========================================================= */

.gapvLandmarkSide{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    padding-top:5px;

}

.gapvLandmarkSideNumber{

    color:#b88723;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:76px;

    line-height:.9;

    font-weight:500;

}

.gapvLandmarkSideLine{

    width:45px;

    height:2px;

    margin:22px 0;

    background:#b88723;

}

.gapvLandmarkSideLabel{

    max-width:120px;

    color:#092f62;

    font-size:15px;

    line-height:1.5;

    font-weight:900;

    letter-spacing:1.1px;

}


/* =========================================================
   ENGAGEMENT CONTENT
========================================================= */

.gapvLandmarkEngagementContent{

    max-width:900px;

}

.gapvLandmarkSectionTag{

    display:inline-flex;

    align-items:center;

    min-height:34px;

    padding:7px 11px;

    border:1px solid rgba(9,47,98,.13);

    color:#092f62;

    background:rgba(9,47,98,.035);

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:1.1px;

}

.gapvLandmarkEngagementContent h2{

    margin:20px 0 0;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4.5vw,57px);

    line-height:1.08;

    letter-spacing:-1px;

    font-weight:500;

}

.gapvLandmarkEngagementContent h2 strong{

    color:#092f62;

    font-weight:700;

}

.gapvLandmarkGoldLine{

    width:75px;

    height:3px;

    margin:23px 0 28px;

    background:#b88723;

}

.gapvLandmarkEngagementContent p{

    max-width:850px;

    margin:0 0 20px;

    color:#566779;

}

.gapvLandmarkEngagementContent p strong{

    color:#092f62;

    font-weight:800;

}

.gapvLandmarkLead{

    color:#334b64 !important;

    font-size:18px !important;

    line-height:1.82 !important;

}


/* =========================================================
   METHODOLOGY PANEL
========================================================= */

.gapvLandmarkMethodology{

    margin-top:38px;

    border:1px solid rgba(9,47,98,.13);

    background:#ffffff;

    box-shadow:
        0 18px 45px rgba(6,31,64,.055);

}

.gapvLandmarkMethodologyHeader{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    padding:20px 23px;

    border-bottom:1px solid rgba(9,47,98,.10);

    background:#061f40;

}

.gapvLandmarkMethodologyHeader span{

    color:#e0bd69;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.4px;

}

.gapvLandmarkMethodologyHeader strong{

    color:#ffffff;

    font-size:16px;

    line-height:1.4;

}

.gapvLandmarkMethodologyGrid{

    display:grid;

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

}

.gapvLandmarkMethod{

    padding:25px 22px;

    border-right:1px solid rgba(9,47,98,.10);

}

.gapvLandmarkMethod:last-child{

    border-right:0;

}

.gapvLandmarkMethod > span{

    display:block;

    margin-bottom:13px;

    color:#b88723;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:22px;

    font-weight:600;

}

.gapvLandmarkMethod strong{

    display:block;

    color:#092f62;

    font-size:17px;

    line-height:1.4;

    font-weight:900;

}

.gapvLandmarkMethod p{

    margin:8px 0 0;

    color:#657589;

    font-size:15px;

    line-height:1.65;

}


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

.gapvLandmarkEngagementFooter{

    display:flex;

    align-items:center;

    gap:15px;

    margin-top:32px;

    padding:17px 20px;

    border-left:3px solid #b88723;

    background:rgba(9,47,98,.035);

}

.gapvLandmarkEngagementFooter span{

    color:#b88723;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1px;

}

.gapvLandmarkEngagementFooter strong{

    color:#092f62;

    font-size:15px;

    line-height:1.5;

}


/* =========================================================
   MID-PAGE STATEMENT
========================================================= */

.gapvLandmarkStatement{

    position:relative;

    overflow:hidden;

    padding:70px 24px;

    background:#092f62;

    color:#ffffff;

}

.gapvLandmarkStatement:before{

    content:"";

    position:absolute;

    width:400px;
    height:400px;

    right:-200px;
    top:-250px;

    border:1px solid rgba(216,183,102,.16);

    border-radius:50%;

}

.gapvLandmarkStatementInner{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:105px minmax(0,1fr);

    gap:30px;

    align-items:center;

    max-width:1000px;

    margin:auto;

}

.gapvLandmarkStatementMark{

    width:90px;
    height:90px;

    display:flex;

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

    border:1px solid rgba(216,183,102,.60);

    color:#e0bd69;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:27px;

    font-weight:700;

}

.gapvLandmarkStatementInner span{

    display:block;

    margin-bottom:9px;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

    letter-spacing:1.7px;

}

.gapvLandmarkStatementInner h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:38px;

    line-height:1.18;

    font-weight:500;

}

.gapvLandmarkStatementInner h2 strong{

    color:#e0bd69;

}

.gapvLandmarkStatementInner p{

    max-width:800px;

    margin:14px 0 0;

    color:rgba(255,255,255,.68);

}

.gapvLandmarkStatementInner p strong{

    color:#ffffff;

}


/* =========================================================
   SPECIAL-PURPOSE PANEL
========================================================= */

.gapvLandmarkSpecialPanel{

    margin-top:38px;

    border:1px solid rgba(9,47,98,.13);

    background:#ffffff;

    box-shadow:
        0 18px 45px rgba(6,31,64,.055);

}

.gapvLandmarkSpecialHeader{

    padding:21px 23px;

    background:#061f40;

}

.gapvLandmarkSpecialHeader span{

    display:block;

    margin-bottom:5px;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

    letter-spacing:1.5px;

}

.gapvLandmarkSpecialHeader strong{

    color:#ffffff;

    font-size:18px;

    line-height:1.4;

}

.gapvLandmarkSpecialRows{

    display:grid;

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

}

.gapvLandmarkSpecialRows > div{

    display:flex;

    flex-direction:column;

    gap:6px;

    padding:20px 22px;

    border-right:1px solid rgba(9,47,98,.10);

    border-bottom:1px solid rgba(9,47,98,.10);

}

.gapvLandmarkSpecialRows > div:nth-child(2n){

    border-right:0;

}

.gapvLandmarkSpecialRows > div:nth-last-child(-n+2){

    border-bottom:0;

}

.gapvLandmarkSpecialRows span{

    color:#b88723;

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:1px;

}

.gapvLandmarkSpecialRows strong{

    color:#092f62;

    font-size:16px;

    line-height:1.5;

}


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

.gapvLandmarkCTA{

    padding:80px 24px;

    background:#fbfaf7;

}

.gapvLandmarkCTAContainer{

    width:min(1050px,100%);

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:35px;

    padding:38px 40px;

    border:1px solid rgba(184,135,35,.35);

    background:

        linear-gradient(
            120deg,
            #061f40,
            #092f62
        );

    box-shadow:
        0 25px 60px rgba(6,31,64,.13);

}

.gapvLandmarkCTAContent{

    max-width:680px;

}

.gapvLandmarkCTAContent > span{

    display:block;

    margin-bottom:8px;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

    letter-spacing:1.6px;

}

.gapvLandmarkCTAContent h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:34px;

    line-height:1.2;

    font-weight:500;

}

.gapvLandmarkCTAContent h2 strong{

    color:#e0bd69;

}

.gapvLandmarkCTAContent p{

    margin:12px 0 0;

    color:rgba(255,255,255,.65);

}

.gapvLandmarkCTAActions{

    display:flex;

    flex-direction:column;

    gap:11px;

    min-width:215px;

}

.gapvLandmarkPrimaryButton{

    min-height:56px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:14px 21px;

    border:1px solid #e0bd69;

    background:#b88723;

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    line-height:1.35;

    font-weight:900;

    text-align:center;

    transition:.25s ease;

}

.gapvLandmarkPrimaryButton b{

    font-size:20px;

}

.gapvLandmarkPrimaryButton:hover{

    background:#c99d3d;

    color:#ffffff;

    transform:translateY(-2px);

}

.gapvLandmarkPhoneButton{

    min-height:54px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:13px 18px;

    border:1px solid rgba(224,189,105,.45);

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

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    font-weight:900;

    transition:.25s ease;

}

.gapvLandmarkPhoneButton:hover{

    color:#ffffff;

    border-color:#e0bd69;

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

}


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

@media (max-width:950px){

    .gapvLandmarkHeroContainer{

        grid-template-columns:1fr;

    }

    .gapvLandmarkHeroBadge{

        width:170px;
        height:170px;

        margin-top:5px;

    }

    .gapvLandmarkBadgeInner{

        width:138px;
        height:138px;

    }

    .gapvLandmarkBadgeInner strong{

        font-size:21px;

    }

    .gapvLandmarkEngagementGrid{

        grid-template-columns:90px minmax(0,1fr);

        gap:30px;

    }

    .gapvLandmarkMethodologyGrid{

        grid-template-columns:1fr;

    }

    .gapvLandmarkMethod{

        border-right:0;

        border-bottom:1px solid rgba(9,47,98,.10);

    }

    .gapvLandmarkMethod:last-child{

        border-bottom:0;

    }

    .gapvLandmarkCTAContainer{

        align-items:flex-start;

        flex-direction:column;

    }

    .gapvLandmarkCTAActions{

        width:100%;

        flex-direction:row;

        flex-wrap:wrap;

    }

}


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

@media (max-width:600px){

    .gapvLandmarkHero{

        padding:70px 17px 60px;

    }

    .gapvLandmarkHero h1{

        font-size:41px;

        line-height:1.05;

        letter-spacing:-1px;

    }

    .gapvLandmarkHeroContent > p{

        font-size:16px !important;

    }

    .gapvLandmarkHeroMeta{

        grid-template-columns:1fr;

    }

    .gapvLandmarkHeroMeta div{

        border-right:0;

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

    }

    .gapvLandmarkHeroMeta div:last-child{

        border-bottom:0;

    }

    .gapvLandmarkEngagement{

        padding:72px 17px;

    }

    .gapvLandmarkEngagementGrid{

        grid-template-columns:1fr;

        gap:28px;

    }

    .gapvLandmarkSide{

        display:grid;

        grid-template-columns:auto 45px minmax(0,1fr);

        align-items:center;

        gap:13px;

    }

    .gapvLandmarkSideNumber{

        font-size:55px;

    }

    .gapvLandmarkSideLine{

        width:45px;

        height:2px;

        margin:0;

    }

    .gapvLandmarkSideLabel{

        max-width:none;

    }

    .gapvLandmarkEngagementContent h2{

        font-size:36px;

    }

    .gapvLandmarkLead{

        font-size:17px !important;

    }

    .gapvLandmarkMethodologyHeader{

        align-items:flex-start;

        flex-direction:column;

        gap:8px;

    }

    .gapvLandmarkEngagementFooter{

        align-items:flex-start;

        flex-direction:column;

        gap:6px;

    }


    /* MID STATEMENT */

    .gapvLandmarkStatement{

        padding:60px 17px;

    }

    .gapvLandmarkStatementInner{

        grid-template-columns:1fr;

        gap:20px;

    }

    .gapvLandmarkStatementInner h2{

        font-size:32px;

    }


    /* SPECIAL PANEL */

    .gapvLandmarkSpecialRows{

        grid-template-columns:1fr;

    }

    .gapvLandmarkSpecialRows > div,
    .gapvLandmarkSpecialRows > div:nth-child(2n){

        border-right:0;

    }

    .gapvLandmarkSpecialRows > div:nth-last-child(-n+2){

        border-bottom:1px solid rgba(9,47,98,.10);

    }

    .gapvLandmarkSpecialRows > div:last-child{

        border-bottom:0;

    }


    /* CTA */

    .gapvLandmarkCTA{

        padding:60px 17px;

    }

    .gapvLandmarkCTAContainer{

        padding:28px 20px;

    }

    .gapvLandmarkCTAContent h2{

        font-size:29px;

    }

    .gapvLandmarkCTAActions{

        flex-direction:column;

        align-items:stretch;

    }

    .gapvLandmarkPrimaryButton,
    .gapvLandmarkPhoneButton{

        width:100%;

    }

}
/* =========================================================
   PROPERTY TYPE MAP
   GOVERNMENT APPROVED PROPERTY VALUERS INDIA
   UNIQUE NAMESPACE: gapvProperty*
   ROYAL NAVY + GOLD
========================================================= */

.gapvPropertyMap{

    position:relative;

    overflow:hidden;

    padding:110px 24px 100px;

    background:

        radial-gradient(
            circle at 8% 10%,
            rgba(197,150,47,.08),
            transparent 25%
        ),

        linear-gradient(
            180deg,
            #ffffff 0%,
            #f8fafc 100%
        );

    color:#092f62;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}


.gapvPropertyMap *,
.gapvPropertyMap *:before,
.gapvPropertyMap *:after{

    box-sizing:border-box;

}


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

.gapvPropertyMapContainer{

    width:min(1240px,100%);

    margin:0 auto;

}


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

.gapvPropertyMapHeader{

    max-width:930px;

    margin:0 auto 62px;

    text-align:center;

}


.gapvPropertyMapEyebrow{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    margin-bottom:18px;

    color:#b88723;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}


.gapvPropertyMapEyebrow span{

    width:42px;

    height:2px;

    background:#b88723;

}


.gapvPropertyMapHeader h2{

    margin:0;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(40px,4.5vw,61px);

    line-height:1.1;

    letter-spacing:-1.4px;

    font-weight:500;

}


.gapvPropertyMapHeader h2 strong{

    color:#092f62;

    font-weight:700;

}


.gapvPropertyMapHeader > p{

    max-width:790px;

    margin:23px auto 0;

    color:#68788a;

    font-size:17px;

    line-height:1.8;

}


/* =========================================================
   PROPERTY GRID
========================================================= */

.gapvPropertyGrid{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:22px;

}


/* =========================================================
   BASE CARD
========================================================= */

.gapvPropertyCard{

    position:relative;

    display:flex;

    flex-direction:column;

    min-height:650px;

    padding:31px 31px 0;

    overflow:hidden;

    border:1px solid rgba(9,47,98,.12);

    background:#ffffff;

    box-shadow:
        0 18px 45px rgba(6,31,64,.065);

    transition:

        transform .3s ease,

        box-shadow .3s ease,

        border-color .3s ease;

}


.gapvPropertyCard:hover{

    transform:translateY(-6px);

    border-color:rgba(184,135,35,.35);

    box-shadow:
        0 28px 65px rgba(6,31,64,.12);

}


/* =========================================================
   CARD GOLD TOP LINE
========================================================= */

.gapvPropertyCard:before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;

    height:4px;

    background:#092f62;

}


.gapvCommercialCard:before,
.gapvAgriculturalCard:before{

    background:#b88723;

}


/* =========================================================
   CARD TOP
========================================================= */

.gapvPropertyCardTop{

    display:flex;

    align-items:center;

    justify-content:space-between;

}


.gapvPropertyNumber{

    color:#b88723;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:48px;

    line-height:1;

    font-weight:500;

}


.gapvPropertyTag{

    padding:7px 11px;

    border:1px solid rgba(9,47,98,.13);

    color:#092f62;

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:1.3px;

}


.gapvCommercialCard .gapvPropertyTag,
.gapvAgriculturalCard .gapvPropertyTag{

    border-color:rgba(184,135,35,.32);

    color:#a4771c;

}


/* =========================================================
   CATEGORY ICON
========================================================= */

.gapvPropertyIcon{

    width:62px;
    height:62px;

    display:flex;

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

    margin-top:26px;

    border:1px solid rgba(184,135,35,.45);

    background:
        linear-gradient(
            145deg,
            #092f62,
            #061f40
        );

    color:#e0bd69;

    font-size:15px;

    line-height:1;

    font-weight:900;

    letter-spacing:1px;

}


.gapvCommercialCard .gapvPropertyIcon,
.gapvAgriculturalCard .gapvPropertyIcon{

    background:
        linear-gradient(
            145deg,
            #b88723,
            #8f6717
        );

    color:#ffffff;

}


/* =========================================================
   CARD HEADING
========================================================= */

.gapvPropertyCard h3{

    margin:23px 0 13px;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:34px;

    line-height:1.15;

    font-weight:500;

}


.gapvPropertyCard h3 strong{

    color:#092f62;

    font-weight:700;

}


/* =========================================================
   GOLD ACCENT
========================================================= */

.gapvPropertyAccent{

    width:52px;

    height:3px;

    margin-bottom:19px;

    background:#b88723;

}


/* =========================================================
   INTRO
========================================================= */

.gapvPropertyIntro{

    margin:0 0 23px;

    padding-bottom:20px;

    border-bottom:1px solid rgba(9,47,98,.10);

    color:#536679;

    font-size:16px;

    line-height:1.7;

}


.gapvPropertyIntro strong{

    color:#092f62;

    font-weight:800;

}


/* =========================================================
   SUB-CATEGORIES
========================================================= */

.gapvPropertySubcategories{

    display:grid;

    grid-template-columns:
        repeat(2,minmax(0,1fr));

    gap:18px 22px;

}


.gapvPropertySubcategories > div{

    position:relative;

    padding-left:17px;

}


.gapvPropertySubcategories > div:before{

    content:"";

    position:absolute;

    left:0;
    top:8px;

    width:5px;
    height:5px;

    border-radius:50%;

    background:#b88723;

}


.gapvPropertySubcategories > div > strong{

    display:block;

    margin-bottom:5px;

    color:#092f62;

    font-size:16px;

    line-height:1.45;

    font-weight:900;

}


.gapvPropertySubcategories p{

    margin:0;

    color:#6c7c8d;

    font-size:15px;

    line-height:1.65;

}


.gapvPropertySubcategories p strong{

    color:#344d68;

    font-weight:800;

}


/* =========================================================
   SPECIALIST LINK
========================================================= */

.gapvPropertySpecialist{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    min-height:58px;

    margin-top:auto;

    margin-left:-31px;

    margin-right:-31px;

    padding:15px 24px 15px 31px;

    border-top:1px solid rgba(9,47,98,.11);

    background:#f7f9fb;

    color:#092f62;

    text-decoration:none;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    transition:.25s ease;

}


.gapvPropertySpecialist b{

    display:flex;

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

    width:32px;
    height:32px;

    flex:0 0 auto;

    border:1px solid #b88723;

    color:#b88723;

    font-size:18px;

    transition:.25s ease;

}


.gapvPropertySpecialist:hover{

    color:#ffffff;

    background:#092f62;

}


.gapvPropertySpecialist:hover b{

    background:#b88723;

    color:#ffffff;

}


/* =========================================================
   AGRICULTURAL / COMMERCIAL SPECIAL BACKGROUND
========================================================= */

.gapvCommercialCard,
.gapvAgriculturalCard{

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fffdf8 100%
        );

}


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

.gapvPropertyCTA{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:35px;

    margin-top:32px;

    padding:34px 35px;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 90% 20%,
            rgba(224,189,105,.16),
            transparent 28%
        ),

        linear-gradient(
            120deg,
            #061f40,
            #092f62
        );

    border:1px solid rgba(197,150,47,.38);

    box-shadow:
        0 22px 55px rgba(6,31,64,.14);

}


.gapvPropertyCTA:after{

    content:"";

    position:absolute;

    right:-110px;
    bottom:-150px;

    width:320px;
    height:320px;

    border:1px solid rgba(224,189,105,.16);

    border-radius:50%;

}


.gapvPropertyCTAContent{

    position:relative;

    z-index:2;

    max-width:670px;

}


.gapvPropertyCTAContent > span{

    display:block;

    margin-bottom:8px;

    color:#e0bd69;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.8px;

}


.gapvPropertyCTAContent h3{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

    line-height:1.25;

    font-weight:500;

}


.gapvPropertyCTAContent h3 strong{

    color:#e0bd69;

    font-weight:700;

}


.gapvPropertyCTAContent p{

    margin:9px 0 0;

    color:rgba(255,255,255,.66);

    font-size:15px;

    line-height:1.65;

}


.gapvPropertyCTAActions{

    position:relative;

    z-index:3;

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}


/* =========================================================
   CTA BUTTON
========================================================= */

.gapvPropertyCTAButton{

    min-height:58px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:14px 22px;

    border:1px solid #e0bd69;

    background:#c5962f;

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    line-height:1.35;

    font-weight:900;

    box-shadow:
        0 12px 28px rgba(0,0,0,.22);

    transition:.25s ease;

}


.gapvPropertyCTAButton b{

    font-size:21px;

}


.gapvPropertyCTAButton:hover{

    color:#ffffff;

    background:#d1a13d;

    transform:translateY(-2px);

}


/* =========================================================
   PHONE BUTTON
========================================================= */

.gapvPropertyPhoneButton{

    min-height:58px;

    display:flex;

    align-items:center;

    gap:11px;

    padding:8px 17px;

    border:1px solid rgba(224,189,105,.48);

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

    color:#ffffff;

    text-decoration:none;

    transition:.25s ease;

}


.gapvPropertyPhoneButton:hover{

    color:#ffffff;

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

    border-color:#e0bd69;

}


.gapvPropertyPhoneIcon{

    width:38px;
    height:38px;

    display:flex;

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

    border:1px solid #e0bd69;

    color:#e0bd69;

    font-size:18px;

}


.gapvPropertyPhoneButton small{

    display:block;

    color:rgba(255,255,255,.55);

    font-size:15px;

    line-height:1.3;

}


.gapvPropertyPhoneButton strong{

    display:block;

    margin-top:2px;

    color:#ffffff;

    font-size:18px;

    line-height:1.3;

}


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

@media (max-width:1050px){

    .gapvPropertyGrid{

        gap:18px;

    }

    .gapvPropertyCard{

        padding-left:25px;
        padding-right:25px;

    }

    .gapvPropertySpecialist{

        margin-left:-25px;
        margin-right:-25px;

        padding-left:25px;

    }

    .gapvPropertySubcategories{

        gap:16px;

    }

    .gapvPropertyCTA{

        align-items:flex-start;

        flex-direction:column;

    }

}


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

@media (max-width:800px){

    .gapvPropertyMap{

        padding:80px 20px;

    }

    .gapvPropertyGrid{

        grid-template-columns:1fr;

    }

    .gapvPropertyCard{

        min-height:auto;

    }

    .gapvPropertyMapHeader{

        margin-bottom:45px;

    }

    .gapvPropertyMapHeader h2{

        font-size:43px;

    }

}


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

@media (max-width:600px){

    .gapvPropertyMap{

        padding:65px 16px 70px;

    }


    .gapvPropertyMapHeader{

        margin-bottom:35px;

    }


    .gapvPropertyMapEyebrow{

        gap:9px;

        font-size:15px;

        letter-spacing:1.2px;

    }


    .gapvPropertyMapEyebrow span{

        width:25px;

    }


    .gapvPropertyMapHeader h2{

        font-size:35px;

        line-height:1.14;

        letter-spacing:-.7px;

    }


    .gapvPropertyMapHeader > p{

        font-size:15px;

        line-height:1.75;

    }


    /* CARD */

    .gapvPropertyCard{

        padding:25px 20px 0;

    }


    .gapvPropertyNumber{

        font-size:42px;

    }


    .gapvPropertyTag{

        font-size:15px;

        padding:6px 8px;

    }


    .gapvPropertyIcon{

        width:56px;
        height:56px;

        margin-top:21px;

    }


    .gapvPropertyCard h3{

        font-size:30px;

    }


    .gapvPropertySubcategories{

        grid-template-columns:1fr;

        gap:17px;

    }


    .gapvPropertySubcategories > div{

        padding-left:16px;

    }


    .gapvPropertySubcategories p{

        font-size:15px;

        line-height:1.65;

    }


    .gapvPropertySpecialist{

        margin-left:-20px;
        margin-right:-20px;

        padding-left:20px;

    }


    /* CTA */

    .gapvPropertyCTA{

        margin-top:22px;

        padding:27px 20px;

    }


    .gapvPropertyCTAContent h3{

        font-size:27px;

    }


    .gapvPropertyCTAActions{

        width:100%;

        flex-direction:column;

        align-items:stretch;

    }


    .gapvPropertyCTAButton,
    .gapvPropertyPhoneButton{

        width:100%;

        justify-content:center;

    }

}


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

@media (max-width:390px){

    .gapvPropertyMapHeader h2{

        font-size:31px;

    }


    .gapvPropertyCard h3{

        font-size:28px;

    }


    .gapvPropertyNumber{

        font-size:39px;

    }


    .gapvPropertyTag{

        font-size:15px;

    }


    .gapvPropertyCTAContent h3{

        font-size:25px;

    }

}
/* =========================================================
   GOVERNMENT APPROVED PROPERTY VALUERS INDIA
   FIVE METHODOLOGIES PAGE
   UNIQUE NAMESPACE: gapvm-
========================================================= */

:root{

    --gapvm-navy:#092f62;
    --gapvm-deep:#061f40;
    --gapvm-blue:#123f73;

    --gapvm-gold:#b88723;
    --gapvm-gold-light:#dfbc69;
    --gapvm-gold-pale:#f5ead0;

    --gapvm-white:#ffffff;
    --gapvm-ivory:#fcfbf8;
    --gapvm-soft:#f3f6f9;

    --gapvm-text:#405267;
    --gapvm-muted:#728095;

    --gapvm-border:rgba(9,47,98,.13);

}


/* =========================================================
   BASE
========================================================= */

.gapvmIntro *,
.gapvmMethodMap *,
.gapvmMethod *,
.gapvmSummary *,
.gapvmCTA *{

    box-sizing:border-box;

}

.gapvmIntro,
.gapvmMethodMap,
.gapvmMethod,
.gapvmSummary,
.gapvmCTA{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.gapvmIntro p,
.gapvmMethod p,
.gapvmSummary,
.gapvmCTA p{

    font-size:16px;

    line-height:1.8;

}


/* =========================================================
   COMMON CONTAINER
========================================================= */

.gapvmContainer{

    width:min(1220px,100%);

    margin:0 auto;

}


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

.gapvmIntro{

    position:relative;

    overflow:hidden;

    padding:105px 24px 95px;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 88% 20%,
            rgba(223,188,105,.14),
            transparent 26%
        ),

        linear-gradient(
            135deg,
            #061f40,
            #092f62 62%,
            #123f73
        );

}

.gapvmIntroPattern{

    position:absolute;

    width:600px;
    height:600px;

    right:-330px;
    bottom:-390px;

    border:1px solid rgba(223,188,105,.15);

    border-radius:50%;

}

.gapvmIntroKicker{

    position:relative;

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:25px;

    color:var(--gapvm-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2.2px;

}

.gapvmIntroKicker span{

    display:block;

    width:48px;

    height:2px;

    background:var(--gapvm-gold-light);

}

.gapvmIntro h1{

    position:relative;

    max-width:1030px;

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(48px,6vw,78px);

    line-height:1.02;

    letter-spacing:-2.5px;

    font-weight:500;

}

.gapvmIntro h1 strong{

    display:block;

    margin-top:8px;

    color:var(--gapvm-gold-light);

    font-weight:700;

}

.gapvmIntroText{

    position:relative;

    max-width:850px;

    margin:30px 0 0;

    color:rgba(255,255,255,.74);

    font-size:19px !important;

    line-height:1.8 !important;

}

.gapvmIntroText strong{

    color:#ffffff;

    font-weight:800;

}

.gapvmIntroTags{

    position:relative;

    display:flex;

    flex-wrap:wrap;

    gap:9px;

    margin-top:32px;

}

.gapvmIntroTags span{

    padding:10px 15px;

    border:1px solid rgba(223,188,105,.30);

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

    color:rgba(255,255,255,.78);

    font-size:15px;

    line-height:1.3;

    font-weight:700;

}


/* =========================================================
   METHODOLOGY MAP
========================================================= */

.gapvmMethodMap{

    padding:90px 24px;

    background:var(--gapvm-ivory);

}

.gapvmSectionHeading{

    max-width:850px;

    margin:0 auto 48px;

    text-align:center;

}

.gapvmSectionHeading > span{

    display:block;

    margin-bottom:13px;

    color:var(--gapvm-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvmSectionHeading h2{

    margin:0;

    color:var(--gapvm-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(35px,4vw,51px);

    line-height:1.15;

    font-weight:500;

}

.gapvmSectionHeading h2 strong{

    color:var(--gapvm-navy);

}

.gapvmSectionHeading p{

    max-width:720px;

    margin:18px auto 0;

    color:var(--gapvm-muted);

}

.gapvmMapGrid{

    display:grid;

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

    border-top:1px solid var(--gapvm-border);

    border-left:1px solid var(--gapvm-border);

}

.gapvmMapItem{

    min-height:190px;

    display:flex;

    flex-direction:column;

    padding:25px 21px;

    border-right:1px solid var(--gapvm-border);

    border-bottom:1px solid var(--gapvm-border);

    background:#ffffff;

    text-decoration:none;

    transition:.25s ease;

}

.gapvmMapItem:hover{

    background:var(--gapvm-navy);

    transform:translateY(-5px);

    box-shadow:
        0 18px 35px rgba(6,31,64,.12);

}

.gapvmMapItem b{

    color:var(--gapvm-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:35px;

    line-height:1;

}

.gapvmMapItem strong{

    margin-top:25px;

    color:var(--gapvm-deep);

    font-size:16px;

    line-height:1.45;

}

.gapvmMapItem span{

    margin-top:auto;

    color:var(--gapvm-muted);

    font-size:15px;

    line-height:1.45;

}

.gapvmMapItem:hover strong,
.gapvmMapItem:hover span{

    color:#ffffff;

}


/* =========================================================
   METHODOLOGY COMMON
========================================================= */

.gapvmMethod{

    padding:105px 24px;

}

.gapvmMethodLight{

    background:#ffffff;

    color:var(--gapvm-text);

}

.gapvmMethodDark{

    position:relative;

    overflow:hidden;

    background:

        radial-gradient(
            circle at 90% 20%,
            rgba(223,188,105,.10),
            transparent 25%
        ),

        var(--gapvm-deep);

    color:#ffffff;

}

.gapvmMethodDark:after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    right:-330px;
    bottom:-350px;

    border:1px solid rgba(223,188,105,.12);

    border-radius:50%;

}

.gapvmMethodGrid{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        .82fr
        1.18fr;

    gap:80px;

    align-items:start;

}

.gapvmMethodIntro{

    position:sticky;

    top:30px;

}

.gapvmMethodNumber{

    color:var(--gapvm-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:78px;

    line-height:.85;

    font-weight:700;

}

.gapvmMethodDark .gapvmMethodNumber{

    color:var(--gapvm-gold-light);

}

.gapvmMethodType{

    display:inline-block;

    margin-top:25px;

    padding:8px 11px;

    border:1px solid rgba(184,135,35,.35);

    color:var(--gapvm-gold);

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:1.1px;

}

.gapvmMethodDark .gapvmMethodType{

    color:var(--gapvm-gold-light);

    border-color:rgba(223,188,105,.38);

}

.gapvmMethodIntro h2{

    margin:20px 0 0;

    color:var(--gapvm-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(39px,4vw,57px);

    line-height:1.08;

    font-weight:500;

}

.gapvmMethodDark .gapvmMethodIntro h2{

    color:#ffffff;

}

.gapvmMethodIntro h2 strong{

    color:var(--gapvm-navy);

    font-weight:700;

}

.gapvmMethodDark .gapvmMethodIntro h2 strong{

    color:var(--gapvm-gold-light);

}

.gapvmMethodRule{

    width:75px;

    height:3px;

    margin:25px 0;

    background:
        linear-gradient(
            90deg,
            var(--gapvm-gold),
            transparent
        );

}

.gapvmMethodIntro p{

    margin:0 0 17px;

    color:var(--gapvm-text);

}

.gapvmMethodDark .gapvmMethodIntro p{

    color:rgba(255,255,255,.68);

}

.gapvmMethodIntro p strong{

    color:var(--gapvm-navy);

    font-weight:800;

}

.gapvmMethodDark .gapvmMethodIntro p strong{

    color:#ffffff;

}

.gapvmMethodContent{

    min-width:0;

}

.gapvmMethodLabel{

    margin-bottom:25px;

    color:var(--gapvm-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvmMethodDark .gapvmMethodLabel{

    color:var(--gapvm-gold-light);

}


/* =========================================================
   CMA STEPS
========================================================= */

.gapvmStepList{

    border-top:1px solid var(--gapvm-border);

}

.gapvmMethodDark .gapvmStepList{

    border-color:rgba(255,255,255,.13);

}

.gapvmStep{

    display:grid;

    grid-template-columns:55px minmax(0,1fr);

    gap:20px;

    padding:25px 0;

    border-bottom:1px solid var(--gapvm-border);

}

.gapvmMethodDark .gapvmStep{

    border-color:rgba(255,255,255,.13);

}

.gapvmStep > span{

    width:44px;
    height:44px;

    display:flex;

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

    border:1px solid var(--gapvm-gold);

    color:var(--gapvm-gold);

    font-size:15px;

    font-weight:900;

}

.gapvmStep h3{

    margin:0 0 7px;

    color:var(--gapvm-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:23px;

    line-height:1.3;

}

.gapvmMethodDark .gapvmStep h3{

    color:#ffffff;

}

.gapvmStep p{

    margin:0;

    color:var(--gapvm-text);

}

.gapvmMethodDark .gapvmStep p{

    color:rgba(255,255,255,.63);

}

.gapvmStep p strong{

    color:var(--gapvm-navy);

    font-weight:800;

}

.gapvmMethodDark .gapvmStep p strong{

    color:var(--gapvm-gold-light);

}

.gapvmSourceBox{

    display:flex;

    align-items:center;

    gap:20px;

    margin-top:28px;

    padding:18px 20px;

    border-left:3px solid var(--gapvm-gold);

    background:var(--gapvm-soft);

}

.gapvmSourceBox strong{

    color:var(--gapvm-navy);

    font-size:15px;

}

.gapvmSourceBox span{

    color:var(--gapvm-muted);

    font-size:15px;

}


/* =========================================================
   INCOME FORMULAS
========================================================= */

.gapvmFormulaGrid{

    display:grid;

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

    gap:15px;

}

.gapvmFormulaCard{

    padding:27px;

    border:1px solid rgba(223,188,105,.20);

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

}

.gapvmFormulaCard span{

    display:block;

    margin-bottom:18px;

    color:var(--gapvm-gold-light);

    font-size:15px;

    font-weight:900;

    letter-spacing:1px;

}

.gapvmFormulaCard strong{

    display:block;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:24px;

    line-height:1.35;

}

.gapvmFormulaCard strong em{

    color:var(--gapvm-gold-light);

    font-style:normal;

}

.gapvmFormulaCard p{

    margin:15px 0 0;

    color:rgba(255,255,255,.60);

    font-size:15px;

}

.gapvmInputGrid{

    display:grid;

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

    gap:1px;

    margin-top:22px;

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

}

.gapvmInputGrid div{

    display:flex;

    align-items:center;

    gap:14px;

    padding:16px;

    background:var(--gapvm-deep);

}

.gapvmInputGrid b{

    color:var(--gapvm-gold-light);

    font-size:15px;

}

.gapvmInputGrid span{

    color:rgba(255,255,255,.75);

    font-size:15px;

}

.gapvmRateNote{

    margin-top:22px;

    padding:18px 20px;

    border:1px solid rgba(223,188,105,.30);

    background:rgba(223,188,105,.06);

}

.gapvmRateNote strong{

    display:block;

    color:var(--gapvm-gold-light);

    font-size:15px;

    line-height:1.4;

}

.gapvmRateNote span{

    display:block;

    margin-top:7px;

    color:rgba(255,255,255,.72);

    font-size:15px;

    line-height:1.5;

}


/* =========================================================
   DRC FORMULA
========================================================= */

.gapvmDRCFormula{

    display:flex;

    align-items:stretch;

    gap:8px;

    flex-wrap:wrap;

}

.gapvmDRCFormula > div{

    flex:1 1 125px;

    min-height:135px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:17px;

    border:1px solid var(--gapvm-border);

    background:#f8fafc;

}

.gapvmDRCFormula > div span{

    color:var(--gapvm-gold);

    font-size:15px;

    font-weight:900;

}

.gapvmDRCFormula > div strong{

    margin-top:8px;

    color:var(--gapvm-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:20px;

}

.gapvmDRCFormula > div small{

    margin-top:5px;

    color:var(--gapvm-muted);

    font-size:15px;

    line-height:1.4;

}

.gapvmDRCFormula > i{

    display:flex;

    align-items:center;

    justify-content:center;

    color:var(--gapvm-gold);

    font-size:25px;

    font-style:normal;

}

.gapvmDRCFormula .gapvmDRCResult{

    flex-basis:100%;

    min-height:105px;

    border-color:var(--gapvm-gold);

    background:

        linear-gradient(
            120deg,
            var(--gapvm-navy),
            var(--gapvm-blue)
        );

}

.gapvmDRCFormula .gapvmDRCResult span,
.gapvmDRCFormula .gapvmDRCResult strong,
.gapvmDRCFormula .gapvmDRCResult small{

    color:#ffffff;

}

.gapvmDRCFormula .gapvmDRCResult strong{

    color:var(--gapvm-gold-light);

    font-size:28px;

}

.gapvmDRCNotes{

    display:grid;

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

    gap:15px;

    margin-top:22px;

}

.gapvmDRCNotes > div{

    padding:20px;

    border-top:2px solid var(--gapvm-gold);

    background:var(--gapvm-soft);

}

.gapvmDRCNotes strong{

    color:var(--gapvm-navy);

    font-size:15px;

}

.gapvmDRCNotes p{

    margin:7px 0 0;

    color:var(--gapvm-muted);

    font-size:15px;

}


/* =========================================================
   RESIDUAL
========================================================= */

.gapvmResidualFormula{

    display:grid;

    grid-template-columns:
        1fr
        50px
        1fr
        50px
        1.1fr;

    align-items:stretch;

}

.gapvmResidualFormula > div{

    padding:25px;

    border:1px solid rgba(223,188,105,.20);

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

}

.gapvmResidualFormula > .gapvmResidualMinus,
.gapvmResidualFormula > .gapvmResidualEqual{

    display:flex;

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

    padding:0;

    border:0;

    background:transparent;

    color:var(--gapvm-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:35px;

}

.gapvmResidualFormula span{

    display:block;

    color:var(--gapvm-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

}

.gapvmResidualFormula strong{

    display:block;

    margin-top:13px;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;

    line-height:1.25;

}

.gapvmResidualFormula p{

    margin:12px 0 0;

    color:rgba(255,255,255,.60);

    font-size:15px;

}

.gapvmResidualCosts ul{

    margin:15px 0 0;

    padding-left:18px;

    color:rgba(255,255,255,.67);

}

.gapvmResidualCosts li{

    margin:5px 0;

    font-size:15px;

}

.gapvmResidualResult{

    border-color:var(--gapvm-gold) !important;

    background:
        linear-gradient(
            135deg,
            rgba(184,135,35,.18),
            rgba(255,255,255,.04)
        ) !important;

}

.gapvmResidualResult strong{

    color:var(--gapvm-gold-light);

}

.gapvmApplicationBox{

    margin-top:22px;

    padding:20px;

    border:1px solid rgba(223,188,105,.25);

}

.gapvmApplicationBox > strong{

    color:var(--gapvm-gold-light);

    font-size:15px;

}

.gapvmApplicationBox div{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:13px;

}

.gapvmApplicationBox span{

    padding:8px 11px;

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

    color:rgba(255,255,255,.72);

    font-size:15px;

}


/* =========================================================
   LAND & BUILDING SPLIT
========================================================= */

.gapvmSplitDiagram{

    padding:30px;

    border:1px solid var(--gapvm-border);

    background:#f8fafc;

}

.gapvmSplitTotal{

    width:210px;

    margin:auto;

    padding:20px;

    border:2px solid var(--gapvm-gold);

    text-align:center;

    background:#ffffff;

}

.gapvmSplitTotal span,
.gapvmSplitColumns span{

    display:block;

    color:var(--gapvm-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

}

.gapvmSplitTotal strong{

    display:block;

    margin-top:5px;

    color:var(--gapvm-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

}

.gapvmSplitConnector{

    display:flex;

    justify-content:center;

    gap:105px;

    height:48px;

}

.gapvmSplitConnector span{

    width:1px;

    background:var(--gapvm-gold);

}

.gapvmSplitColumns{

    display:grid;

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

    gap:15px;

}

.gapvmSplitColumns > div{

    padding:25px;

    border:1px solid var(--gapvm-border);

    background:#ffffff;

}

.gapvmSplitColumns strong{

    display:block;

    margin-top:8px;

    color:var(--gapvm-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;

}

.gapvmSplitColumns p{

    margin:10px 0 0;

    color:var(--gapvm-muted);

    font-size:15px;

}

.gapvmPurposeGrid{

    display:grid;

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

    gap:15px;

    margin-top:22px;

}

.gapvmPurposeGrid > div{

    padding:20px;

    border-top:3px solid var(--gapvm-navy);

    background:var(--gapvm-soft);

}

.gapvmPurposeGrid b{

    display:block;

    color:var(--gapvm-gold);

    font-size:15px;

}

.gapvmPurposeGrid strong{

    display:block;

    margin-top:7px;

    color:var(--gapvm-navy);

    font-size:16px;

}

.gapvmPurposeGrid p{

    margin:6px 0 0;

    color:var(--gapvm-muted);

    font-size:15px;

}

.gapvmDominanceNote{

    display:grid;

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

    gap:15px;

    margin-top:20px;

}

.gapvmDominanceNote > div{

    display:flex;

    flex-direction:column;

    gap:5px;

    padding:16px;

    border-left:3px solid var(--gapvm-gold);

}

.gapvmDominanceNote strong{

    color:var(--gapvm-navy);

    font-size:15px;

}

.gapvmDominanceNote span{

    color:var(--gapvm-muted);

    font-size:15px;

}


/* =========================================================
   SUMMARY
========================================================= */

.gapvmSummary{

    padding:100px 24px;

    background:var(--gapvm-soft);

}

.gapvmSummaryHeader{

    max-width:800px;

    margin:0 auto 45px;

    text-align:center;

}

.gapvmSummaryHeader span{

    color:var(--gapvm-gold);

    font-size:15px;

    font-weight:900;

    letter-spacing:2px;

}

.gapvmSummaryHeader h2{

    margin:13px 0 0;

    color:var(--gapvm-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(36px,4vw,51px);

    line-height:1.15;

    font-weight:500;

}

.gapvmSummaryHeader h2 strong{

    color:var(--gapvm-navy);

}

.gapvmSummaryTable{

    border:1px solid var(--gapvm-border);

    background:#ffffff;

    box-shadow:
        0 20px 45px rgba(6,31,64,.06);

}

.gapvmSummaryRow{

    display:grid;

    grid-template-columns:
        1.2fr
        1fr
        1fr;

    border-bottom:1px solid var(--gapvm-border);

}

.gapvmSummaryRow:last-child{

    border-bottom:0;

}

.gapvmSummaryRow > *{

    padding:19px 22px;

    border-right:1px solid var(--gapvm-border);

    font-size:15px;

    line-height:1.5;

}

.gapvmSummaryRow > *:last-child{

    border-right:0;

}

.gapvmSummaryHead{

    background:var(--gapvm-navy);

    color:#ffffff;

}

.gapvmSummaryHead > *{

    color:#ffffff;

    font-weight:900;

}

.gapvmSummaryRow strong{

    color:var(--gapvm-navy);

}

.gapvmSummaryRow span{

    color:var(--gapvm-muted);

}


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

.gapvmCTA{

    position:relative;

    overflow:hidden;

    padding:75px 24px;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 90% 40%,
            rgba(223,188,105,.16),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            var(--gapvm-deep),
            var(--gapvm-navy)
        );

}

.gapvmCTAOrnament{

    position:absolute;

    width:400px;
    height:400px;

    right:-250px;
    top:-180px;

    border:1px solid rgba(223,188,105,.18);

    border-radius:50%;

}

.gapvmCTAInner{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:45px;

    padding:35px 0;

}

.gapvmCTAContent{

    max-width:750px;

}

.gapvmCTAContent > span{

    display:block;

    margin-bottom:10px;

    color:var(--gapvm-gold-light);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvmCTAContent h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(35px,4vw,52px);

    line-height:1.1;

    font-weight:500;

}

.gapvmCTAContent h2 strong{

    color:var(--gapvm-gold-light);

}

.gapvmCTAContent p{

    max-width:650px;

    margin:16px 0 0;

    color:rgba(255,255,255,.65);

}

.gapvmCTAContent p strong{

    color:#ffffff;

}

.gapvmCTAActions{

    display:flex;

    flex-direction:column;

    align-items:stretch;

    gap:12px;

    min-width:260px;

}

.gapvmCTAButton{

    min-height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:15px 24px;

    border:1px solid var(--gapvm-gold-light);

    background:var(--gapvm-gold);

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    line-height:1.3;

    font-weight:900;

    box-shadow:
        0 14px 30px rgba(0,0,0,.20);

    transition:.25s ease;

}

.gapvmCTAButton b{

    font-size:21px;

}

.gapvmCTAButton:hover{

    color:#ffffff;

    background:#d09f35;

    transform:translateY(-2px);

}

.gapvmCTAPhone{

    min-height:54px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    border:1px solid rgba(223,188,105,.42);

    color:#ffffff;

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

    text-decoration:none;

    font-size:18px;

    font-weight:900;

    transition:.25s ease;

}

.gapvmCTAPhone span{

    color:var(--gapvm-gold-light);

}

.gapvmCTAPhone:hover{

    color:#ffffff;

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

    border-color:var(--gapvm-gold-light);

}


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

@media(max-width:1000px){

    .gapvmMapGrid{

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

    }

    .gapvmMapItem:last-child{

        grid-column:1 / -1;

    }

    .gapvmMethodGrid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .gapvmMethodIntro{

        position:relative;

        top:auto;

    }

    .gapvmResidualFormula{

        grid-template-columns:1fr;

    }

    .gapvmResidualFormula > .gapvmResidualMinus,
    .gapvmResidualFormula > .gapvmResidualEqual{

        min-height:40px;

    }

    .gapvmCTAInner{

        align-items:flex-start;

        flex-direction:column;

    }

    .gapvmCTAActions{

        width:100%;

        max-width:380px;

    }

}


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

@media(max-width:650px){

    .gapvmIntro,
    .gapvmMethodMap,
    .gapvmMethod,
    .gapvmSummary,
    .gapvmCTA{

        padding-left:17px;
        padding-right:17px;

    }

    .gapvmIntro{

        padding-top:70px;
        padding-bottom:70px;

    }

    .gapvmIntro h1{

        font-size:42px;

        letter-spacing:-1.2px;

    }

    .gapvmIntroText{

        font-size:17px !important;

    }

    .gapvmIntroTags span{

        font-size:15px;

        padding:9px 11px;

    }


    /* METHOD MAP */

    .gapvmMethodMap{

        padding-top:70px;
        padding-bottom:70px;

    }

    .gapvmMapGrid{

        grid-template-columns:1fr;

    }

    .gapvmMapItem:last-child{

        grid-column:auto;

    }


    /* METHODS */

    .gapvmMethod{

        padding-top:75px;
        padding-bottom:75px;

    }

    .gapvmMethodNumber{

        font-size:62px;

    }

    .gapvmMethodIntro h2{

        font-size:40px;

    }

    .gapvmMethodIntro p{

        font-size:15px;

    }

    .gapvmStep{

        grid-template-columns:45px minmax(0,1fr);

        gap:13px;

    }

    .gapvmStep h3{

        font-size:21px;

    }


    /* INCOME */

    .gapvmFormulaGrid{

        grid-template-columns:1fr;

    }

    .gapvmInputGrid{

        grid-template-columns:1fr;

    }


    /* DRC */

    .gapvmDRCFormula{

        flex-direction:column;

    }

    .gapvmDRCFormula > i{

        min-height:20px;

    }

    .gapvmDRCNotes{

        grid-template-columns:1fr;

    }


    /* RESIDUAL */

    .gapvmResidualFormula > div{

        padding:21px;

    }


    /* LAND BUILDING */

    .gapvmSplitDiagram{

        padding:20px 15px;

    }

    .gapvmSplitColumns{

        grid-template-columns:1fr;

    }

    .gapvmSplitConnector{

        display:none;

    }

    .gapvmPurposeGrid{

        grid-template-columns:1fr;

    }

    .gapvmDominanceNote{

        grid-template-columns:1fr;

    }


    /* SUMMARY */

    .gapvmSummary{

        padding-top:70px;
        padding-bottom:70px;

    }

    .gapvmSummaryTable{

        overflow:hidden;

    }

    .gapvmSummaryRow{

        grid-template-columns:1fr;

    }

    .gapvmSummaryRow > *{

        border-right:0;

        border-bottom:1px solid var(--gapvm-border);

    }

    .gapvmSummaryRow > *:last-child{

        border-bottom:0;

    }

    .gapvmSummaryHead{

        display:none;

    }


    /* CTA */

    .gapvmCTA{

        padding-top:60px;
        padding-bottom:60px;

    }

    .gapvmCTAContent h2{

        font-size:36px;

    }

    .gapvmCTAActions{

        max-width:none;

    }

    .gapvmCTAButton,
    .gapvmCTAPhone{

        width:100%;

    }

}
/* =========================================================
   SECTION 50C — PREMIUM PROPERTY VALUATION PAGE
   UNIQUE NAMESPACE: gapv50c-
   ROYAL NAVY + GOLD
========================================================= */

.gapv50c-hero *,
.gapv50c-mechanism *,
.gapv50c-applies *,
.gapv50c-challenge *,
.gapv50c-tolerance *,
.gapv50c-mirror *,
.gapv50c-final *{

    box-sizing:border-box;

}

.gapv50c-hero,
.gapv50c-mechanism,
.gapv50c-applies,
.gapv50c-challenge,
.gapv50c-tolerance,
.gapv50c-mirror,
.gapv50c-final{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.gapv50c-hero p,
.gapv50c-mechanism p,
.gapv50c-applies p,
.gapv50c-challenge p,
.gapv50c-tolerance p,
.gapv50c-mirror p,
.gapv50c-final p{

    font-size:16px;

    line-height:1.8;

}


/* =========================================================
   SHARED EYEBROW
========================================================= */

.gapv50c-eyebrow{

    display:block;

    margin-bottom:15px;

    color:#b88723;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapv50c-eyebrow-light{

    display:block;

    margin-bottom:15px;

    color:#e2bd67;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}


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

.gapv50c-hero{

    position:relative;

    overflow:hidden;

    padding:90px 24px 85px;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 88% 15%,
            rgba(216,183,102,.13),
            transparent 27%
        ),

        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 62%,
            #123f73 100%
        );

}

.gapv50c-hero-pattern{

    position:absolute;

    width:600px;
    height:600px;

    right:-330px;
    bottom:-400px;

    border:1px solid rgba(216,183,102,.16);

    border-radius:50%;

}

.gapv50c-hero-pattern:before{

    content:"";

    position:absolute;

    inset:70px;

    border:1px solid rgba(216,183,102,.10);

    border-radius:50%;

}

.gapv50c-hero-inner{

    position:relative;

    z-index:2;

    width:min(1180px,100%);

    margin:auto;

}

.gapv50c-hero-kicker{

    display:flex;

    align-items:center;

    gap:13px;

    margin-bottom:25px;

    color:#e0ba60;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapv50c-hero-kicker span{

    display:block;

    width:48px;

    height:2px;

    background:#d8b766;

}

.gapv50c-hero h1{

    max-width:1050px;

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(48px,6vw,76px);

    line-height:1.02;

    letter-spacing:-2.5px;

    font-weight:500;

}

.gapv50c-hero h1 span{

    display:block;

    margin-bottom:5px;

    color:#e0ba60;

    font-weight:700;

}

.gapv50c-hero-intro{

    max-width:930px;

    margin:30px 0 0;

    color:rgba(255,255,255,.77);

    font-size:18px !important;

    line-height:1.85 !important;

}

.gapv50c-hero-intro strong{

    color:#ffffff;

    font-weight:800;

}


/* =========================================================
   HERO FACT STRIP
========================================================= */

.gapv50c-hero-facts{

    display:grid;

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

    max-width:850px;

    margin-top:45px;

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

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

}

.gapv50c-hero-fact{

    min-height:105px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:18px 22px;

    border-right:1px solid rgba(255,255,255,.10);

}

.gapv50c-hero-fact:last-child{

    border-right:0;

}

.gapv50c-hero-fact strong{

    color:#e0ba60;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:30px;

    line-height:1.1;

}

.gapv50c-hero-fact span{

    margin-top:6px;

    color:rgba(255,255,255,.60);

    font-size:15px;

    line-height:1.4;

}


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

.gapv50c-hero-cta{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:14px;

    margin-top:38px;

}

.gapv50c-primary-btn{

    min-height:58px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    padding:14px 25px;

    background:#c5962f;

    border:1px solid #e0bd69;

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    line-height:1.3;

    font-weight:900;

    box-shadow:
        0 15px 35px rgba(0,0,0,.22);

    transition:.25s ease;

}

.gapv50c-primary-btn b{

    font-size:22px;

}

.gapv50c-primary-btn:hover{

    color:#ffffff;

    background:#d3a13c;

    transform:translateY(-2px);

}

.gapv50c-phone-btn{

    min-height:58px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:9px 18px;

    border:1px solid rgba(224,189,105,.45);

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

    color:#ffffff;

    text-decoration:none;

    transition:.25s ease;

}

.gapv50c-phone-btn:hover{

    color:#ffffff;

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

    border-color:#e0bd69;

}

.gapv50c-phone-icon{

    width:39px;
    height:39px;

    display:flex;

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

    border:1px solid #d8b766;

    color:#e0bd69;

    font-size:18px;

}

.gapv50c-phone-btn small{

    display:block;

    color:rgba(255,255,255,.55);

    font-size:15px;

    line-height:1.3;

}

.gapv50c-phone-btn strong{

    display:block;

    margin-top:2px;

    color:#ffffff;

    font-size:18px;

    line-height:1.3;

}


/* =========================================================
   SECTION 01 — MECHANISM
========================================================= */

.gapv50c-mechanism{

    padding:100px 24px;

    background:#fbfaf7;

}

.gapv50c-mechanism .container,
.gapv50c-applies .container,
.gapv50c-challenge .container,
.gapv50c-tolerance .container,
.gapv50c-mirror .container{

    width:min(1180px,100%);

    margin:auto;

}

.gapv50c-section-heading{

    max-width:820px;

    margin:0 auto 55px;

    text-align:center;

}

.gapv50c-section-heading h2{

    margin:0;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(37px,4.5vw,55px);

    line-height:1.13;

    font-weight:500;

}

.gapv50c-section-heading h2 strong{

    color:#092f62;

    font-weight:700;

}

.gapv50c-mechanism-layout{

    display:grid;

    grid-template-columns:
        .9fr
        1.1fr;

    gap:70px;

    align-items:center;

}

.gapv50c-mechanism-content{

    padding-right:20px;

}

.gapv50c-mechanism-content p{

    margin:0 0 20px;

    color:#58697a;

}

.gapv50c-mechanism-content strong{

    color:#092f62;

    font-weight:800;

}

.gapv50c-mechanism-visual{

    padding:35px;

    border:1px solid rgba(9,47,98,.12);

    background:#ffffff;

    box-shadow:
        0 20px 50px rgba(6,31,64,.07);

}

.gapv50c-value-card{

    padding:24px;

    border:1px solid rgba(9,47,98,.12);

}

.gapv50c-value-card span{

    display:block;

    color:#b88723;

    font-size:15px;

    font-weight:900;

    letter-spacing:1.4px;

}

.gapv50c-value-card strong{

    display:block;

    margin-top:8px;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:27px;

    line-height:1.2;

}

.gapv50c-value-card small{

    display:block;

    margin-top:5px;

    color:#718096;

    font-size:15px;

}

.gapv50c-value-sdv{

    border-color:rgba(197,150,47,.40);

    background:#fcf8ee;

}

.gapv50c-value-arrow{

    height:45px;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#b88723;

    font-size:27px;

    font-weight:900;

}

.gapv50c-value-result{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-top:22px;

    padding:18px 20px;

    background:#092f62;

}

.gapv50c-value-result strong{

    color:#e0bd69;

    font-size:15px;

    letter-spacing:1px;

}

.gapv50c-value-result span{

    color:rgba(255,255,255,.75);

    font-size:15px;

}


/* =========================================================
   SECTION 02 — WHEN IT APPLIES
========================================================= */

.gapv50c-applies{

    padding:105px 24px;

    background:#ffffff;

}

.gapv50c-applies-header{

    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:40px;

    margin-bottom:55px;

}

.gapv50c-applies-header h2{

    max-width:800px;

    margin:0;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4vw,54px);

    line-height:1.12;

    font-weight:500;

}

.gapv50c-applies-header h2 strong{

    color:#092f62;

}

.gapv50c-applies-marker{

    min-width:145px;

    padding:20px;

    border-top:3px solid #b88723;

    border-bottom:1px solid rgba(9,47,98,.15);

    text-align:center;

}

.gapv50c-applies-marker strong{

    display:block;

    color:#092f62;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:38px;

}

.gapv50c-applies-marker span{

    display:block;

    margin-top:5px;

    color:#718096;

    font-size:15px;

}

.gapv50c-applies-grid{

    display:grid;

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

    gap:20px;

}

.gapv50c-apply-card{

    position:relative;

    min-height:360px;

    padding:30px;

    border:1px solid rgba(9,47,98,.12);

    background:#f8fafc;

    overflow:hidden;

    transition:.3s ease;

}

.gapv50c-apply-card:hover{

    transform:translateY(-5px);

    box-shadow:
        0 22px 45px rgba(6,31,64,.09);

}

.gapv50c-apply-card:after{

    content:"";

    position:absolute;

    width:100px;
    height:100px;

    right:-50px;
    bottom:-50px;

    border:1px solid rgba(197,150,47,.20);

    border-radius:50%;

}

.gapv50c-apply-card-gold{

    background:
        linear-gradient(
            145deg,
            #fffdf8,
            #f8f1df
        );

    border-color:rgba(197,150,47,.30);

}

.gapv50c-card-number{

    display:block;

    color:#b88723;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:42px;

    line-height:1;

}

.gapv50c-card-icon{

    width:56px;
    height:56px;

    display:flex;

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

    margin-top:25px;

    border:1px solid rgba(9,47,98,.16);

    color:#092f62;

    font-size:15px;

    font-weight:900;

}

.gapv50c-apply-card h3{

    margin:22px 0 15px;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:27px;

    line-height:1.2;

    font-weight:500;

}

.gapv50c-apply-card h3 strong{

    color:#092f62;

    font-weight:700;

}

.gapv50c-apply-card p{

    margin:0;

    color:#617286;

}

.gapv50c-apply-card p strong{

    color:#092f62;

}


/* =========================================================
   SECTION 03 — CHALLENGE
========================================================= */

.gapv50c-challenge{

    position:relative;

    overflow:hidden;

    padding:105px 24px;

    background:

        radial-gradient(
            circle at 90% 10%,
            rgba(224,189,105,.12),
            transparent 25%
        ),

        #061f40;

    color:#ffffff;

}

.gapv50c-challenge-glow{

    position:absolute;

    width:450px;
    height:450px;

    left:-300px;
    bottom:-280px;

    border:1px solid rgba(224,189,105,.14);

    border-radius:50%;

}

.gapv50c-challenge-header{

    max-width:850px;

    margin-bottom:60px;

}

.gapv50c-challenge-header h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4.5vw,57px);

    line-height:1.1;

    font-weight:500;

}

.gapv50c-challenge-header h2 strong{

    color:#e0bd69;

}

.gapv50c-challenge-header p{

    max-width:750px;

    margin:20px 0 0;

    color:rgba(255,255,255,.63);

}

.gapv50c-challenge-flow{

    display:grid;

    grid-template-columns:
        1fr 45px 1fr 45px 1fr 45px 1fr;

    align-items:center;

}

.gapv50c-flow-item{

    min-height:280px;

    padding:27px 20px;

    border:1px solid rgba(255,255,255,.12);

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

}

.gapv50c-flow-no{

    display:flex;

    align-items:center;

    justify-content:center;

    width:43px;
    height:43px;

    margin-bottom:22px;

    border:1px solid rgba(224,189,105,.55);

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

}

.gapv50c-flow-item > strong{

    display:block;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:21px;

    line-height:1.3;

}

.gapv50c-flow-item p{

    margin:13px 0 0;

    color:rgba(255,255,255,.58);

    font-size:15px;

    line-height:1.7;

}

.gapv50c-flow-item p strong{

    color:#ffffff;

}

.gapv50c-flow-line{

    height:1px;

    background:
        linear-gradient(
            90deg,
            transparent,
            #b88723,
            transparent
        );

}

.gapv50c-challenge-note{

    display:grid;

    grid-template-columns:80px 1fr;

    gap:20px;

    align-items:center;

    margin-top:45px;

    padding:25px;

    border:1px solid rgba(224,189,105,.30);

    background:rgba(197,150,47,.08);

}

.gapv50c-note-symbol{

    width:65px;
    height:65px;

    display:flex;

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

    border:1px solid #b88723;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

}

.gapv50c-challenge-note strong{

    color:#ffffff;

    font-size:17px;

}

.gapv50c-challenge-note p{

    margin:6px 0 0;

    color:rgba(255,255,255,.62);

    font-size:15px;

}

.gapv50c-challenge-note p strong{

    color:#ffffff;

}


/* =========================================================
   SECTION 04 — TOLERANCE
========================================================= */

.gapv50c-tolerance{

    padding:105px 24px;

    background:#f7f8fa;

}

.gapv50c-tolerance-grid{

    display:grid;

    grid-template-columns:
        .9fr
        1.1fr;

    gap:70px;

    align-items:center;

}

.gapv50c-tolerance-copy h2{

    margin:0;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4.2vw,55px);

    line-height:1.1;

    font-weight:500;

}

.gapv50c-tolerance-copy h2 strong{

    color:#092f62;

}

.gapv50c-tolerance-copy p{

    margin:19px 0 0;

    color:#617286;

}

.gapv50c-tolerance-copy p strong{

    color:#092f62;

}

.gapv50c-tolerance-visual{

    padding:40px;

    border:1px solid rgba(9,47,98,.12);

    background:#ffffff;

    box-shadow:
        0 20px 50px rgba(6,31,64,.06);

}

.gapv50c-tolerance-scale{

    position:relative;

    padding-top:10px;

}

.gapv50c-scale-label{

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.gapv50c-scale-label span{

    color:#718096;

    font-size:15px;

    font-weight:900;

    letter-spacing:1px;

}

.gapv50c-scale-label strong{

    color:#092f62;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

}

.gapv50c-scale-track{

    position:relative;

    height:30px;

    margin:25px 0 15px;

    background:#e6e9ed;

}

.gapv50c-scale-safe{

    position:absolute;

    left:0;
    top:0;

    width:90%;

    height:100%;

    background:
        linear-gradient(
            90deg,
            #092f62,
            #1c527f
        );

}

.gapv50c-scale-marker{

    position:absolute;

    right:10%;

    top:-35px;

    display:flex;

    flex-direction:column;

    align-items:center;

    color:#b88723;

}

.gapv50c-scale-marker:after{

    content:"";

    width:2px;
    height:60px;

    margin-top:5px;

    background:#c5962f;

}

.gapv50c-scale-marker b{

    font-size:15px;

}

.gapv50c-scale-marker small{

    font-size:15px;

}

.gapv50c-scale-right{

    margin-top:3px;

}

.gapv50c-tolerance-callout{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    margin-top:40px;

    padding:18px 20px;

    background:#092f62;

}

.gapv50c-tolerance-callout strong{

    color:#e0bd69;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:27px;

}

.gapv50c-tolerance-callout span{

    color:rgba(255,255,255,.70);

    font-size:15px;

}

.gapv50c-tolerance-disclaimer{

    margin:18px 0 0;

    color:#7a8795;

    font-size:15px !important;

    line-height:1.65 !important;

}


/* =========================================================
   SECTION 05 — BUYER MIRROR
========================================================= */

.gapv50c-mirror{

    padding:105px 24px;

    background:#ffffff;

}

.gapv50c-mirror-header{

    max-width:850px;

    margin-bottom:60px;

}

.gapv50c-mirror-header h2{

    margin:0;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4.2vw,55px);

    line-height:1.1;

    font-weight:500;

}

.gapv50c-mirror-header h2 strong{

    color:#092f62;

}

.gapv50c-mirror-header p{

    margin:20px 0 0;

    color:#617286;

}

.gapv50c-mirror-header p strong{

    color:#092f62;

}

.gapv50c-mirror-layout{

    display:grid;

    grid-template-columns:
        1fr 160px 1fr;

    gap:25px;

    align-items:center;

}

.gapv50c-mirror-card{

    min-height:275px;

    padding:32px;

    border:1px solid rgba(9,47,98,.13);

    background:#f8fafc;

}

.gapv50c-mirror-card > span{

    display:block;

    margin-bottom:15px;

    color:#b88723;

    font-size:15px;

    font-weight:900;

    letter-spacing:2px;

}

.gapv50c-mirror-card > strong{

    display:block;

    color:#092f62;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:35px;

    line-height:1.1;

}

.gapv50c-mirror-card p{

    margin:17px 0 0;

    color:#637386;

}

.gapv50c-mirror-card p strong{

    color:#092f62;

}

.gapv50c-mirror-buyer{

    background:
        linear-gradient(
            145deg,
            #fffdf8,
            #faf4e4
        );

    border-color:rgba(197,150,47,.28);

}

.gapv50c-mirror-center{

    display:flex;

    flex-direction:column;

    align-items:center;

    text-align:center;

}

.gapv50c-mirror-center div{

    width:105px;
    height:105px;

    display:flex;

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

    border-radius:50%;

    border:2px solid #c5962f;

    color:#092f62;

    background:#fffdf8;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:27px;

    font-weight:700;

}

.gapv50c-mirror-center span{

    max-width:145px;

    margin-top:13px;

    color:#718096;

    font-size:15px;

    line-height:1.45;

}

.gapv50c-mirror-conclusion{

    display:grid;

    grid-template-columns:70px 1fr;

    gap:20px;

    align-items:center;

    margin-top:45px;

    padding:25px;

    border-left:4px solid #b88723;

    background:#f7f8fa;

}

.gapv50c-conclusion-icon{

    width:60px;
    height:60px;

    display:flex;

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

    border:1px solid #c5962f;

    color:#b88723;

    font-size:15px;

    font-weight:900;

}

.gapv50c-mirror-conclusion strong{

    display:block;

    color:#092f62;

    font-size:18px;

}

.gapv50c-mirror-conclusion p{

    margin:6px 0 0;

    color:#66778a;

    font-size:15px;

}

.gapv50c-mirror-conclusion p strong{

    display:inline;

    color:#092f62;

    font-size:inherit;

}


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

.gapv50c-final{

    position:relative;

    overflow:hidden;

    padding:75px 24px;

    background:

        linear-gradient(
            135deg,
            #061f40,
            #092f62
        );

}

.gapv50c-final-pattern{

    position:absolute;

    width:420px;
    height:420px;

    right:-240px;
    top:-220px;

    border:1px solid rgba(224,189,105,.16);

    border-radius:50%;

}

.gapv50c-final-inner{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;

    width:min(1180px,100%);

    margin:auto;

}

.gapv50c-final-copy{

    max-width:720px;

}

.gapv50c-final-copy > span{

    display:block;

    margin-bottom:12px;

    color:#e0bd69;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapv50c-final-copy h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(36px,4vw,52px);

    line-height:1.12;

    font-weight:500;

}

.gapv50c-final-copy h2 strong{

    color:#e0bd69;

}

.gapv50c-final-copy p{

    margin:17px 0 0;

    color:rgba(255,255,255,.63);

}

.gapv50c-final-copy p strong{

    color:#ffffff;

}

.gapv50c-final-actions{

    display:flex;

    flex-direction:column;

    align-items:stretch;

    gap:12px;

    min-width:245px;

}

.gapv50c-final-button{

    min-height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:18px;

    padding:15px 22px;

    background:#c5962f;

    border:1px solid #e0bd69;

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    font-weight:900;

    box-shadow:
        0 15px 35px rgba(0,0,0,.20);

    transition:.25s ease;

}

.gapv50c-final-button b{

    font-size:22px;

}

.gapv50c-final-button:hover{

    color:#ffffff;

    background:#d3a13c;

    transform:translateY(-2px);

}

.gapv50c-final-phone{

    min-height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    border:1px solid rgba(224,189,105,.40);

    color:#ffffff;

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

    text-decoration:none;

    font-size:17px;

    transition:.25s ease;

}

.gapv50c-final-phone:hover{

    color:#ffffff;

    border-color:#e0bd69;

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

}


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

@media (max-width:1000px){

    .gapv50c-mechanism-layout,
    .gapv50c-tolerance-grid{

        grid-template-columns:1fr;

        gap:45px;

    }

    .gapv50c-mechanism-content{

        padding-right:0;

    }

    .gapv50c-challenge-flow{

        grid-template-columns:
            1fr 35px 1fr;

        row-gap:20px;

    }

    .gapv50c-flow-line:nth-of-type(2){

        display:none;

    }

    .gapv50c-flow-item:nth-of-type(3){

        grid-column:1;

    }

    .gapv50c-flow-item:nth-of-type(4){

        grid-column:3;

    }

    .gapv50c-flow-line:nth-of-type(3){

        display:none;

    }

    .gapv50c-mirror-layout{

        grid-template-columns:
            1fr;

    }

    .gapv50c-mirror-center{

        order:2;

    }

    .gapv50c-mirror-buyer{

        order:3;

    }

    .gapv50c-mirror-center div{

        width:85px;
        height:85px;

    }

    .gapv50c-final-inner{

        align-items:flex-start;

        flex-direction:column;

    }

    .gapv50c-final-actions{

        width:100%;

        max-width:380px;

    }

}


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

@media (max-width:700px){

    .gapv50c-hero,
    .gapv50c-mechanism,
    .gapv50c-applies,
    .gapv50c-challenge,
    .gapv50c-tolerance,
    .gapv50c-mirror{

        padding:70px 17px;

    }

    .gapv50c-final{

        padding:65px 17px;

    }

    .gapv50c-hero h1{

        font-size:43px;

        letter-spacing:-1.3px;

    }

    .gapv50c-hero-intro{

        font-size:17px !important;

    }

    .gapv50c-hero-facts{

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

    }

    .gapv50c-hero-fact:nth-child(2){

        border-right:0;

    }

    .gapv50c-hero-fact{

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

    }

    .gapv50c-hero-cta{

        flex-direction:column;

        align-items:stretch;

    }

    .gapv50c-primary-btn,
    .gapv50c-phone-btn{

        width:100%;

        justify-content:center;

    }

    .gapv50c-section-heading h2,
    .gapv50c-applies-header h2,
    .gapv50c-tolerance-copy h2,
    .gapv50c-mirror-header h2{

        font-size:35px;

    }

    .gapv50c-applies-header{

        align-items:flex-start;

        flex-direction:column;

    }

    .gapv50c-applies-marker{

        width:100%;

    }

    .gapv50c-applies-grid{

        grid-template-columns:1fr;

    }

    .gapv50c-apply-card{

        min-height:auto;

    }

    .gapv50c-challenge-header h2{

        font-size:36px;

    }

    .gapv50c-challenge-flow{

        display:flex;

        flex-direction:column;

        align-items:stretch;

    }

    .gapv50c-flow-line{

        width:1px;

        height:28px;

        margin:auto;

        background:
            linear-gradient(
                180deg,
                transparent,
                #b88723,
                transparent
            );

    }

    .gapv50c-flow-item{

        min-height:auto;

    }

    .gapv50c-challenge-note{

        grid-template-columns:1fr;

    }

    .gapv50c-tolerance-visual{

        padding:25px 18px;

    }

    .gapv50c-scale-label span{

        font-size:15px;

    }

    .gapv50c-tolerance-callout{

        align-items:flex-start;

        flex-direction:column;

        gap:5px;

    }

    .gapv50c-mirror-card{

        min-height:auto;

    }

    .gapv50c-mirror-conclusion{

        grid-template-columns:1fr;

    }

    .gapv50c-final-copy h2{

        font-size:35px;

    }

}


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

@media (max-width:390px){

    .gapv50c-hero h1{

        font-size:38px;

    }

    .gapv50c-hero-fact{

        padding:16px;

    }

    .gapv50c-hero-fact strong{

        font-size:26px;

    }

    .gapv50c-section-heading h2,
    .gapv50c-applies-header h2,
    .gapv50c-challenge-header h2,
    .gapv50c-tolerance-copy h2,
    .gapv50c-mirror-header h2,
    .gapv50c-final-copy h2{

        font-size:31px;

    }

}
/* =========================================================
   FINANCE ACT 2024 / SECTION 55(2)(b)
   PREMIUM VALUATION PAGE
   UNIQUE NAMESPACE: f24l-
========================================================= */

:root{

    --f24l-navy:#092f62;
    --f24l-deep:#061f40;
    --f24l-blue:#123f73;

    --f24l-gold:#c5962f;
    --f24l-gold-light:#e0bd69;
    --f24l-gold-pale:#f5ead0;

    --f24l-white:#ffffff;
    --f24l-ivory:#fcfbf8;
    --f24l-light:#f4f7fa;

    --f24l-text:#405267;
    --f24l-muted:#718096;

    --f24l-border:rgba(9,47,98,.13);

}


/* =========================================================
   GLOBAL PAGE SETTINGS
========================================================= */

.f24l-hero *,
.f24l-change *,
.f24l-anchor *,
.f24l-certificate *,
.f24l-comparison *,
.f24l-final-cta *{

    box-sizing:border-box;

}

.f24l-hero,
.f24l-change,
.f24l-anchor,
.f24l-certificate,
.f24l-comparison,
.f24l-final-cta{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.f24l-container{

    width:min(1220px,100%);

    margin:auto;

}

.f24l-hero p,
.f24l-change p,
.f24l-anchor p,
.f24l-certificate p,
.f24l-comparison p,
.f24l-final-cta p{

    font-size:16px;

    line-height:1.8;

}


/* =========================================================
   SECTION 01 — HERO
========================================================= */

.f24l-hero{

    position:relative;

    overflow:hidden;

    padding:92px 24px 90px;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 84% 18%,
            rgba(224,189,105,.14),
            transparent 27%
        ),

        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 58%,
            #123f73 100%
        );

}

.f24l-hero-orbit{

    position:absolute;

    border:1px solid rgba(224,189,105,.13);

    border-radius:50%;

    pointer-events:none;

}

.f24l-hero-orbit-one{

    width:700px;
    height:700px;

    right:-390px;
    top:-280px;

}

.f24l-hero-orbit-two{

    width:380px;
    height:380px;

    left:-250px;
    bottom:-220px;

}

.f24l-hero-grid{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,1.25fr)
        minmax(340px,.75fr);

    gap:80px;

    align-items:center;

}

.f24l-eyebrow{

    display:flex;

    align-items:center;

    gap:13px;

    margin-bottom:22px;

    color:var(--f24l-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.f24l-eyebrow span{

    width:45px;

    height:2px;

    background:var(--f24l-gold-light);

}

.f24l-hero h1{

    max-width:850px;

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(48px,5.5vw,76px);

    line-height:1.02;

    letter-spacing:-2.5px;

    font-weight:500;

}

.f24l-hero h1 strong{

    color:var(--f24l-gold-light);

    font-weight:700;

}

.f24l-hero h1 em{

    color:#ffffff;

    font-style:normal;

    border-bottom:2px solid var(--f24l-gold);

}

.f24l-hero-intro{

    max-width:820px;

    margin:30px 0 25px;

    color:rgba(255,255,255,.76);

    font-size:18px !important;

    line-height:1.85 !important;

}

.f24l-hero-intro strong{

    color:#ffffff;

    font-weight:800;

}


/* HERO HIGHLIGHT */

.f24l-hero-highlight{

    max-width:760px;

    display:flex;

    align-items:center;

    gap:22px;

    margin:25px 0 30px;

    padding:20px 22px;

    border-left:3px solid var(--f24l-gold-light);

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

}

.f24l-highlight-number{

    color:var(--f24l-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:40px;

    line-height:1;

    font-weight:700;

}

.f24l-hero-highlight strong{

    display:block;

    color:#ffffff;

    font-size:17px;

    line-height:1.4;

}

.f24l-hero-highlight p{

    margin:4px 0 0;

    color:rgba(255,255,255,.62);

    font-size:15px;

    line-height:1.6;

}


/* HERO ACTIONS */

.f24l-hero-actions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:13px;

}

.f24l-primary-btn{

    min-height:58px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:14px 23px;

    background:var(--f24l-gold);

    border:1px solid var(--f24l-gold-light);

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    font-weight:900;

    box-shadow:0 15px 35px rgba(0,0,0,.22);

    transition:.25s ease;

}

.f24l-primary-btn span{

    font-size:21px;

}

.f24l-primary-btn:hover{

    color:#ffffff;

    background:#d2a33e;

    transform:translateY(-2px);

}

.f24l-phone-btn{

    min-height:58px;

    display:flex;

    align-items:center;

    gap:12px;

    padding:9px 17px;

    border:1px solid rgba(224,189,105,.45);

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

    color:#ffffff;

    text-decoration:none;

    transition:.25s ease;

}

.f24l-phone-btn:hover{

    color:#ffffff;

    border-color:var(--f24l-gold-light);

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

}

.f24l-phone-icon{

    width:38px;
    height:38px;

    display:flex;

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

    border:1px solid var(--f24l-gold-light);

    color:var(--f24l-gold-light);

    font-size:18px;

}

.f24l-phone-btn small{

    display:block;

    color:rgba(255,255,255,.55);

    font-size:15px;

}

.f24l-phone-btn strong{

    display:block;

    margin-top:2px;

    color:#ffffff;

    font-size:18px;

}


/* HERO RATE PANEL */

.f24l-hero-panel{

    position:relative;

    padding:28px;

    border:1px solid rgba(224,189,105,.32);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.08),
            rgba(255,255,255,.025)
        );

    box-shadow:
        0 35px 75px rgba(0,0,0,.22);

}

.f24l-panel-label{

    margin-bottom:25px;

    color:var(--f24l-gold-light);

    font-size:15px;

    font-weight:900;

    letter-spacing:2px;

}

.f24l-rate-card{

    padding:25px;

    border:1px solid rgba(255,255,255,.12);

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

}

.f24l-rate-card-gold{

    border-color:rgba(224,189,105,.48);

    background:
        linear-gradient(
            135deg,
            rgba(197,150,47,.17),
            rgba(255,255,255,.035)
        );

}

.f24l-rate-card span{

    display:block;

    color:rgba(255,255,255,.58);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.3px;

}

.f24l-rate-card strong{

    display:block;

    margin:7px 0 2px;

    color:var(--f24l-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:58px;

    line-height:1;

}

.f24l-rate-card small{

    color:rgba(255,255,255,.65);

    font-size:15px;

}

.f24l-vs{

    display:flex;

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

    width:45px;
    height:45px;

    margin:-1px auto;

    position:relative;

    z-index:2;

    border:1px solid rgba(224,189,105,.45);

    border-radius:50%;

    background:var(--f24l-deep);

    color:var(--f24l-gold-light);

    font-size:15px;

    font-weight:900;

}

.f24l-panel-foot{

    display:flex;

    flex-direction:column;

    gap:5px;

    margin-top:24px;

    padding-top:20px;

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

}

.f24l-panel-foot strong{

    color:#ffffff;

    font-size:15px;

}

.f24l-panel-foot span{

    color:rgba(255,255,255,.58);

    font-size:15px;

    line-height:1.55;

}


/* =========================================================
   SECTION 02 — CHANGE / METHODS
========================================================= */

.f24l-change{

    padding:105px 24px;

    background:var(--f24l-ivory);

}

.f24l-section-heading{

    max-width:850px;

    margin:0 auto 55px;

    text-align:center;

}

.f24l-section-heading > span{

    display:block;

    margin-bottom:13px;

    color:var(--f24l-gold);

    font-size:15px;

    font-weight:900;

    letter-spacing:2px;

}

.f24l-section-heading h2{

    margin:0;

    color:var(--f24l-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4vw,54px);

    line-height:1.15;

    font-weight:500;

}

.f24l-section-heading h2 strong{

    color:var(--f24l-navy);

    font-weight:700;

}

.f24l-section-heading p{

    margin:18px auto 0;

    color:var(--f24l-muted);

}

.f24l-method-grid{

    display:grid;

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

    gap:22px;

}

.f24l-method-card{

    position:relative;

    padding:35px;

    border:1px solid var(--f24l-border);

    background:#ffffff;

    box-shadow:
        0 18px 45px rgba(6,31,64,.055);

}

.f24l-method-card-featured{

    border-color:rgba(197,150,47,.42);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbf7ed
        );

}

.f24l-method-card:before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:var(--f24l-navy);

}

.f24l-method-card-featured:before{

    background:var(--f24l-gold);

}

.f24l-method-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.f24l-method-number{

    color:var(--f24l-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:48px;

    line-height:1;

    font-weight:700;

}

.f24l-method-tag{

    padding:7px 10px;

    border:1px solid rgba(9,47,98,.13);

    color:var(--f24l-navy);

    font-size:15px;

    font-weight:900;

    letter-spacing:1px;

}

.f24l-method-card h3{

    margin:24px 0 5px;

    color:var(--f24l-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:34px;

}

.f24l-method-title{

    margin:0 0 22px;

    color:var(--f24l-navy);

}

.f24l-method-title strong{

    font-weight:900;

}

.f24l-formula{

    margin-bottom:22px;

    padding:19px;

    border-left:3px solid var(--f24l-gold);

    background:var(--f24l-light);

    color:var(--f24l-deep);

    font-size:17px;

    line-height:1.6;

    font-weight:800;

}

.f24l-method-card p{

    color:var(--f24l-text);

}

.f24l-method-card p strong{

    color:var(--f24l-navy);

}

.f24l-method-note{

    display:flex;

    flex-direction:column;

    gap:5px;

    margin-top:25px;

    padding:18px;

    border:1px solid var(--f24l-border);

    background:#fafafa;

}

.f24l-method-note strong{

    color:var(--f24l-navy);

    font-size:15px;

}

.f24l-method-note span{

    color:var(--f24l-muted);

    font-size:15px;

    line-height:1.6;

}

.f24l-method-note span strong{

    display:inline;

}

.f24l-transition-strip{

    display:flex;

    align-items:center;

    gap:20px;

    max-width:800px;

    margin:35px auto 0;

    padding:20px 24px;

    border:1px solid rgba(197,150,47,.3);

    background:#fffaf0;

}

.f24l-transition-icon{

    width:55px;
    height:55px;

    display:flex;

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

    flex:0 0 auto;

    border-radius:50%;

    background:var(--f24l-navy);

    color:var(--f24l-gold-light);

    font-size:15px;

    font-weight:900;

}

.f24l-transition-strip strong{

    display:block;

    color:var(--f24l-navy);

    font-size:17px;

}

.f24l-transition-strip span{

    display:block;

    margin-top:3px;

    color:var(--f24l-muted);

    font-size:15px;

}


/* =========================================================
   SECTION 03 — SECTION 55(2)(b)
========================================================= */

.f24l-anchor{

    padding:105px 24px;

    background:#ffffff;

}

.f24l-anchor-layout{

    display:grid;

    grid-template-columns:220px minmax(0,1fr);

    gap:70px;

    align-items:start;

}

.f24l-anchor-marker{

    position:sticky;

    top:30px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    min-height:220px;

    border:1px solid rgba(197,150,47,.35);

    background:
        linear-gradient(
            145deg,
            #fbf7ed,
            #ffffff
        );

}

.f24l-anchor-marker span{

    color:var(--f24l-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:68px;

    line-height:.9;

    font-weight:700;

}

.f24l-anchor-marker strong{

    margin-top:5px;

    color:var(--f24l-gold);

    font-size:27px;

}

.f24l-anchor-marker small{

    margin-top:17px;

    color:var(--f24l-muted);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.5px;

}

.f24l-eyebrow-dark{

    color:var(--f24l-gold);

}

.f24l-anchor-content h2{

    max-width:850px;

    margin:0 0 24px;

    color:var(--f24l-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(40px,4vw,57px);

    line-height:1.12;

    font-weight:500;

}

.f24l-anchor-content h2 strong{

    color:var(--f24l-navy);

    font-weight:700;

}

.f24l-anchor-content > p{

    max-width:850px;

    color:var(--f24l-text);

}

.f24l-anchor-content > p strong{

    color:var(--f24l-navy);

}

.f24l-anchor-callout{

    display:flex;

    align-items:flex-start;

    gap:18px;

    max-width:850px;

    margin:30px 0;

    padding:22px;

    border-left:4px solid var(--f24l-gold);

    background:#fbf7ed;

}

.f24l-callout-icon{

    width:62px;
    height:62px;

    display:flex;

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

    flex:0 0 auto;

    border:1px solid rgba(197,150,47,.45);

    color:var(--f24l-gold);

    font-size:15px;

    font-weight:900;

}

.f24l-anchor-callout strong{

    display:block;

    color:var(--f24l-navy);

    font-size:17px;

}

.f24l-anchor-callout p{

    margin:5px 0 0;

    color:var(--f24l-muted);

    font-size:15px;

    line-height:1.65;

}

.f24l-secondary-btn{

    min-height:55px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    padding:13px 22px;

    background:var(--f24l-navy);

    border:1px solid var(--f24l-navy);

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:900;

    transition:.25s ease;

}

.f24l-secondary-btn:hover{

    color:#ffffff;

    background:var(--f24l-gold);

    border-color:var(--f24l-gold);

    transform:translateY(-2px);

}


/* =========================================================
   SECTION 04 — CERTIFICATE
========================================================= */

.f24l-certificate{

    padding:105px 24px;

    background:

        linear-gradient(
            135deg,
            #f4f7fa,
            #ffffff
        );

}

.f24l-certificate-heading{

    max-width:900px;

    margin-bottom:50px;

}

.f24l-certificate-heading > span{

    color:var(--f24l-gold);

    font-size:15px;

    font-weight:900;

    letter-spacing:2px;

}

.f24l-certificate-heading h2{

    margin:12px 0 0;

    color:var(--f24l-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4vw,54px);

    line-height:1.15;

    font-weight:500;

}

.f24l-certificate-heading h2 strong{

    color:var(--f24l-navy);

}

.f24l-certificate-grid{

    display:grid;

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

    gap:1px;

    border:1px solid var(--f24l-border);

    background:var(--f24l-border);

}

.f24l-certificate-step{

    display:grid;

    grid-template-columns:60px minmax(0,1fr);

    gap:20px;

    padding:30px;

    background:#ffffff;

}

.f24l-step-number{

    width:52px;
    height:52px;

    display:flex;

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

    border:1px solid rgba(197,150,47,.45);

    color:var(--f24l-gold);

    font-size:15px;

    font-weight:900;

}

.f24l-certificate-step strong{

    display:block;

    color:var(--f24l-navy);

    font-size:17px;

    line-height:1.4;

}

.f24l-certificate-step p{

    margin:8px 0 0;

    color:var(--f24l-text);

}

.f24l-certificate-step p strong{

    display:inline;

    font-size:inherit;

}

.f24l-document-banner{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:25px;

    margin-top:30px;

    padding:24px 27px;

    border:1px solid rgba(197,150,47,.32);

    background:#fffaf0;

}

.f24l-document-banner span{

    display:block;

    margin-bottom:4px;

    color:var(--f24l-gold);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.4px;

}

.f24l-document-banner strong{

    color:var(--f24l-navy);

    font-size:18px;

}

.f24l-document-banner a{

    min-height:50px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:12px 18px;

    border:1px solid var(--f24l-navy);

    color:var(--f24l-navy);

    text-decoration:none;

    font-size:15px;

    font-weight:900;

    white-space:nowrap;

    transition:.25s ease;

}

.f24l-document-banner a:hover{

    color:#ffffff;

    background:var(--f24l-navy);

}

.f24l-document-banner a span{

    margin:0;

    color:inherit;

}


/* =========================================================
   SECTION 05 — COMPARISON
========================================================= */

.f24l-comparison{

    padding:105px 24px;

    background:var(--f24l-ivory);

}

.f24l-comparison-header{

    display:grid;

    grid-template-columns:
        1fr .65fr;

    gap:70px;

    align-items:end;

    margin-bottom:45px;

}

.f24l-comparison-header > div > span{

    color:var(--f24l-gold);

    font-size:15px;

    font-weight:900;

    letter-spacing:2px;

}

.f24l-comparison-header h2{

    margin:12px 0 0;

    color:var(--f24l-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(39px,4vw,55px);

    line-height:1.12;

    font-weight:500;

}

.f24l-comparison-header h2 strong{

    color:var(--f24l-navy);

}

.f24l-comparison-header > p{

    margin:0;

    color:var(--f24l-muted);

}

.f24l-comparison-table{

    border:1px solid var(--f24l-border);

    background:#ffffff;

}

.f24l-table-head{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    padding:18px 25px;

    background:var(--f24l-navy);

    color:#ffffff;

    font-size:15px;

    font-weight:900;

    letter-spacing:.8px;

}

.f24l-table-row{

    display:grid;

    grid-template-columns:
        1fr 1fr;

    border-top:1px solid var(--f24l-border);

}

.f24l-table-row > div{

    padding:27px 25px;

}

.f24l-table-row > div + div{

    border-left:1px solid var(--f24l-border);

}

.f24l-table-row strong{

    display:block;

    color:var(--f24l-navy);

    font-size:17px;

    line-height:1.45;

}

.f24l-table-row small{

    display:block;

    margin-top:6px;

    color:var(--f24l-muted);

    font-size:15px;

    line-height:1.55;

}

.f24l-gold-text{

    color:var(--f24l-gold) !important;

}

.f24l-advisory-note{

    display:flex;

    align-items:flex-start;

    gap:18px;

    margin-top:28px;

    padding:22px;

    border-left:4px solid var(--f24l-gold);

    background:#fffaf0;

}

.f24l-advisory-icon{

    width:55px;
    height:55px;

    display:flex;

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

    flex:0 0 auto;

    background:var(--f24l-navy);

    color:var(--f24l-gold-light);

    font-size:15px;

    font-weight:900;

}

.f24l-advisory-note p{

    margin:0;

    color:var(--f24l-text);

}

.f24l-advisory-note strong{

    color:var(--f24l-navy);

}


/* =========================================================
   SECTION 06 — FINAL CTA
========================================================= */

.f24l-final-cta{

    position:relative;

    overflow:hidden;

    padding:70px 24px;

    background:
        linear-gradient(
            135deg,
            #061f40,
            #092f62
        );

}

.f24l-cta-glow{

    position:absolute;

    width:500px;
    height:500px;

    right:-260px;
    top:-280px;

    border:1px solid rgba(224,189,105,.14);

    border-radius:50%;

}

.f24l-final-box{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;

    padding:42px;

    border:1px solid rgba(224,189,105,.35);

    background:
        linear-gradient(
            110deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.025)
        );

}

.f24l-final-content{

    max-width:760px;

}

.f24l-final-content > span{

    color:var(--f24l-gold-light);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.7px;

}

.f24l-final-content h2{

    margin:10px 0 10px;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(35px,4vw,52px);

    line-height:1.12;

    font-weight:500;

}

.f24l-final-content h2 strong{

    color:var(--f24l-gold-light);

}

.f24l-final-content p{

    margin:0;

    color:rgba(255,255,255,.62);

}

.f24l-final-actions{

    display:flex;

    flex-direction:column;

    align-items:stretch;

    gap:12px;

    min-width:245px;

}

.f24l-final-button{

    min-height:57px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    padding:13px 20px;

    background:var(--f24l-gold);

    border:1px solid var(--f24l-gold-light);

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    font-weight:900;

    transition:.25s ease;

}

.f24l-final-button span{

    font-size:21px;

}

.f24l-final-button:hover{

    color:#ffffff;

    background:#d2a33e;

    transform:translateY(-2px);

}

.f24l-final-phone{

    min-height:57px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:10px;

    padding:13px 20px;

    border:1px solid rgba(224,189,105,.45);

    color:#ffffff;

    text-decoration:none;

    font-size:17px;

    font-weight:900;

}

.f24l-final-phone:hover{

    color:#ffffff;

    border-color:var(--f24l-gold-light);

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

}


/* =========================================================
   RESPONSIVE — TABLET
========================================================= */

@media (max-width:950px){

    .f24l-hero-grid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .f24l-hero-content{

        max-width:850px;

    }

    .f24l-hero-panel{

        max-width:650px;

    }

    .f24l-anchor-layout{

        grid-template-columns:150px minmax(0,1fr);

        gap:40px;

    }

    .f24l-comparison-header{

        grid-template-columns:1fr;

        gap:20px;

    }

    .f24l-final-box{

        flex-direction:column;

        align-items:flex-start;

    }

    .f24l-final-actions{

        width:100%;

        flex-direction:row;

        flex-wrap:wrap;

    }

    .f24l-final-button,
    .f24l-final-phone{

        flex:1;

    }

}


/* =========================================================
   RESPONSIVE — MOBILE
========================================================= */

@media (max-width:650px){

    .f24l-hero,
    .f24l-change,
    .f24l-anchor,
    .f24l-certificate,
    .f24l-comparison,
    .f24l-final-cta{

        padding-left:17px;
        padding-right:17px;

    }

    .f24l-hero{

        padding-top:65px;
        padding-bottom:65px;

    }

    .f24l-hero h1{

        font-size:43px;

        letter-spacing:-1.4px;

    }

    .f24l-hero-intro{

        font-size:17px !important;

    }

    .f24l-hero-highlight{

        align-items:flex-start;

        padding:17px;

    }

    .f24l-highlight-number{

        font-size:31px;

    }

    .f24l-hero-actions{

        width:100%;

        flex-direction:column;

        align-items:stretch;

    }

    .f24l-primary-btn,
    .f24l-phone-btn{

        width:100%;

        justify-content:center;

    }

    .f24l-hero-panel{

        padding:20px;

    }

    .f24l-rate-card{

        padding:20px;

    }

    .f24l-rate-card strong{

        font-size:49px;

    }

    .f24l-change,
    .f24l-anchor,
    .f24l-certificate,
    .f24l-comparison{

        padding-top:72px;
        padding-bottom:72px;

    }

    .f24l-section-heading h2,
    .f24l-anchor-content h2,
    .f24l-certificate-heading h2,
    .f24l-comparison-header h2{

        font-size:34px;

    }

    .f24l-method-grid{

        grid-template-columns:1fr;

    }

    .f24l-method-card{

        padding:27px 22px;

    }

    .f24l-anchor-layout{

        grid-template-columns:1fr;

        gap:30px;

    }

    .f24l-anchor-marker{

        position:relative;

        top:auto;

        min-height:170px;

        max-width:190px;

        margin:auto;

    }

    .f24l-anchor-marker span{

        font-size:55px;

    }

    .f24l-certificate-grid{

        grid-template-columns:1fr;

    }

    .f24l-certificate-step{

        padding:24px 19px;

    }

    .f24l-document-banner{

        align-items:flex-start;

        flex-direction:column;

    }

    .f24l-document-banner a{

        width:100%;

        white-space:normal;

    }

    .f24l-table-head{

        grid-template-columns:1fr;

        gap:7px;

        padding:17px;

    }

    .f24l-table-row{

        grid-template-columns:1fr;

    }

    .f24l-table-row > div{

        padding:22px 18px;

    }

    .f24l-table-row > div + div{

        border-left:0;

        border-top:1px solid var(--f24l-border);

    }

    .f24l-advisory-note{

        padding:18px;

    }

    .f24l-final-cta{

        padding-top:55px;
        padding-bottom:55px;

    }

    .f24l-final-box{

        padding:28px 20px;

    }

    .f24l-final-actions{

        width:100%;

        flex-direction:column;

    }

    .f24l-final-button,
    .f24l-final-phone{

        width:100%;

    }

}


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

@media (max-width:390px){

    .f24l-hero h1{

        font-size:38px;

    }

    .f24l-section-heading h2,
    .f24l-anchor-content h2,
    .f24l-certificate-heading h2,
    .f24l-comparison-header h2{

        font-size:31px;

    }

    .f24l-rate-card strong{

        font-size:44px;

    }

}
/* =========================================================
   GOVERNMENT APPROVED PROPERTY VALUERS
   LEASEHOLD VS FREEHOLD PAGE
   UNIQUE NAMESPACE: gapvLease
   ROYAL NAVY + GOLD
========================================================= */


/* =========================================================
   DESIGN TOKENS
========================================================= */

:root{

    --gapvLeaseNavy:#092f62;
    --gapvLeaseDeep:#061f40;
    --gapvLeaseBlue:#123f73;

    --gapvLeaseGold:#c5962f;
    --gapvLeaseGoldLight:#e1bd68;
    --gapvLeaseGoldSoft:#f3e7c9;

    --gapvLeaseWhite:#ffffff;
    --gapvLeaseIvory:#fcfbf8;
    --gapvLeaseLight:#f4f7fa;

    --gapvLeaseText:#43566a;
    --gapvLeaseMuted:#738296;

    --gapvLeaseBorder:rgba(9,47,98,.13);

}


/* =========================================================
   BASE
========================================================= */

.gapvLeaseHero,
.gapvLeaseLandscape,
.gapvLeaseDiscount,
.gapvLeaseConversion,
.gapvLeaseCTA{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.gapvLeaseHero *,
.gapvLeaseLandscape *,
.gapvLeaseDiscount *,
.gapvLeaseConversion *,
.gapvLeaseCTA *{

    box-sizing:border-box;

}

.gapvLeaseHero p,
.gapvLeaseLandscape p,
.gapvLeaseDiscount p,
.gapvLeaseConversion p,
.gapvLeaseCTA p{

    font-size:16px;

    line-height:1.8;

}

.gapvLeaseContainer{

    width:min(1220px,100%);

    margin:auto;

}


/* =========================================================
   SECTION 01 — HERO
========================================================= */

.gapvLeaseHero{

    position:relative;

    overflow:hidden;

    padding:100px 24px 95px;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 87% 15%,
            rgba(225,189,104,.13),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 58%,
            #123f73 100%
        );

}

.gapvLeaseHeroGlow{

    position:absolute;

    width:650px;
    height:650px;

    right:-390px;
    bottom:-400px;

    border:1px solid rgba(225,189,104,.15);

    border-radius:50%;

}

.gapvLeaseHeroInner{

    position:relative;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        260px;

    gap:70px;

    align-items:center;

}

.gapvLeaseHeroContent{

    max-width:960px;

}

.gapvLeaseEyebrow{

    display:flex;

    align-items:center;

    gap:13px;

    margin-bottom:24px;

    color:var(--gapvLeaseGoldLight);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvLeaseEyebrow span{

    width:46px;

    height:2px;

    background:var(--gapvLeaseGoldLight);

}

.gapvLeaseHero h1{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(52px,6vw,82px);

    line-height:1;

    letter-spacing:-2.8px;

    font-weight:500;

}

.gapvLeaseHero h1 strong{

    display:block;

    margin-top:8px;

    color:var(--gapvLeaseGoldLight);

    font-weight:700;

}

.gapvLeaseHeroIntro{

    max-width:900px;

    margin:30px 0 0;

    color:rgba(255,255,255,.76);

    font-size:18px !important;

    line-height:1.85 !important;

}

.gapvLeaseHeroIntro strong{

    color:#ffffff;

    font-weight:800;

}

.gapvLeaseHeroTags{

    display:flex;

    flex-wrap:wrap;

    gap:9px;

    margin-top:30px;

}

.gapvLeaseHeroTags span{

    padding:9px 13px;

    border:1px solid rgba(225,189,104,.35);

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

    color:rgba(255,255,255,.78);

    font-size:15px;

    line-height:1.35;

    font-weight:700;

}

.gapvLeaseHeroMarker{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    text-align:center;

}

.gapvLeaseMarkerCircle{

    width:190px;
    height:190px;

    display:flex;

    flex-direction:column;

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

    border:1px solid rgba(225,189,104,.55);

    border-radius:50%;

    background:
        radial-gradient(
            circle,
            rgba(225,189,104,.11),
            rgba(255,255,255,.015)
        );

    box-shadow:
        0 0 0 10px rgba(255,255,255,.018),
        0 0 0 20px rgba(225,189,104,.025);

}

.gapvLeaseMarkerCircle span{

    color:rgba(255,255,255,.55);

    font-size:15px;

    font-weight:900;

    letter-spacing:2px;

}

.gapvLeaseMarkerCircle strong{

    margin-top:5px;

    color:var(--gapvLeaseGoldLight);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:30px;

}

.gapvLeaseHeroMarker p{

    max-width:200px;

    margin:25px 0 0;

    color:rgba(255,255,255,.62);

    font-size:15px;

    line-height:1.55;

}

.gapvLeaseHeroMarker p strong{

    color:#ffffff;

}


/* =========================================================
   SECTION 02 — LANDSCAPE
========================================================= */

.gapvLeaseLandscape{

    padding:105px 24px;

    background:var(--gapvLeaseIvory);

}

.gapvLeaseSectionHeading{

    display:grid;

    grid-template-columns:70px minmax(0,1fr);

    gap:20px;

    align-items:start;

    margin-bottom:55px;

}

.gapvLeaseSectionNumber{

    width:60px;
    height:60px;

    display:flex;

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

    border:1px solid rgba(197,150,47,.45);

    color:var(--gapvLeaseGold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:22px;

    font-weight:700;

}

.gapvLeaseSectionHeading span{

    display:block;

    margin-bottom:9px;

    color:var(--gapvLeaseGold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvLeaseSectionHeading h2{

    max-width:850px;

    margin:0;

    color:var(--gapvLeaseDeep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4vw,56px);

    line-height:1.12;

    font-weight:500;

}

.gapvLeaseSectionHeading h2 strong{

    color:var(--gapvLeaseNavy);

}

.gapvLeaseLandscapeGrid{

    display:grid;

    grid-template-columns:
        1.15fr
        .85fr;

    gap:70px;

    align-items:center;

}

.gapvLeaseLandscapeText{

    max-width:760px;

}

.gapvLeaseLandscapeText p{

    margin:0 0 22px;

    color:var(--gapvLeaseText);

}

.gapvLeaseLandscapeText strong{

    color:var(--gapvLeaseNavy);

    font-weight:800;

}

.gapvLeaseAuthorityPanel{

    padding:32px;

    border:1px solid var(--gapvLeaseBorder);

    background:#ffffff;

    box-shadow:
        0 20px 50px rgba(6,31,64,.07);

}

.gapvLeaseAuthorityTitle{

    padding-bottom:20px;

    border-bottom:1px solid var(--gapvLeaseBorder);

}

.gapvLeaseAuthorityTitle span{

    display:block;

    color:var(--gapvLeaseGold);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.6px;

}

.gapvLeaseAuthorityTitle strong{

    display:block;

    margin-top:5px;

    color:var(--gapvLeaseDeep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:27px;

    line-height:1.3;

}

.gapvLeaseAuthorityGrid{

    display:grid;

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

}

.gapvLeaseAuthorityGrid div{

    padding:20px 14px;

    border-right:1px solid var(--gapvLeaseBorder);

    border-bottom:1px solid var(--gapvLeaseBorder);

}

.gapvLeaseAuthorityGrid div:nth-child(even){

    border-right:0;

}

.gapvLeaseAuthorityGrid strong{

    display:block;

    color:var(--gapvLeaseNavy);

    font-size:17px;

    line-height:1.4;

}

.gapvLeaseAuthorityGrid span{

    display:block;

    margin-top:4px;

    color:var(--gapvLeaseMuted);

    font-size:15px;

    line-height:1.45;

}


/* =========================================================
   SECTION 03 — LEASEHOLD DISCOUNT
========================================================= */

.gapvLeaseDiscount{

    padding:105px 24px;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 90% 20%,
            rgba(225,189,104,.12),
            transparent 25%
        ),

        var(--gapvLeaseDeep);

}

.gapvLeaseDarkHeading{

    display:grid;

    grid-template-columns:70px minmax(0,1fr);

    gap:20px;

    align-items:start;

    margin-bottom:25px;

}

.gapvLeaseDarkNumber{

    width:60px;
    height:60px;

    display:flex;

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

    border:1px solid rgba(225,189,104,.5);

    color:var(--gapvLeaseGoldLight);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:22px;

    font-weight:700;

}

.gapvLeaseDarkHeading span{

    display:block;

    margin-bottom:9px;

    color:var(--gapvLeaseGoldLight);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvLeaseDarkHeading h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(40px,4vw,57px);

    line-height:1.1;

    font-weight:500;

}

.gapvLeaseDarkHeading h2 strong{

    color:var(--gapvLeaseGoldLight);

}

.gapvLeaseDiscountIntro{

    max-width:820px;

    margin:0 0 45px 90px;

}

.gapvLeaseDiscountIntro p{

    margin:0;

    color:rgba(255,255,255,.68);

}

.gapvLeaseDiscountIntro strong{

    color:#ffffff;

}

.gapvLeaseDiscountGrid{

    display:grid;

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

    gap:18px;

}

.gapvLeaseDiscountCard{

    min-height:610px;

    display:flex;

    flex-direction:column;

    padding:30px;

    border:1px solid rgba(255,255,255,.12);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.065),
            rgba(255,255,255,.025)
        );

    transition:.3s ease;

}

.gapvLeaseDiscountCard:hover{

    transform:translateY(-6px);

    border-color:rgba(225,189,104,.42);

}

.gapvLeaseCardTop{

    display:flex;

    align-items:center;

    justify-content:space-between;

    padding-bottom:20px;

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

}

.gapvLeaseCardTop span{

    color:var(--gapvLeaseGoldLight);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:44px;

    line-height:1;

}

.gapvLeaseCardTop small{

    color:rgba(255,255,255,.5);

    font-size:15px;

    font-weight:900;

    letter-spacing:1px;

}

.gapvLeaseDiscountCard h3{

    margin:28px 0 18px;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

    line-height:1.18;

    font-weight:500;

}

.gapvLeaseDiscountCard h3 strong{

    color:var(--gapvLeaseGoldLight);

}

.gapvLeaseDiscountCard > p{

    color:rgba(255,255,255,.66);

}

.gapvLeaseDiscountCard p strong{

    color:#ffffff;

}

.gapvLeaseTermScale{

    margin:10px 0 20px;

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

}

.gapvLeaseScaleRow{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    padding:14px 0;

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

}

.gapvLeaseScaleRow span{

    color:rgba(255,255,255,.65);

    font-size:15px;

}

.gapvLeaseScaleRow strong{

    color:var(--gapvLeaseGoldLight);

    font-size:15px;

    text-align:right;

}

.gapvLeaseCardNote{

    margin-top:auto !important;

    padding-top:20px;

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

    font-size:15px !important;

}

.gapvLeaseAuthorityExample{

    margin:8px 0 20px;

}

.gapvLeaseAuthorityExample div{

    padding:15px;

    margin-bottom:8px;

    border-left:2px solid var(--gapvLeaseGold);

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

}

.gapvLeaseAuthorityExample strong{

    display:block;

    color:var(--gapvLeaseGoldLight);

    font-size:16px;

}

.gapvLeaseAuthorityExample span{

    display:block;

    margin-top:4px;

    color:rgba(255,255,255,.55);

    font-size:15px;

    line-height:1.5;

}

.gapvGroundRentBox{

    margin:10px 0 20px;

    padding:23px;

    border:1px solid rgba(225,189,104,.25);

    background:rgba(225,189,104,.06);

}

.gapvGroundRentBox span{

    display:block;

    color:var(--gapvLeaseGoldLight);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.2px;

}

.gapvGroundRentBox strong{

    display:block;

    margin-top:5px;

    color:#ffffff;

    font-size:18px;

}

.gapvGroundRentBox p{

    margin:8px 0 0;

    color:rgba(255,255,255,.58);

    font-size:15px;

    line-height:1.6;

}


/* =========================================================
   SECTION 04 — CONVERSION
========================================================= */

.gapvLeaseConversion{

    padding:105px 24px;

    background:#ffffff;

}

.gapvLeaseConversionGrid{

    display:grid;

    grid-template-columns:
        1fr
        .95fr;

    gap:75px;

    align-items:center;

}

.gapvGoldNumber{

    margin-bottom:22px;

    color:var(--gapvLeaseGold);

}

.gapvConversionEyebrow{

    display:block;

    margin-bottom:12px;

    color:var(--gapvLeaseGold);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvLeaseConversionContent h2{

    max-width:680px;

    margin:0 0 25px;

    color:var(--gapvLeaseDeep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(40px,4vw,57px);

    line-height:1.1;

    font-weight:500;

}

.gapvLeaseConversionContent h2 strong{

    color:var(--gapvLeaseNavy);

}

.gapvLeaseConversionContent p{

    max-width:690px;

    margin:0 0 20px;

    color:var(--gapvLeaseText);

}

.gapvLeaseConversionContent p strong{

    color:var(--gapvLeaseNavy);

    font-weight:800;

}

.gapvLeaseConversionPanel{

    overflow:hidden;

    border:1px solid var(--gapvLeaseBorder);

    background:

        linear-gradient(
            145deg,
            #f9fafb,
            #ffffff
        );

    box-shadow:
        0 22px 55px rgba(6,31,64,.09);

}

.gapvConversionPanelHeader{

    padding:27px 28px;

    color:#ffffff;

    background:
        linear-gradient(
            135deg,
            var(--gapvLeaseDeep),
            var(--gapvLeaseNavy)
        );

}

.gapvConversionPanelHeader span{

    display:block;

    color:var(--gapvLeaseGoldLight);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.6px;

}

.gapvConversionPanelHeader strong{

    display:block;

    margin-top:6px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:26px;

    line-height:1.3;

}

.gapvConversionSteps{

    padding:8px 28px;

}

.gapvConversionStep{

    display:grid;

    grid-template-columns:50px minmax(0,1fr);

    gap:18px;

    padding:23px 0;

    border-bottom:1px solid var(--gapvLeaseBorder);

}

.gapvConversionStep:last-child{

    border-bottom:0;

}

.gapvConversionStep > span{

    width:42px;
    height:42px;

    display:flex;

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

    border:1px solid rgba(197,150,47,.45);

    color:var(--gapvLeaseGold);

    font-size:15px;

    font-weight:900;

}

.gapvConversionStep strong{

    display:block;

    color:var(--gapvLeaseDeep);

    font-size:18px;

    line-height:1.4;

}

.gapvConversionStep p{

    margin:5px 0 0;

    color:var(--gapvLeaseMuted);

    font-size:15px;

    line-height:1.6;

}

.gapvConversionStep p strong{

    display:inline;

    color:var(--gapvLeaseNavy);

    font-size:inherit;

}

.gapvLeaseConversionInsight{

    display:grid;

    grid-template-columns:170px minmax(0,1fr);

    gap:25px;

    align-items:start;

    margin-top:55px;

    padding:25px 28px;

    border-left:4px solid var(--gapvLeaseGold);

    background:var(--gapvLeaseIvory);

}

.gapvInsightMark{

    color:var(--gapvLeaseGold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.3px;

}

.gapvLeaseConversionInsight p{

    margin:0;

    color:var(--gapvLeaseText);

}

.gapvLeaseConversionInsight strong{

    color:var(--gapvLeaseNavy);

}


/* =========================================================
   SECTION 05 — CTA
========================================================= */

.gapvLeaseCTA{

    padding:75px 24px;

    background:
        linear-gradient(
            135deg,
            var(--gapvLeaseDeep),
            var(--gapvLeaseNavy)
        );

}

.gapvLeaseCTAContainer{

    width:min(1220px,100%);

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:45px;

    padding:40px;

    border:1px solid rgba(225,189,104,.3);

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.015)
        );

}

.gapvLeaseCTAContent{

    max-width:700px;

}

.gapvLeaseCTAContent > span{

    display:block;

    margin-bottom:9px;

    color:var(--gapvLeaseGoldLight);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvLeaseCTAContent h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(34px,4vw,48px);

    line-height:1.15;

    font-weight:500;

}

.gapvLeaseCTAContent h2 strong{

    color:var(--gapvLeaseGoldLight);

}

.gapvLeaseCTAContent p{

    margin:14px 0 0;

    color:rgba(255,255,255,.62);

    font-size:16px;

}

.gapvLeaseCTAActions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}

.gapvLeaseCTAButton{

    min-height:59px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:14px 23px;

    border:1px solid var(--gapvLeaseGoldLight);

    background:var(--gapvLeaseGold);

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    font-weight:900;

    box-shadow:
        0 12px 30px rgba(0,0,0,.22);

    transition:.25s ease;

}

.gapvLeaseCTAButton b{

    font-size:21px;

}

.gapvLeaseCTAButton:hover{

    color:#ffffff;

    background:#d0a13c;

    transform:translateY(-2px);

}

.gapvLeasePhoneButton{

    min-height:59px;

    display:flex;

    align-items:center;

    gap:11px;

    padding:9px 17px;

    border:1px solid rgba(225,189,104,.42);

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

    color:#ffffff;

    text-decoration:none;

    transition:.25s ease;

}

.gapvLeasePhoneButton:hover{

    color:#ffffff;

    border-color:var(--gapvLeaseGoldLight);

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

}

.gapvLeasePhoneIcon{

    width:39px;
    height:39px;

    display:flex;

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

    border:1px solid var(--gapvLeaseGoldLight);

    color:var(--gapvLeaseGoldLight);

    font-size:18px;

}

.gapvLeasePhoneButton small{

    display:block;

    color:rgba(255,255,255,.52);

    font-size:15px;

    line-height:1.3;

}

.gapvLeasePhoneButton strong{

    display:block;

    margin-top:2px;

    color:#ffffff;

    font-size:18px;

    line-height:1.3;

}


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

@media (max-width:950px){

    .gapvLeaseHeroInner{

        grid-template-columns:1fr;

        gap:45px;

    }

    .gapvLeaseHeroMarker{

        display:none;

    }

    .gapvLeaseLandscapeGrid{

        grid-template-columns:1fr;

        gap:45px;

    }

    .gapvLeaseDiscountGrid{

        grid-template-columns:1fr;

    }

    .gapvLeaseDiscountCard{

        min-height:auto;

    }

    .gapvLeaseConversionGrid{

        grid-template-columns:1fr;

        gap:50px;

    }

    .gapvLeaseCTAContainer{

        flex-direction:column;

        align-items:flex-start;

    }

}


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

@media (max-width:600px){

    .gapvLeaseHero,
    .gapvLeaseLandscape,
    .gapvLeaseDiscount,
    .gapvLeaseConversion{

        padding:70px 17px;

    }

    .gapvLeaseCTA{

        padding:55px 17px;

    }

    .gapvLeaseHero h1{

        font-size:43px;

        letter-spacing:-1.5px;

    }

    .gapvLeaseHeroIntro{

        font-size:16px !important;

    }

    .gapvLeaseHeroTags{

        gap:7px;

    }

    .gapvLeaseHeroTags span{

        font-size:15px;

        padding:8px 10px;

    }

    .gapvLeaseSectionHeading,
    .gapvLeaseDarkHeading{

        grid-template-columns:52px minmax(0,1fr);

        gap:14px;

        margin-bottom:38px;

    }

    .gapvLeaseSectionNumber,
    .gapvLeaseDarkNumber{

        width:48px;
        height:48px;

        font-size:19px;

    }

    .gapvLeaseSectionHeading h2,
    .gapvLeaseDarkHeading h2{

        font-size:35px;

    }

    .gapvLeaseDiscountIntro{

        margin:0 0 35px;

    }

    .gapvLeaseAuthorityPanel{

        padding:22px 17px;

    }

    .gapvLeaseAuthorityGrid{

        grid-template-columns:1fr 1fr;

    }

    .gapvLeaseDiscountCard{

        padding:25px 22px;

    }

    .gapvLeaseDiscountCard h3{

        font-size:29px;

    }

    .gapvLeaseConversionContent h2{

        font-size:36px;

    }

    .gapvLeaseConversionInsight{

        grid-template-columns:1fr;

        gap:10px;

    }

    .gapvLeaseCTAContainer{

        padding:27px 20px;

    }

    .gapvLeaseCTAContent h2{

        font-size:33px;

    }

    .gapvLeaseCTAActions{

        width:100%;

        flex-direction:column;

        align-items:stretch;

    }

    .gapvLeaseCTAButton,
    .gapvLeasePhoneButton{

        width:100%;

        justify-content:center;

    }

}


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

@media (max-width:390px){

    .gapvLeaseHero h1{

        font-size:38px;

    }

    .gapvLeaseSectionHeading h2,
    .gapvLeaseDarkHeading h2{

        font-size:31px;

    }

    .gapvLeaseAuthorityGrid{

        grid-template-columns:1fr;

    }

    .gapvLeaseAuthorityGrid div:nth-child(even){

        border-right:1px solid var(--gapvLeaseBorder);

    }

    .gapvLeaseAuthorityGrid div{

        border-right:0 !important;

    }

}
/* =========================================================
   RERA & PROPERTY VALUATION
   UNIQUE PREMIUM PAGE CSS
   ROYAL NAVY + GOLD
========================================================= */

:root{

    --reraValNavy:#092f62;
    --reraValDeep:#061f40;
    --reraValBlue:#123f73;

    --reraValGold:#c5962f;
    --reraValGoldLight:#dfbd68;
    --reraValGoldSoft:#f3e5c4;

    --reraValWhite:#ffffff;
    --reraValIvory:#fcfbf8;
    --reraValLight:#f4f7fa;

    --reraValText:#34475b;
    --reraValMuted:#718096;

    --reraValBorder:rgba(9,47,98,.13);

}


/* =========================================================
   BASE
========================================================= */

.reraValHero,
.reraValComparable,
.reraValArea,
.reraValMethod,
.reraValCTA{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.reraValHero *,
.reraValComparable *,
.reraValArea *,
.reraValMethod *,
.reraValCTA *{

    box-sizing:border-box;

}

.reraValHero p,
.reraValComparable p,
.reraValArea p,
.reraValMethod p,
.reraValCTA p{

    font-size:16px;

    line-height:1.8;

}


/* =========================================================
   SECTION 01 — HERO
========================================================= */

.reraValHero{

    position:relative;

    overflow:hidden;

    padding:105px 24px 95px;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 88% 15%,
            rgba(223,189,104,.15),
            transparent 28%
        ),

        radial-gradient(
            circle at 8% 90%,
            rgba(18,63,115,.7),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 62%,
            #123f73 100%
        );

}

.reraValHeroGlow{

    position:absolute;

    border:1px solid rgba(223,189,104,.12);

    border-radius:50%;

    pointer-events:none;

}

.reraValHeroGlowOne{

    width:680px;
    height:680px;

    right:-360px;
    top:-330px;

}

.reraValHeroGlowTwo{

    width:440px;
    height:440px;

    left:-300px;
    bottom:-290px;

}

.reraValHeroContainer{

    position:relative;

    z-index:2;

    width:min(1200px,100%);

    margin:auto;

}

.reraValHeroKicker{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:25px;

    color:var(--reraValGoldLight);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.reraValHeroLine{

    width:48px;

    height:2px;

    background:var(--reraValGoldLight);

}

.reraValHero h1{

    max-width:1050px;

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(48px,6vw,78px);

    line-height:1.03;

    letter-spacing:-2.5px;

    font-weight:500;

}

.reraValHero h1 strong{

    display:block;

    margin-top:8px;

    color:var(--reraValGoldLight);

    font-weight:700;

}

.reraValHeroIntro{

    max-width:920px;

    margin-top:32px;

}

.reraValHeroIntro p{

    margin:0 0 18px;

    color:rgba(255,255,255,.75);

    font-size:18px;

    line-height:1.85;

}

.reraValHeroIntro p strong{

    color:#ffffff;

    font-weight:800;

}

.reraValHeroHighlights{

    display:grid;

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

    margin-top:45px;

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

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

}

.reraValHeroHighlight{

    min-height:125px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:20px 25px;

    border-right:1px solid rgba(255,255,255,.11);

}

.reraValHeroHighlight:last-child{

    border-right:0;

}

.reraValHeroHighlight span{

    color:var(--reraValGoldLight);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:30px;

    line-height:1;

}

.reraValHeroHighlight strong{

    margin-top:8px;

    color:#ffffff;

    font-size:17px;

    line-height:1.4;

}

.reraValHeroHighlight small{

    margin-top:5px;

    color:rgba(255,255,255,.57);

    font-size:15px;

    line-height:1.5;

}


/* =========================================================
   SHARED SECTION HEADING
========================================================= */

.reraValSectionHeading{

    max-width:850px;

    margin-bottom:55px;

}

.reraValSectionHeading > span{

    display:block;

    margin-bottom:14px;

    color:var(--reraValGold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.8px;

}

.reraValSectionHeading h2{

    margin:0;

    color:var(--reraValDeep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4.5vw,58px);

    line-height:1.12;

    font-weight:500;

}

.reraValSectionHeading h2 strong{

    color:var(--reraValNavy);

    font-weight:700;

}

.reraValSectionHeading p{

    max-width:750px;

    margin:20px 0 0;

    color:var(--reraValMuted);

}


/* =========================================================
   SECTION 02 — RERA COMPARABLES
========================================================= */

.reraValComparable{

    padding:105px 24px;

    background:var(--reraValIvory);

}

.reraValComparableContainer{

    width:min(1200px,100%);

    margin:auto;

}

.reraValComparableGrid{

    display:grid;

    grid-template-columns:
        .85fr
        1.15fr;

    gap:65px;

    align-items:start;

}

.reraValComparableContent{

    position:relative;

    padding:35px;

    border:1px solid var(--reraValBorder);

    background:#ffffff;

    box-shadow:
        0 20px 55px rgba(6,31,64,.07);

}

.reraValNumber{

    color:var(--reraValGold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:70px;

    line-height:1;

}

.reraValComparableContent h3{

    margin:20px 0;

    color:var(--reraValDeep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

    line-height:1.25;

    font-weight:500;

}

.reraValComparableContent h3 strong{

    color:var(--reraValNavy);

}

.reraValComparableContent p{

    margin:0 0 18px;

    color:var(--reraValText);

}

.reraValComparableContent p strong{

    color:var(--reraValNavy);

    font-weight:800;

}

.reraValEvidenceNote{

    margin-top:30px;

    padding:18px;

    border-left:4px solid var(--reraValGold);

    background:#faf5e9;

}

.reraValEvidenceNote span{

    display:block;

    margin-bottom:6px;

    color:var(--reraValGold);

    font-size:15px;

    font-weight:900;

    letter-spacing:1px;

}

.reraValEvidenceNote strong{

    color:var(--reraValDeep);

    font-size:16px;

    line-height:1.5;

}

.reraValEvidenceGrid{

    display:grid;

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

    gap:18px;

}

.reraValEvidenceCard{

    min-height:255px;

    padding:28px;

    border:1px solid var(--reraValBorder);

    background:#ffffff;

    transition:
        transform .25s ease,
        box-shadow .25s ease;

}

.reraValEvidenceCard:hover{

    transform:translateY(-5px);

    box-shadow:
        0 18px 40px rgba(6,31,64,.09);

}

.reraValEvidenceIcon{

    width:55px;
    height:55px;

    display:flex;

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

    margin-bottom:20px;

    border:1px solid rgba(197,150,47,.55);

    color:var(--reraValGold);

    font-size:15px;

    font-weight:900;

}

.reraValEvidenceCard h4{

    margin:0 0 11px;

    color:var(--reraValDeep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:23px;

    line-height:1.25;

}

.reraValEvidenceCard p{

    margin:0;

    color:var(--reraValText);

    font-size:15px;

    line-height:1.7;

}

.reraValEvidenceCard p strong{

    color:var(--reraValNavy);

}

.reraValBottomStatement{

    display:flex;

    align-items:center;

    gap:20px;

    margin-top:30px;

    padding:22px 26px;

    border:1px solid rgba(197,150,47,.25);

    background:#fbf7ed;

}

.reraValBottomStatement span{

    flex:0 0 auto;

    color:var(--reraValGold);

    font-size:15px;

    font-weight:900;

    letter-spacing:1px;

}

.reraValBottomStatement p{

    margin:0;

    color:var(--reraValDeep);

}

.reraValBottomStatement p strong{

    color:var(--reraValNavy);

}


/* =========================================================
   SECTION 03 — CARPET VS SBA
========================================================= */

.reraValArea{

    position:relative;

    overflow:hidden;

    padding:105px 24px;

    background:

        radial-gradient(
            circle at 85% 10%,
            rgba(223,189,104,.13),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            #061f40,
            #092f62
        );

}

.reraValAreaContainer{

    position:relative;

    z-index:2;

    width:min(1200px,100%);

    margin:auto;

}

.reraValSectionHeadingLight h2{

    color:#ffffff;

}

.reraValSectionHeadingLight h2 strong{

    color:var(--reraValGoldLight);

}

.reraValSectionHeadingLight p{

    color:rgba(255,255,255,.62);

}

.reraValAreaComparison{

    position:relative;

    display:grid;

    grid-template-columns:
        1fr 90px 1fr;

    gap:0;

    align-items:stretch;

}

.reraValAreaCard{

    position:relative;

    padding:38px;

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

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

}

.reraValAreaCardPrimary{

    border-color:rgba(223,189,104,.45);

    background:
        linear-gradient(
            145deg,
            rgba(223,189,104,.13),
            rgba(255,255,255,.035)
        );

}

.reraValAreaBadge{

    display:inline-flex;

    padding:7px 10px;

    border:1px solid rgba(223,189,104,.4);

    color:var(--reraValGoldLight);

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:1px;

}

.reraValAreaNumber{

    margin-top:25px;

    color:rgba(223,189,104,.45);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:52px;

    line-height:1;

}

.reraValAreaCard h3{

    margin:10px 0 17px;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:34px;

    line-height:1.2;

    font-weight:500;

}

.reraValAreaCard p{

    color:rgba(255,255,255,.68);

    margin:0 0 20px;

}

.reraValAreaCard p strong{

    color:#ffffff;

    font-weight:800;

}

.reraValAreaPoint{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:12px;

    color:#ffffff;

    font-size:15px;

}

.reraValAreaPoint span{

    color:var(--reraValGoldLight);

    font-size:18px;

}

.reraValAreaVs{

    display:flex;

    align-items:center;

    justify-content:center;

}

.reraValAreaVs span{

    width:62px;
    height:62px;

    display:flex;

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

    border:1px solid var(--reraValGoldLight);

    border-radius:50%;

    color:var(--reraValGoldLight);

    background:var(--reraValDeep);

    font-size:15px;

    font-weight:900;

}

.reraValLoading{

    display:flex;

    align-items:center;

    gap:15px;

    margin:22px 0;

    padding:15px;

    border-left:3px solid var(--reraValGold);

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

}

.reraValLoading strong{

    color:var(--reraValGoldLight);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:29px;

}

.reraValLoading span{

    color:rgba(255,255,255,.58);

    font-size:15px;

    line-height:1.45;

}

.reraValAreaWarning{

    padding-top:15px;

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

}


/* =========================================================
   NORMALISATION
========================================================= */

.reraValNormalisation{

    display:flex;

    align-items:center;

    gap:20px;

    margin-top:25px;

    padding:27px 30px;

    border:1px solid rgba(223,189,104,.3);

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

}

.reraValNormalisationIcon{

    width:58px;
    height:58px;

    flex:0 0 auto;

    display:flex;

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

    border:1px solid var(--reraValGoldLight);

    color:var(--reraValGoldLight);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:27px;

}

.reraValNormalisation span{

    display:block;

    margin-bottom:5px;

    color:var(--reraValGoldLight);

    font-size:15px;

    font-weight:900;

    letter-spacing:1px;

}

.reraValNormalisation h3{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:24px;

    line-height:1.4;

    font-weight:500;

}

.reraValNormalisation h3 strong{

    color:var(--reraValGoldLight);

}


/* =========================================================
   SECTION 04 — METHODOLOGY
========================================================= */

.reraValMethod{

    padding:105px 24px;

    background:var(--reraValIvory);

}

.reraValMethodContainer{

    width:min(1200px,100%);

    margin:auto;

}

.reraValMethodGrid{

    display:grid;

    grid-template-columns:
        .85fr
        1.15fr;

    gap:70px;

}

.reraValMethodIntro > span{

    display:block;

    margin-bottom:14px;

    color:var(--reraValGold);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.8px;

}

.reraValMethodIntro h2{

    margin:0;

    color:var(--reraValDeep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4vw,52px);

    line-height:1.15;

    font-weight:500;

}

.reraValMethodIntro h2 strong{

    color:var(--reraValNavy);

}

.reraValMethodIntro p{

    margin:22px 0 30px;

    color:var(--reraValText);

}

.reraValMethodButton{

    min-height:56px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:14px 22px;

    background:var(--reraValGold);

    border:1px solid var(--reraValGold);

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:900;

    box-shadow:
        0 12px 25px rgba(197,150,47,.2);

    transition:.25s ease;

}

.reraValMethodButton b{

    font-size:20px;

}

.reraValMethodButton:hover{

    color:#ffffff;

    background:#d1a33e;

    transform:translateY(-2px);

}

.reraValMethodSteps{

    border-top:1px solid var(--reraValBorder);

}

.reraValMethodStep{

    display:grid;

    grid-template-columns:65px 1fr;

    gap:20px;

    padding:26px 0;

    border-bottom:1px solid var(--reraValBorder);

}

.reraValMethodStep > span{

    color:var(--reraValGold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

    line-height:1;

}

.reraValMethodStep strong{

    display:block;

    color:var(--reraValDeep);

    font-size:18px;

    line-height:1.4;

}

.reraValMethodStep p{

    margin:7px 0 0;

    color:var(--reraValMuted);

    font-size:15px;

    line-height:1.7;

}

.reraValMethodStep p strong{

    display:inline;

    color:var(--reraValNavy);

    font-size:inherit;

}


/* =========================================================
   SECTION 05 — CTA
========================================================= */

.reraValCTA{

    padding:75px 24px;

    background:var(--reraValDeep);

}

.reraValCTAContainer{

    width:min(1200px,100%);

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:45px;

    padding:42px;

    border:1px solid rgba(223,189,104,.35);

    background:

        linear-gradient(
            110deg,
            rgba(255,255,255,.06),
            rgba(255,255,255,.02)
        );

}

.reraValCTAContent{

    max-width:700px;

}

.reraValCTAContent > span{

    display:block;

    margin-bottom:9px;

    color:var(--reraValGoldLight);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.7px;

}

.reraValCTAContent h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(32px,4vw,48px);

    line-height:1.15;

    font-weight:500;

}

.reraValCTAContent h2 strong{

    color:var(--reraValGoldLight);

}

.reraValCTAContent p{

    margin:15px 0 0;

    color:rgba(255,255,255,.62);

}

.reraValCTAActions{

    display:flex;

    flex-direction:column;

    align-items:stretch;

    gap:12px;

    min-width:275px;

}

.reraValCTAButton{

    min-height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:14px 22px;

    background:var(--reraValGold);

    border:1px solid var(--reraValGoldLight);

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    font-weight:900;

    box-shadow:
        0 12px 30px rgba(0,0,0,.25);

    transition:.25s ease;

}

.reraValCTAButton b{

    font-size:21px;

}

.reraValCTAButton:hover{

    color:#ffffff;

    background:#d1a33e;

    transform:translateY(-2px);

}

.reraValPhoneButton{

    min-height:62px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:9px 15px;

    border:1px solid rgba(223,189,104,.42);

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

    color:#ffffff;

    text-decoration:none;

    transition:.25s ease;

}

.reraValPhoneButton:hover{

    color:#ffffff;

    border-color:var(--reraValGoldLight);

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

}

.reraValPhoneIcon{

    width:40px;
    height:40px;

    display:flex;

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

    border:1px solid var(--reraValGoldLight);

    color:var(--reraValGoldLight);

    font-size:18px;

}

.reraValPhoneButton small{

    display:block;

    color:rgba(255,255,255,.55);

    font-size:15px;

    line-height:1.3;

}

.reraValPhoneButton strong{

    display:block;

    margin-top:2px;

    color:#ffffff;

    font-size:18px;

    line-height:1.35;

}


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

@media (max-width:950px){

    .reraValComparableGrid,
    .reraValMethodGrid{

        grid-template-columns:1fr;

        gap:40px;

    }

    .reraValAreaComparison{

        grid-template-columns:1fr;

        gap:15px;

    }

    .reraValAreaVs{

        min-height:60px;

    }

    .reraValCTAContainer{

        flex-direction:column;

        align-items:flex-start;

    }

    .reraValCTAActions{

        width:100%;

        max-width:420px;

    }

}


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

@media (max-width:600px){

    .reraValHero,
    .reraValComparable,
    .reraValArea,
    .reraValMethod,
    .reraValCTA{

        padding-left:17px;

        padding-right:17px;

    }

    .reraValHero{

        padding-top:70px;

        padding-bottom:70px;

    }

    .reraValHero h1{

        font-size:42px;

        letter-spacing:-1.4px;

    }

    .reraValHeroIntro p{

        font-size:16px;

    }

    .reraValHeroHighlights{

        grid-template-columns:1fr;

    }

    .reraValHeroHighlight{

        min-height:auto;

        padding:20px;

        border-right:0;

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

    }

    .reraValHeroHighlight:last-child{

        border-bottom:0;

    }

    .reraValSectionHeading h2,
    .reraValMethodIntro h2{

        font-size:35px;

    }

    .reraValComparable{

        padding-top:75px;

        padding-bottom:75px;

    }

    .reraValComparableContent{

        padding:27px 22px;

    }

    .reraValComparableContent h3{

        font-size:28px;

    }

    .reraValEvidenceGrid{

        grid-template-columns:1fr;

    }

    .reraValEvidenceCard{

        min-height:auto;

        padding:25px 22px;

    }

    .reraValBottomStatement{

        align-items:flex-start;

        flex-direction:column;

        gap:7px;

        padding:20px;

    }

    .reraValArea{

        padding-top:75px;

        padding-bottom:75px;

    }

    .reraValAreaCard{

        padding:27px 22px;

    }

    .reraValAreaCard h3{

        font-size:30px;

    }

    .reraValNormalisation{

        align-items:flex-start;

        padding:22px;

    }

    .reraValNormalisation h3{

        font-size:20px;

    }

    .reraValMethod{

        padding-top:75px;

        padding-bottom:75px;

    }

    .reraValMethodStep{

        grid-template-columns:48px 1fr;

        gap:13px;

    }

    .reraValCTA{

        padding-top:55px;

        padding-bottom:55px;

    }

    .reraValCTAContainer{

        padding:27px 20px;

    }

    .reraValCTAContent h2{

        font-size:32px;

    }

    .reraValCTAActions{

        max-width:none;

    }

    .reraValCTAButton,
    .reraValPhoneButton,
    .reraValMethodButton{

        width:100%;

    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width:390px){

    .reraValHero h1{

        font-size:37px;

    }

    .reraValSectionHeading h2,
    .reraValMethodIntro h2{

        font-size:31px;

    }

}
/* =========================================================
   GOVERNMENT APPROVED PROPERTY VALUERS
   STATUTORY CONTEXT PAGE
   UNIQUE NAMESPACE: gapvstat-
   ROYAL NAVY + GOLD
========================================================= */

:root{

    --gapvstat-navy:#092f62;
    --gapvstat-deep:#061f40;
    --gapvstat-navy2:#123f73;

    --gapvstat-gold:#c5962f;
    --gapvstat-gold2:#dfbd6b;
    --gapvstat-gold3:#f1dfb8;

    --gapvstat-white:#ffffff;
    --gapvstat-ivory:#fcfbf7;
    --gapvstat-light:#f3f6f9;

    --gapvstat-text:#415366;
    --gapvstat-muted:#718094;

    --gapvstat-border:rgba(9,47,98,.13);

}


/* =========================================================
   BASE
========================================================= */

.gapvstatHero *,
.gapvstatIndex *,
.gapvstatSection *,
.gapvstatPurpose *,
.gapvstatCTA *{

    box-sizing:border-box;

}

.gapvstatHero,
.gapvstatIndex,
.gapvstatSection,
.gapvstatPurpose,
.gapvstatCTA{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.gapvstatHero p,
.gapvstatSection p,
.gapvstatPurpose p,
.gapvstatCTA p{

    font-size:16px;

    line-height:1.8;

}

.gapvstatContainer{

    width:min(1240px,100%);

    margin:0 auto;

    padding-left:22px;
    padding-right:22px;

}


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

.gapvstatHero{

    position:relative;

    overflow:hidden;

    padding:95px 0 85px;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 85% 15%,
            rgba(223,189,107,.15),
            transparent 26%
        ),

        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 60%,
            #123f73 100%
        );

}

.gapvstatHeroOrb{

    position:absolute;

    border:1px solid rgba(223,189,107,.13);

    border-radius:50%;

    pointer-events:none;

}

.gapvstatHeroOrbOne{

    width:620px;
    height:620px;

    right:-330px;
    top:-300px;

}

.gapvstatHeroOrbTwo{

    width:350px;
    height:350px;

    left:-260px;
    bottom:-240px;

}

.gapvstatHeroInner{

    position:relative;

    z-index:2;

    max-width:1080px;

    margin:0 auto;

    text-align:center;

}

.gapvstatHeroKicker{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:13px;

    margin-bottom:22px;

    color:var(--gapvstat-gold2);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2.2px;

}

.gapvstatHeroKicker span{

    width:42px;

    height:2px;

    background:var(--gapvstat-gold2);

}

.gapvstatHero h1{

    max-width:1050px;

    margin:0 auto;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(46px,6vw,76px);

    line-height:1.04;

    letter-spacing:-2px;

    font-weight:500;

}

.gapvstatHero h1 strong{

    display:block;

    margin-top:7px;

    color:var(--gapvstat-gold2);

    font-weight:700;

}

.gapvstatHeroIntro{

    max-width:850px;

    margin:30px auto 0;

    color:rgba(255,255,255,.76);

    font-size:18px !important;

    line-height:1.8 !important;

}

.gapvstatHeroIntro strong{

    color:#ffffff;

    font-weight:800;

}

.gapvstatHeroTags{

    display:flex;

    justify-content:center;

    align-items:center;

    flex-wrap:wrap;

    gap:9px;

    margin-top:32px;

}

.gapvstatHeroTags span{

    padding:10px 14px;

    border:1px solid rgba(223,189,107,.38);

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

    color:rgba(255,255,255,.85);

    font-size:15px;

    line-height:1.3;

    font-weight:800;

}


/* =========================================================
   STATUTORY INDEX
========================================================= */

.gapvstatIndex{

    position:relative;

    z-index:5;

    margin-top:-1px;

    background:#ffffff;

    border-bottom:1px solid var(--gapvstat-border);

    box-shadow:0 10px 30px rgba(6,31,64,.055);

}

.gapvstatIndexInner{

    display:grid;

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

}

.gapvstatIndex a{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    min-height:70px;

    padding:13px 12px;

    border-right:1px solid var(--gapvstat-border);

    color:var(--gapvstat-navy);

    text-decoration:none;

    font-size:15px;

    line-height:1.4;

    font-weight:800;

    text-align:center;

    transition:.25s ease;

}

.gapvstatIndex a:last-child{

    border-right:0;

}

.gapvstatIndex a:hover{

    background:var(--gapvstat-light);

    color:var(--gapvstat-gold);

}

.gapvstatIndex a span{

    color:var(--gapvstat-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:18px;

}


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

.gapvstatSection{

    padding:105px 0;

}

.gapvstatIncome{

    background:var(--gapvstat-ivory);

}

.gapvstatBanking{

    background:#ffffff;

}

.gapvstatIBC{

    background:var(--gapvstat-light);

}

.gapvstatLARR{

    background:#ffffff;

}

.gapvstatRent{

    background:var(--gapvstat-ivory);

}

.gapvstatEyebrow{

    display:block;

    margin-bottom:13px;

    color:var(--gapvstat-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.9px;

}


/* =========================================================
   SECTION HEADINGS
========================================================= */

.gapvstatSectionHeading{

    display:grid;

    grid-template-columns:90px minmax(0,1fr);

    gap:25px;

    align-items:start;

    margin-bottom:50px;

}

.gapvstatSectionNumber{

    display:flex;

    align-items:center;

    justify-content:center;

    width:76px;
    height:76px;

    border:1px solid rgba(197,150,47,.45);

    color:var(--gapvstat-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

    line-height:1;

}

.gapvstatSectionHeading h2,
.gapvstatSplitHeading h2,
.gapvstatIBCHeader h2,
.gapvstatLARRContent h2,
.gapvstatRentIntro h2{

    max-width:850px;

    margin:0;

    color:var(--gapvstat-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(36px,4vw,53px);

    line-height:1.13;

    font-weight:500;

}

.gapvstatSectionHeading h2 strong,
.gapvstatSplitHeading h2 strong,
.gapvstatIBCHeader h2 strong,
.gapvstatLARRContent h2 strong,
.gapvstatRentIntro h2 strong{

    color:var(--gapvstat-navy);

    font-weight:700;

}

.gapvstatSectionHeading p{

    max-width:850px;

    margin:19px 0 0;

    color:var(--gapvstat-muted);

}


/* =========================================================
   INCOME TAX CARDS
========================================================= */

.gapvstatTaxGrid{

    display:grid;

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

    gap:18px;

}

.gapvstatTaxCard{

    position:relative;

    display:flex;

    flex-direction:column;

    min-height:410px;

    padding:29px 27px 25px;

    border:1px solid var(--gapvstat-border);

    background:#ffffff;

    box-shadow:
        0 15px 40px rgba(6,31,64,.055);

    transition:
        transform .28s ease,
        box-shadow .28s ease;

}

.gapvstatTaxCard:hover{

    transform:translateY(-5px);

    box-shadow:
        0 22px 50px rgba(6,31,64,.11);

}

.gapvstatTaxCard:before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:4px;

    background:var(--gapvstat-navy);

}

.gapvstatFeatured:before,
.gapvstatGoldCard:before{

    background:var(--gapvstat-gold);

}

.gapvstatCardTop{

    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:12px;

}

.gapvstatLawNumber{

    color:var(--gapvstat-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

    line-height:1.15;

    font-weight:700;

}

.gapvstatCardTag{

    padding:7px 8px;

    border:1px solid rgba(9,47,98,.12);

    color:var(--gapvstat-navy);

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    text-align:right;

}

.gapvstatTaxCard h3{

    margin:28px 0 17px;

    color:var(--gapvstat-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:27px;

    line-height:1.25;

    font-weight:500;

}

.gapvstatTaxCard h3 strong{

    color:var(--gapvstat-navy);

    font-weight:700;

}

.gapvstatTaxCard p{

    margin:0;

    color:var(--gapvstat-text);

    font-size:15.5px;

}

.gapvstatTaxCard p strong{

    color:var(--gapvstat-navy);

    font-weight:800;

}

.gapvstatCardFooter{

    display:flex;

    align-items:center;

    gap:10px;

    margin-top:auto;

    padding-top:20px;

    border-top:1px solid var(--gapvstat-border);

}

.gapvstatCardFooter strong{

    color:var(--gapvstat-gold);

    font-size:15px;

    line-height:1.3;

    font-weight:900;

}

.gapvstatCardFooter span{

    color:var(--gapvstat-muted);

    font-size:15px;

}

.gapvstatDarkCard{

    color:#ffffff;

    border-color:rgba(223,189,107,.20);

    background:
        linear-gradient(
            145deg,
            #061f40,
            #092f62
        );

}

.gapvstatDarkCard h3{

    color:#ffffff;

}

.gapvstatDarkCard h3 strong{

    color:var(--gapvstat-gold2);

}

.gapvstatDarkCard p{

    color:rgba(255,255,255,.68);

}

.gapvstatDarkCard p strong{

    color:#ffffff;

}

.gapvstatDarkCard .gapvstatCardTag{

    color:var(--gapvstat-gold2);

    border-color:rgba(223,189,107,.25);

}

.gapvstatDarkCard .gapvstatCardFooter{

    border-color:rgba(255,255,255,.12);

}

.gapvstatDarkCard .gapvstatCardFooter span{

    color:rgba(255,255,255,.58);

}


/* =========================================================
   BANKING SECTION
========================================================= */

.gapvstatSplitHeading{

    display:grid;

    grid-template-columns:
        1.15fr
        .85fr;

    gap:70px;

    align-items:end;

    margin-bottom:55px;

}

.gapvstatSplitHeading > p{

    margin:0;

    color:var(--gapvstat-muted);

}

.gapvstatBankGrid{

    display:grid;

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

    gap:20px;

}

.gapvstatBankCard{

    display:grid;

    grid-template-columns:54px minmax(0,1fr);

    gap:20px;

    min-height:315px;

    padding:30px 27px;

    border:1px solid var(--gapvstat-border);

    background:var(--gapvstat-ivory);

}

.gapvstatBankNumber{

    width:48px;
    height:48px;

    display:flex;

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

    border:1px solid rgba(197,150,47,.42);

    color:var(--gapvstat-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:20px;

}

.gapvstatBankLabel{

    display:block;

    margin-bottom:11px;

    color:var(--gapvstat-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.2px;

}

.gapvstatBankCard h3{

    margin:0 0 17px;

    color:var(--gapvstat-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:27px;

    line-height:1.25;

    font-weight:500;

}

.gapvstatBankCard h3 strong{

    color:var(--gapvstat-navy);

    font-weight:700;

}

.gapvstatBankCard p{

    margin:0;

    color:var(--gapvstat-text);

}

.gapvstatBankCard p strong{

    color:var(--gapvstat-navy);

    font-weight:800;

}


/* =========================================================
   IBC SECTION
========================================================= */

.gapvstatIBCHeader{

    max-width:850px;

    margin-bottom:50px;

}

.gapvstatIBCGrid{

    display:grid;

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

    gap:22px;

}

.gapvstatIBCCard{

    position:relative;

    min-height:405px;

    padding:34px;

    border:1px solid rgba(9,47,98,.12);

    background:#ffffff;

    box-shadow:
        0 18px 45px rgba(6,31,64,.065);

}

.gapvstatIBCCardGold{

    border-color:rgba(197,150,47,.27);

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fcf8ee
        );

}

.gapvstatIBCTop{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    color:var(--gapvstat-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1px;

}

.gapvstatIBCBadge{

    display:inline-flex;

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

    min-width:58px;
    min-height:45px;

    padding:7px 10px;

    border:1px solid rgba(197,150,47,.45);

    color:var(--gapvstat-gold);

}

.gapvstatIBCCard h3{

    margin:28px 0 18px;

    color:var(--gapvstat-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:32px;

    line-height:1.2;

    font-weight:500;

}

.gapvstatIBCCard h3 strong{

    color:var(--gapvstat-navy);

    font-weight:700;

}

.gapvstatIBCCard p{

    color:var(--gapvstat-text);

}

.gapvstatIBCCard p strong{

    color:var(--gapvstat-navy);

}

.gapvstatPropertyTags{

    display:flex;

    flex-wrap:wrap;

    gap:8px;

    margin-top:25px;

}

.gapvstatPropertyTags span{

    padding:8px 10px;

    border:1px solid rgba(9,47,98,.11);

    color:var(--gapvstat-navy);

    background:#f7f9fb;

    font-size:15px;

    font-weight:800;

}

.gapvstatIBCMetric{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-top:25px;

    padding-top:20px;

    border-top:1px solid var(--gapvstat-border);

}

.gapvstatIBCMetric strong{

    color:var(--gapvstat-gold);

    font-size:22px;

}

.gapvstatIBCMetric span{

    color:var(--gapvstat-muted);

    font-size:15px;

}

.gapvstatIBCMetric i{

    color:var(--gapvstat-navy);

    font-style:normal;

    font-weight:900;

}

.gapvstatCorporateLine{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:10px;

    margin-top:35px;

    padding-top:20px;

    border-top:1px solid var(--gapvstat-border);

    color:var(--gapvstat-gold);

    font-size:15px;

    font-weight:900;

}


/* =========================================================
   LARR SECTION
========================================================= */

.gapvstatLARRBox{

    display:grid;

    grid-template-columns:150px minmax(0,1fr);

    gap:45px;

    align-items:center;

    padding:55px;

    border:1px solid rgba(197,150,47,.25);

    background:
        linear-gradient(
            135deg,
            #061f40,
            #092f62
        );

    box-shadow:
        0 25px 60px rgba(6,31,64,.14);

}

.gapvstatLARRNumber{

    display:flex;

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

    width:125px;
    height:125px;

    border:1px solid rgba(223,189,107,.55);

    border-radius:50%;

    color:var(--gapvstat-gold2);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:48px;

    font-weight:700;

}

.gapvstatLARRContent h2{

    color:#ffffff;

}

.gapvstatLARRContent h2 strong{

    color:var(--gapvstat-gold2);

}

.gapvstatLARRContent p{

    max-width:850px;

    color:rgba(255,255,255,.67);

}

.gapvstatLARRContent p strong{

    color:#ffffff;

}

.gapvstatLARRPoints{

    display:grid;

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

    gap:12px;

    margin-top:30px;

}

.gapvstatLARRPoints div{

    padding:16px;

    border:1px solid rgba(255,255,255,.11);

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

}

.gapvstatLARRPoints strong{

    display:block;

    color:var(--gapvstat-gold2);

    font-size:18px;

}

.gapvstatLARRPoints span{

    display:block;

    margin-top:4px;

    color:rgba(255,255,255,.58);

    font-size:15px;

}


/* =========================================================
   RENT SECTION
========================================================= */

.gapvstatRentInner{

    display:grid;

    grid-template-columns:
        .85fr
        1.15fr;

    gap:60px;

    align-items:center;

}

.gapvstatRentIntro p{

    max-width:580px;

    color:var(--gapvstat-muted);

}

.gapvstatRentCard{

    display:grid;

    grid-template-columns:85px minmax(0,1fr);

    gap:25px;

    align-items:start;

    padding:35px;

    border:1px solid rgba(197,150,47,.30);

    background:#ffffff;

    box-shadow:
        0 20px 50px rgba(6,31,64,.075);

}

.gapvstatRentIcon{

    width:75px;
    height:75px;

    display:flex;

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

    border:1px solid var(--gapvstat-gold);

    color:var(--gapvstat-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;

    font-weight:700;

}

.gapvstatRentCard > div:last-child > span{

    display:block;

    color:var(--gapvstat-gold);

    font-size:15px;

    font-weight:900;

    letter-spacing:1.3px;

}

.gapvstatRentCard h3{

    margin:10px 0 15px;

    color:var(--gapvstat-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

    line-height:1.2;

    font-weight:500;

}

.gapvstatRentCard h3 strong{

    color:var(--gapvstat-navy);

}

.gapvstatRentCard p{

    margin:0;

    color:var(--gapvstat-text);

}

.gapvstatRentCard p strong{

    color:var(--gapvstat-navy);

}


/* =========================================================
   PURPOSE MAP
========================================================= */

.gapvstatPurpose{

    padding:100px 0;

    background:#ffffff;

}

.gapvstatPurposeHeader{

    max-width:850px;

    margin:0 auto 45px;

    text-align:center;

}

.gapvstatPurposeHeader h2{

    margin:0;

    color:var(--gapvstat-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(36px,4vw,52px);

    line-height:1.15;

    font-weight:500;

}

.gapvstatPurposeHeader h2 strong{

    color:var(--gapvstat-navy);

}

.gapvstatPurposeHeader p{

    margin:18px auto 0;

    color:var(--gapvstat-muted);

}

.gapvstatPurposeGrid{

    display:grid;

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

    border-top:1px solid var(--gapvstat-border);

    border-left:1px solid var(--gapvstat-border);

}

.gapvstatPurposeItem{

    min-height:135px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:20px;

    border-right:1px solid var(--gapvstat-border);

    border-bottom:1px solid var(--gapvstat-border);

    transition:.25s ease;

}

.gapvstatPurposeItem:hover{

    background:var(--gapvstat-ivory);

}

.gapvstatPurposeItem strong{

    color:var(--gapvstat-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:25px;

    line-height:1.2;

}

.gapvstatPurposeItem span{

    margin-top:7px;

    color:var(--gapvstat-navy);

    font-size:15px;

    line-height:1.5;

    font-weight:800;

}


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

.gapvstatCTA{

    padding:0 0 95px;

    background:#ffffff;

}

.gapvstatCTAWrap{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:45px;

    padding:43px 45px;

    border:1px solid rgba(223,189,107,.40);

    background:
        radial-gradient(
            circle at 90% 20%,
            rgba(223,189,107,.13),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #061f40,
            #092f62
        );

    box-shadow:
        0 25px 60px rgba(6,31,64,.15);

}

.gapvstatCTAContent{

    max-width:730px;

}

.gapvstatCTAContent > span{

    display:block;

    margin-bottom:9px;

    color:var(--gapvstat-gold2);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.7px;

}

.gapvstatCTAContent h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:38px;

    line-height:1.18;

    font-weight:500;

}

.gapvstatCTAContent h2 strong{

    color:var(--gapvstat-gold2);

}

.gapvstatCTAContent p{

    margin:13px 0 0;

    color:rgba(255,255,255,.64);

}

.gapvstatCTAContent p strong{

    color:#ffffff;

}

.gapvstatCTAActions{

    display:flex;

    flex-direction:column;

    gap:12px;

    min-width:260px;

}

.gapvstatCTAButton{

    min-height:59px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:14px 22px;

    border:1px solid var(--gapvstat-gold2);

    background:var(--gapvstat-gold);

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    line-height:1.3;

    font-weight:900;

    box-shadow:
        0 12px 28px rgba(0,0,0,.22);

    transition:.25s ease;

}

.gapvstatCTAButton b{

    font-size:22px;

}

.gapvstatCTAButton:hover{

    color:#ffffff;

    background:#d2a13a;

    transform:translateY(-2px);

}

.gapvstatPhoneButton{

    min-height:59px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:10px 16px;

    border:1px solid rgba(223,189,107,.42);

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

    color:#ffffff;

    text-decoration:none;

    transition:.25s ease;

}

.gapvstatPhoneButton:hover{

    color:#ffffff;

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

    border-color:var(--gapvstat-gold2);

}

.gapvstatPhoneIcon{

    width:38px;
    height:38px;

    display:flex;

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

    border:1px solid var(--gapvstat-gold2);

    color:var(--gapvstat-gold2);

    font-size:18px;

}

.gapvstatPhoneButton small{

    display:block;

    color:rgba(255,255,255,.53);

    font-size:15px;

    line-height:1.3;

}

.gapvstatPhoneButton strong{

    display:block;

    margin-top:2px;

    color:#ffffff;

    font-size:18px;

    line-height:1.3;

}


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

@media (max-width:1050px){

    .gapvstatTaxGrid{

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

    }

    .gapvstatBankGrid{

        grid-template-columns:1fr;

    }

    .gapvstatBankCard{

        min-height:auto;

    }

    .gapvstatSplitHeading{

        grid-template-columns:1fr;

        gap:20px;

    }

    .gapvstatPurposeGrid{

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

    }

    .gapvstatRentInner{

        grid-template-columns:1fr;

        gap:35px;

    }

}


/* =========================================================
   TABLET / SMALL LAPTOP
========================================================= */

@media (max-width:850px){

    .gapvstatHero{

        padding:75px 0 70px;

    }

    .gapvstatHero h1{

        font-size:52px;

    }

    .gapvstatIndexInner{

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

    }

    .gapvstatIndex a{

        border-bottom:1px solid var(--gapvstat-border);

    }

    .gapvstatIBCGrid{

        grid-template-columns:1fr;

    }

    .gapvstatLARRBox{

        grid-template-columns:100px minmax(0,1fr);

        padding:40px 30px;

        gap:30px;

    }

    .gapvstatLARRPoints{

        grid-template-columns:1fr;

    }

    .gapvstatCTAWrap{

        align-items:flex-start;

        flex-direction:column;

    }

    .gapvstatCTAActions{

        width:100%;

        flex-direction:row;

    }

    .gapvstatCTAButton,
    .gapvstatPhoneButton{

        flex:1;

    }

}


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

@media (max-width:600px){

    .gapvstatContainer{

        padding-left:17px;
        padding-right:17px;

    }

    .gapvstatHero{

        padding:60px 0 55px;

    }

    .gapvstatHeroKicker{

        font-size:15px;

        letter-spacing:1.2px;

    }

    .gapvstatHero h1{

        font-size:40px;

        line-height:1.04;

        letter-spacing:-1px;

    }

    .gapvstatHeroIntro{

        font-size:16px !important;

        line-height:1.75 !important;

    }

    .gapvstatHeroTags{

        justify-content:flex-start;

    }

    .gapvstatHeroTags span{

        font-size:15px;

    }


    /* INDEX */

    .gapvstatIndexInner{

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

    }

    .gapvstatIndex a{

        min-height:65px;

        padding:10px 8px;

        font-size:15px;

    }


    /* SECTIONS */

    .gapvstatSection{

        padding:72px 0;

    }

    .gapvstatSectionHeading{

        grid-template-columns:1fr;

        gap:20px;

        margin-bottom:38px;

    }

    .gapvstatSectionNumber{

        width:62px;
        height:62px;

        font-size:25px;

    }

    .gapvstatSectionHeading h2,
    .gapvstatSplitHeading h2,
    .gapvstatIBCHeader h2,
    .gapvstatLARRContent h2,
    .gapvstatRentIntro h2{

        font-size:35px;

    }


    /* TAX */

    .gapvstatTaxGrid{

        grid-template-columns:1fr;

    }

    .gapvstatTaxCard{

        min-height:auto;

        padding:27px 23px;

    }

    .gapvstatTaxCard h3{

        font-size:27px;

    }


    /* BANKING */

    .gapvstatBankCard{

        grid-template-columns:1fr;

        padding:27px 22px;

    }

    .gapvstatBankNumber{

        width:45px;
        height:45px;

    }


    /* IBC */

    .gapvstatIBCCard{

        min-height:auto;

        padding:28px 23px;

    }

    .gapvstatIBCCard h3{

        font-size:28px;

    }


    /* LARR */

    .gapvstatLARRBox{

        grid-template-columns:1fr;

        padding:32px 22px;

    }

    .gapvstatLARRNumber{

        width:90px;
        height:90px;

        font-size:35px;

    }


    /* RENT */

    .gapvstatRentCard{

        grid-template-columns:1fr;

        padding:27px 22px;

    }

    .gapvstatRentIcon{

        width:62px;
        height:62px;

    }

    .gapvstatRentCard h3{

        font-size:28px;

    }


    /* PURPOSE */

    .gapvstatPurpose{

        padding:72px 0;

    }

    .gapvstatPurposeHeader h2{

        font-size:35px;

    }

    .gapvstatPurposeGrid{

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

    }

    .gapvstatPurposeItem{

        min-height:115px;

        padding:16px;

    }


    /* CTA */

    .gapvstatCTA{

        padding-bottom:70px;

    }

    .gapvstatCTAWrap{

        padding:30px 22px;

    }

    .gapvstatCTAContent h2{

        font-size:31px;

    }

    .gapvstatCTAActions{

        flex-direction:column;

    }

    .gapvstatCTAButton,
    .gapvstatPhoneButton{

        width:100%;

        flex:none;

    }

}


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

@media (max-width:390px){

    .gapvstatHero h1{

        font-size:36px;

    }

    .gapvstatSectionHeading h2,
    .gapvstatSplitHeading h2,
    .gapvstatIBCHeader h2,
    .gapvstatLARRContent h2,
    .gapvstatRentIntro h2,
    .gapvstatPurposeHeader h2{

        font-size:31px;

    }

    .gapvstatIndex a{

        font-size:15px;

    }

    .gapvstatPurposeGrid{

        grid-template-columns:1fr;

    }

}
/* =========================================================
   GOVERNMENT APPROVED PROPERTY VALUERS
   CERTIFICATE TAXONOMY
   UNIQUE NAMESPACE: gapvct-
========================================================= */

:root{

    --gapvct-navy:#092f62;
    --gapvct-deep:#061f40;
    --gapvct-blue:#123f73;

    --gapvct-gold:#c5962f;
    --gapvct-gold-light:#e0bd69;
    --gapvct-gold-pale:#f4e8c9;

    --gapvct-white:#ffffff;
    --gapvct-ivory:#fcfaf5;
    --gapvct-soft:#f5f7fa;

    --gapvct-text:#41546a;
    --gapvct-muted:#728196;

    --gapvct-border:rgba(9,47,98,.13);

}


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

.gapvct-intro *,
.gapvct-certificates *,
.gapvct-selection *{

    box-sizing:border-box;

}

.gapvct-intro,
.gapvct-certificates,
.gapvct-selection{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.gapvct-intro p,
.gapvct-certificates p,
.gapvct-selection p{

    font-size:16px;

    line-height:1.8;

}


/* =========================================================
   COMMON CONTAINER
========================================================= */

.gapvct-container{

    width:min(1240px,100%);

    margin:0 auto;

}


/* =========================================================
   INTRO
========================================================= */

.gapvct-intro{

    position:relative;

    overflow:hidden;

    padding:95px 24px 78px;

    background:
        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 60%,
            #123f73 100%
        );

    color:#ffffff;

}

.gapvct-intro:after{

    content:"";

    position:absolute;

    width:500px;
    height:500px;

    right:-280px;
    top:-280px;

    border:1px solid rgba(224,189,105,.16);

    border-radius:50%;

}

.gapvct-intro-grid{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        1.05fr
        .95fr;

    gap:80px;

    align-items:end;

}

.gapvct-eyebrow{

    display:flex;

    align-items:center;

    gap:13px;

    margin-bottom:20px;

    color:var(--gapvct-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvct-eyebrow:before{

    content:"";

    width:45px;

    height:2px;

    background:var(--gapvct-gold-light);

}

.gapvct-intro-heading h1{

    margin:0;

    max-width:750px;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(45px,5vw,70px);

    line-height:1.05;

    letter-spacing:-2px;

    font-weight:500;

}

.gapvct-intro-heading h1 strong{

    color:var(--gapvct-gold-light);

    font-weight:700;

}

.gapvct-intro-copy{

    padding-left:30px;

    border-left:1px solid rgba(224,189,105,.38);

}

.gapvct-intro-copy p{

    margin:0 0 19px;

    color:rgba(255,255,255,.72);

}

.gapvct-intro-copy p:last-child{

    margin-bottom:0;

}

.gapvct-intro-copy strong{

    color:#ffffff;

    font-weight:800;

}


/* =========================================================
   CERTIFICATE SECTION
========================================================= */

.gapvct-certificates{

    padding:95px 24px;

    background:var(--gapvct-ivory);

}


/* =========================================================
   CERTIFICATE GRID
========================================================= */

.gapvct-certificates .gapvct-container{

    display:grid;

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

    gap:24px;

}


/* =========================================================
   CARD BASE
========================================================= */

.gapvct-card{

    position:relative;

    overflow:hidden;

    display:flex;

    flex-direction:column;

    min-height:680px;

    padding:34px 32px 29px;

    border:1px solid var(--gapvct-border);

    background:#ffffff;

    box-shadow:
        0 18px 50px rgba(6,31,64,.055);

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

}

.gapvct-card:hover{

    transform:translateY(-6px);

    box-shadow:
        0 28px 65px rgba(6,31,64,.12);

}

.gapvct-card:before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;

    height:4px;

    background:var(--gapvct-navy);

}

.gapvct-card-featured:before{

    background:var(--gapvct-gold);

}

.gapvct-card-gold{

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbf7ed
        );

    border-color:rgba(197,150,47,.30);

}

.gapvct-card-gold:before{

    background:var(--gapvct-gold);

}


/* =========================================================
   DARK CARD
========================================================= */

.gapvct-card-dark{

    color:#ffffff;

    border-color:rgba(224,189,105,.25);

    background:
        linear-gradient(
            145deg,
            #061f40,
            #092f62
        );

}

.gapvct-card-dark:before{

    background:var(--gapvct-gold-light);

}

.gapvct-card-dark .gapvct-authority,
.gapvct-card-dark .gapvct-code{

    border-color:rgba(224,189,105,.38);

    color:var(--gapvct-gold-light);

}

.gapvct-card-dark h2{

    color:#ffffff;

}

.gapvct-card-dark h2 strong{

    color:var(--gapvct-gold-light);

}

.gapvct-card-dark .gapvct-purpose{

    color:rgba(255,255,255,.62);

}

.gapvct-card-dark > p{

    color:rgba(255,255,255,.70);

}

.gapvct-card-dark .gapvct-details{

    border-color:rgba(255,255,255,.11);

}

.gapvct-card-dark .gapvct-details h3{

    color:var(--gapvct-gold-light);

}

.gapvct-card-dark .gapvct-details li{

    color:rgba(255,255,255,.68);

}

.gapvct-card-dark .gapvct-details li strong{

    color:#ffffff;

}

.gapvct-card-dark .gapvct-card-footer{

    border-color:rgba(255,255,255,.12);

}

.gapvct-card-dark .gapvct-card-footer span{

    color:rgba(255,255,255,.65);

}

.gapvct-card-dark .gapvct-card-footer strong{

    color:#ffffff;

}


/* =========================================================
   CARD NUMBER
========================================================= */

.gapvct-card-number{

    position:absolute;

    top:18px;
    right:25px;

    color:rgba(9,47,98,.075);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:75px;

    line-height:1;

    font-weight:700;

}

.gapvct-card-dark .gapvct-card-number{

    color:rgba(255,255,255,.07);

}


/* =========================================================
   CARD TOP
========================================================= */

.gapvct-card-top{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:12px;

    margin-bottom:30px;

}

.gapvct-authority,
.gapvct-code{

    display:inline-flex;

    align-items:center;

    min-height:31px;

    padding:6px 9px;

    border:1px solid rgba(9,47,98,.14);

    color:var(--gapvct-navy);

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:1px;

}

.gapvct-code{

    color:var(--gapvct-gold);

    border-color:rgba(197,150,47,.30);

}


/* =========================================================
   CARD HEADING
========================================================= */

.gapvct-card-heading{

    display:flex;

    align-items:flex-start;

    gap:17px;

    margin-bottom:22px;

}

.gapvct-icon{

    flex:0 0 auto;

    width:58px;
    height:58px;

    display:flex;

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

    border:1px solid rgba(197,150,47,.45);

    color:var(--gapvct-gold);

    font-size:15px;

    line-height:1.2;

    font-weight:900;

}

.gapvct-card-heading h2{

    margin:0;

    color: #c8a861;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:29px;

    line-height:1.2;

    font-weight:500;

}

.gapvct-card-heading h2 strong{

    color:var(--gapvct-navy);

    font-weight:700;

}

.gapvct-purpose{

    display:block;

    margin-top:7px;

    color:var(--gapvct-muted);

    font-size:15px;

    line-height:1.4;

    font-weight:700;

}


/* =========================================================
   CARD INTRO
========================================================= */

.gapvct-card > p{

    margin:0 0 25px;

    color:var(--gapvct-text);

}

.gapvct-card > p strong{

    color:var(--gapvct-navy);

    font-weight:800;

}


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

.gapvct-details{

    margin-top:3px;

    padding-top:21px;

    border-top:1px solid var(--gapvct-border);

}

.gapvct-details h3{

    margin:0 0 15px;

    color:var(--gapvct-navy);

    font-size:16px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:.3px;

}

.gapvct-details ul{

    margin:0;

    padding:0;

    list-style:none;

}

.gapvct-details li{

    position:relative;

    padding:0 0 10px 19px;

    color:var(--gapvct-text);

    font-size:15px;

    line-height:1.65;

}

.gapvct-details li:before{

    content:"";

    position:absolute;

    left:0;
    top:9px;

    width:6px;
    height:6px;

    background:var(--gapvct-gold);

}

.gapvct-details li strong{

    color:var(--gapvct-navy);

    font-weight:800;

}


/* =========================================================
   VALUE PAIR — IBBI CARD
========================================================= */

.gapvct-value-pair{

    display:grid;

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

    gap:12px;

    margin-top:4px;

}

.gapvct-value-pair > div{

    padding:17px;

    border:1px solid rgba(9,47,98,.10);

    background:var(--gapvct-soft);

}

.gapvct-value-pair strong{

    display:block;

    margin-bottom:7px;

    color:var(--gapvct-navy);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:19px;

    line-height:1.3;

}

.gapvct-value-pair span{

    display:block;

    color:var(--gapvct-muted);

    font-size:15px;

    line-height:1.55;

}


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

.gapvct-card-footer{

    margin-top:auto;

    padding-top:22px;

    border-top:1px solid var(--gapvct-border);

}

.gapvct-card-footer span{

    display:block;

    color:var(--gapvct-muted);

    font-size:15px;

    line-height:1.65;

}

.gapvct-card-footer strong{

    color:var(--gapvct-navy);

    font-weight:800;

}


/* =========================================================
   SELECTION / CTA SECTION
========================================================= */

.gapvct-selection{

    position:relative;

    overflow:hidden;

    padding:0 24px 90px;

    background:var(--gapvct-ivory);

}

.gapvct-selection-inner{

    position:relative;

    display:grid;

    grid-template-columns:
        100px
        minmax(0,1fr)
        auto;

    align-items:center;

    gap:30px;

    padding:38px 40px;

    border:1px solid rgba(197,150,47,.38);

    background:
        linear-gradient(
            125deg,
            #061f40,
            #092f62
        );

    box-shadow:
        0 25px 60px rgba(6,31,64,.15);

}

.gapvct-selection-mark{

    width:82px;
    height:82px;

    display:flex;

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

    border:1px solid var(--gapvct-gold-light);

    border-radius:50%;

    color:var(--gapvct-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:29px;

    font-weight:700;

}

.gapvct-selection-content > span{

    display:block;

    margin-bottom:7px;

    color:var(--gapvct-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.6px;

}

.gapvct-selection-content h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

    line-height:1.25;

    font-weight:500;

}

.gapvct-selection-content h2 strong{

    color:var(--gapvct-gold-light);

}

.gapvct-selection-content p{

    max-width:650px;

    margin:9px 0 0;

    color:rgba(255,255,255,.63);

}

.gapvct-selection-action{

    display:flex;

    flex-direction:column;

    align-items:stretch;

    gap:10px;

    min-width:220px;

}

.gapvct-cta-button{

    min-height:55px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    padding:13px 20px;

    border:1px solid var(--gapvct-gold-light);

    background:var(--gapvct-gold);

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    line-height:1.3;

    font-weight:900;

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

    transition:.25s ease;

}

.gapvct-cta-button b{

    font-size:20px;

}

.gapvct-cta-button:hover{

    color:#ffffff;

    background:#d0a13c;

    transform:translateY(-2px);

}

.gapvct-call-button{

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    min-height:55px;

    padding:9px 15px;

    border:1px solid rgba(224,189,105,.35);

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

    color:#ffffff;

    text-decoration:none;

    text-align:center;

    transition:.25s ease;

}

.gapvct-call-button:hover{

    color:#ffffff;

    border-color:var(--gapvct-gold-light);

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

}

.gapvct-call-button small{

    color:rgba(255,255,255,.55);

    font-size:15px;

    line-height:1.3;

}

.gapvct-call-button strong{

    margin-top:3px;

    color:var(--gapvct-gold-light);

    font-size:17px;

    line-height:1.3;

}


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

@media (max-width:1000px){

    .gapvct-intro-grid{

        grid-template-columns:1fr;

        gap:35px;

    }

    .gapvct-intro-copy{

        max-width:800px;

        padding-left:0;

        padding-top:25px;

        border-left:0;

        border-top:1px solid rgba(224,189,105,.30);

    }

    .gapvct-selection-inner{

        grid-template-columns:
            80px
            minmax(0,1fr);

    }

    .gapvct-selection-action{

        grid-column:2;

        flex-direction:row;

        align-items:stretch;

    }

}


/* =========================================================
   TABLET / SMALL DESKTOP
========================================================= */

@media (max-width:760px){

    .gapvct-certificates .gapvct-container{

        grid-template-columns:1fr;

    }

    .gapvct-card{

        min-height:auto;

    }

}


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

@media (max-width:600px){

    .gapvct-intro{

        padding:68px 17px 55px;

    }

    .gapvct-intro-heading h1{

        font-size:40px;

        letter-spacing:-1px;

    }

    .gapvct-eyebrow{

        font-size:15px;

        letter-spacing:1.3px;

    }

    .gapvct-intro-copy p{

        font-size:15px;

    }


    .gapvct-certificates{

        padding:65px 17px;

    }

    .gapvct-card{

        padding:29px 23px 25px;

    }

    .gapvct-card-number{

        font-size:60px;

        right:18px;

    }

    .gapvct-card-top{

        margin-bottom:25px;

    }

    .gapvct-card-heading{

        gap:13px;

    }

    .gapvct-icon{

        width:51px;
        height:51px;

        font-size:15px;

    }

    .gapvct-card-heading h2{

        font-size:26px;

    }

    .gapvct-card > p{

        font-size:15px;

    }

    .gapvct-value-pair{

        grid-template-columns:1fr;

    }


    .gapvct-selection{

        padding:0 17px 65px;

    }

    .gapvct-selection-inner{

        grid-template-columns:1fr;

        gap:20px;

        padding:28px 20px;

    }

    .gapvct-selection-mark{

        width:65px;
        height:65px;

        font-size:24px;

    }

    .gapvct-selection-content h2{

        font-size:27px;

    }

    .gapvct-selection-action{

        grid-column:auto;

        width:100%;

        flex-direction:column;

    }

    .gapvct-cta-button,
    .gapvct-call-button{

        width:100%;

    }

}


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

@media (max-width:390px){

    .gapvct-intro-heading h1{

        font-size:35px;

    }

    .gapvct-card-heading h2{

        font-size:24px;

    }

    .gapvct-selection-content h2{

        font-size:25px;

    }

}

/* =========================================================
   NRI PROPERTY VALUATION
   SECTION 195 / 197 / 55(2)(b)
   UNIQUE DESIGN SYSTEM
   ROYAL NAVY + GOLD
========================================================= */

.gapvNriHero *,
.gapvNriTdsSection *,
.gapvNriRoleSection *,
.gapvNri197Section *,
.gapvNriNetworkSection *,
.gapvNriFinalSection *{

    box-sizing:border-box;

}


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

.gapvNriHero{

    position:relative;

    overflow:hidden;

    padding:95px 24px 90px;

    background:
        radial-gradient(
            circle at 82% 18%,
            rgba(197,150,47,.16),
            transparent 27%
        ),
        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 58%,
            #123f73 100%
        );

    color:#ffffff;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

}

.gapvNriHeroPattern{

    position:absolute;

    width:700px;
    height:700px;

    right:-390px;
    top:-270px;

    border:1px solid rgba(224,189,105,.14);

    border-radius:50%;

}

.gapvNriHeroPattern:after{

    content:"";

    position:absolute;

    inset:80px;

    border:1px solid rgba(224,189,105,.09);

    border-radius:50%;

}

.gapvNriHeroContainer{

    position:relative;

    z-index:2;

    width:min(1220px,100%);

    margin:auto;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        360px;

    gap:75px;

    align-items:center;

}

.gapvNriHeroContent{

    max-width:850px;

}

.gapvNriEyebrow{

    display:flex;

    align-items:center;

    gap:13px;

    margin-bottom:22px;

    color:#e0bd69;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvNriEyebrow span{

    width:48px;

    height:2px;

    background:#e0bd69;

}

.gapvNriHero h1{

    margin:0 0 27px;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(45px,5.3vw,72px);

    line-height:1.04;

    letter-spacing:-2px;

    font-weight:500;

}

.gapvNriHero h1 strong{

    display:block;

    color:#e0bd69;

    font-weight:700;

}

.gapvNriHeroLead{

    max-width:820px;

    margin:0;

    color:rgba(255,255,255,.77);

    font-size:18px;

    line-height:1.82;

}

.gapvNriHeroLead strong{

    color:#ffffff;

    font-weight:800;

}


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

.gapvNriHeroFacts{

    display:grid;

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

    margin-top:38px;

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

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

}

.gapvNriHeroFacts > div{

    min-height:110px;

    display:flex;

    align-items:center;

    gap:13px;

    padding:18px;

    border-right:1px solid rgba(255,255,255,.10);

}

.gapvNriHeroFacts > div:last-child{

    border-right:0;

}

.gapvNriHeroFacts strong{

    color:#e0bd69;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:34px;

    line-height:1;

}

.gapvNriHeroFacts span{

    color:rgba(255,255,255,.66);

    font-size:15px;

    line-height:1.45;

    font-weight:700;

}


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

.gapvNriHeroActions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

    margin-top:32px;

}

.gapvNriPrimaryButton{

    min-height:57px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    padding:14px 22px;

    background:#c5962f;

    border:1px solid #e0bd69;

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:900;

    box-shadow:
        0 15px 32px rgba(0,0,0,.20);

    transition:.25s ease;

}

.gapvNriPrimaryButton b{

    font-size:21px;

}

.gapvNriPrimaryButton:hover{

    color:#ffffff;

    background:#d2a440;

    transform:translateY(-2px);

}

.gapvNriPhoneButton{

    min-height:57px;

    display:flex;

    align-items:center;

    gap:11px;

    padding:9px 17px;

    border:1px solid rgba(224,189,105,.45);

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

    color:#ffffff;

    text-decoration:none;

    transition:.25s ease;

}

.gapvNriPhoneButton:hover{

    color:#ffffff;

    border-color:#e0bd69;

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

}

.gapvNriPhoneIcon{

    width:38px;
    height:38px;

    display:flex;

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

    border:1px solid #e0bd69;

    color:#e0bd69;

    font-size:18px;

}

.gapvNriPhoneButton small{

    display:block;

    color:rgba(255,255,255,.54);

    font-size:15px;

    line-height:1.3;

}

.gapvNriPhoneButton strong{

    display:block;

    margin-top:2px;

    color:#ffffff;

    font-size:18px;

}


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

.gapvNriHeroPanel{

    position:relative;

    padding:28px;

    border:1px solid rgba(224,189,105,.42);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.085),
            rgba(255,255,255,.025)
        );

    box-shadow:
        0 30px 70px rgba(0,0,0,.20);

}

.gapvNriPanelTop span{

    display:block;

    margin-bottom:13px;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvNriPanelTop strong{

    display:block;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:35px;

    line-height:1.05;

    font-weight:500;

}

.gapvNriPanelLine{

    width:65px;

    height:2px;

    margin:25px 0;

    background:#c5962f;

}

.gapvNriPanelItem{

    display:grid;

    grid-template-columns:38px minmax(0,1fr);

    gap:13px;

    padding:17px 0;

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

}

.gapvNriPanelItem > span{

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

}

.gapvNriPanelItem strong{

    display:block;

    color:#ffffff;

    font-size:17px;

}

.gapvNriPanelItem p{

    margin:5px 0 0;

    color:rgba(255,255,255,.60);

    font-size:15px;

    line-height:1.65;

}

.gapvNriPanelItem p strong{

    display:inline;

    color:#ffffff;

    font-size:inherit;

}

.gapvNriPanelBottom{

    padding-top:22px;

}

.gapvNriPanelBottom span{

    display:block;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

    letter-spacing:1.6px;

}

.gapvNriPanelBottom strong{

    display:block;

    margin-top:5px;

    color:rgba(255,255,255,.72);

    font-size:15px;

    line-height:1.55;

}


/* =========================================================
   SHARED CONTAINER
========================================================= */

.gapvNriContainer{

    width:min(1180px,100%);

    margin:auto;

}


/* =========================================================
   SECTION 1 — TDS
========================================================= */

.gapvNriTdsSection{

    padding:100px 24px;

    background:#fcfbf8;

    color:#26384d;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

}

.gapvNriSectionHeading{

    max-width:850px;

    margin:0 auto 55px;

    text-align:center;

}

.gapvNriSectionHeading > span{

    display:block;

    margin-bottom:13px;

    color:#b88723;

    font-size:15px;

    font-weight:900;

    letter-spacing:2px;

}

.gapvNriSectionHeading h2{

    margin:0;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(36px,4vw,53px);

    line-height:1.14;

    font-weight:500;

}

.gapvNriSectionHeading h2 strong{

    color:#092f62;

}

.gapvNriSectionHeading p{

    max-width:720px;

    margin:20px auto 0;

    color:#69798b;

    font-size:16px;

    line-height:1.75;

}

.gapvNriTdsLayout{

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        310px;

    gap:55px;

    align-items:stretch;

}

.gapvNriTdsMain{

    padding:38px;

    border:1px solid rgba(9,47,98,.12);

    background:#ffffff;

    box-shadow:
        0 20px 50px rgba(6,31,64,.07);

}

.gapvNriNumber{

    color:#c5962f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:50px;

    line-height:1;

}

.gapvNriTdsMain h3{

    margin:20px 0 20px;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

    line-height:1.2;

    font-weight:500;

}

.gapvNriTdsMain h3 strong{

    color:#092f62;

}

.gapvNriTdsMain p{

    color:#596b7d;

    font-size:16px;

    line-height:1.82;

}

.gapvNriTdsMain p strong{

    color:#092f62;

    font-weight:800;

}

.gapvNriImportantBox{

    display:flex;

    gap:15px;

    margin-top:28px;

    padding:20px;

    border-left:4px solid #c5962f;

    background:#f8f3e7;

}

.gapvNriImportantIcon{

    width:31px;
    height:31px;

    display:flex;

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

    flex:0 0 auto;

    border-radius:50%;

    background:#c5962f;

    color:#ffffff;

    font-weight:900;

}

.gapvNriImportantBox strong{

    color:#092f62;

    font-size:16px;

}

.gapvNriImportantBox p{

    margin:5px 0 0;

    font-size:15px;

    line-height:1.7;

}

.gapvNriRatePanel{

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:32px;

    background:#061f40;

    border:1px solid #123f73;

    color:#ffffff;

    text-align:center;

}

.gapvNriRatePanel > span{

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvNriRatePanel strong{

    margin-top:25px;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:26px;

    line-height:1.2;

    font-weight:500;

}

.gapvNriRatePanel i{

    margin:16px 0;

    color:#e0bd69;

    font-size:23px;

    font-style:normal;

}


/* =========================================================
   SECTION 2 — VALUER ROLE
========================================================= */

.gapvNriRoleSection{

    padding:100px 24px;

    background:#f3f6f9;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

}

.gapvNriRoleHeader{

    display:grid;

    grid-template-columns:
        1.15fr
        .85fr;

    gap:60px;

    align-items:end;

    margin-bottom:50px;

}

.gapvNriRoleHeader > div > span{

    display:block;

    margin-bottom:14px;

    color:#b88723;

    font-size:15px;

    font-weight:900;

    letter-spacing:2px;

}

.gapvNriRoleHeader h2{

    margin:0;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(37px,4vw,53px);

    line-height:1.14;

    font-weight:500;

}

.gapvNriRoleHeader h2 strong{

    color:#092f62;

}

.gapvNriRoleHeader > p{

    margin:0;

    color:#69798b;

    font-size:16px;

    line-height:1.8;

}

.gapvNriRoleGrid{

    display:grid;

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

    gap:20px;

}

.gapvNriRoleCard{

    position:relative;

    min-height:425px;

    display:flex;

    flex-direction:column;

    padding:32px 28px;

    background:#ffffff;

    border:1px solid rgba(9,47,98,.11);

    box-shadow:
        0 15px 40px rgba(6,31,64,.055);

    transition:.25s ease;

}

.gapvNriRoleCard:hover{

    transform:translateY(-5px);

    box-shadow:
        0 22px 50px rgba(6,31,64,.10);

}

.gapvNriRoleCard:before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:4px;

    background:#092f62;

}

.gapvNriRoleCardGold{

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #faf5e8
        );

}

.gapvNriRoleCardGold:before{

    background:#c5962f;

}

.gapvNriRoleNumber{

    color:#c5962f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:46px;

    line-height:1;

}

.gapvNriRoleCard > span{

    display:block;

    margin-top:25px;

    color:#092f62;

    font-size:15px;

    font-weight:900;

    letter-spacing:1.5px;

}

.gapvNriRoleCard h3{

    margin:12px 0 17px;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

    line-height:1.22;

    font-weight:500;

}

.gapvNriRoleCard h3 strong{

    color:#092f62;

}

.gapvNriRoleCard p{

    margin:0;

    color:#617285;

    font-size:15px;

    line-height:1.8;

}

.gapvNriRoleCard p strong{

    color:#092f62;

    font-weight:800;

}

.gapvNriRoleCard a{

    display:inline-flex;

    margin-top:auto;

    padding-top:22px;

    color:#b88723;

    text-decoration:none;

    font-size:15px;

    font-weight:900;

}

.gapvNriRoleCard a:hover{

    color:#092f62;

}


/* =========================================================
   SECTION 3 — SECTION 197
========================================================= */

.gapvNri197Section{

    padding:95px 24px;

    background:#061f40;

    color:#ffffff;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

}

.gapvNri197Container{

    width:min(1120px,100%);

    margin:auto;

    display:grid;

    grid-template-columns:170px minmax(0,1fr);

    gap:55px;

}

.gapvNri197Badge{

    width:145px;
    height:145px;

    display:flex;

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

    border:1px solid rgba(224,189,105,.60);

    border-radius:50%;

    color:#e0bd69;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:22px;

    line-height:1.2;

    font-weight:700;

    text-align:center;

    transform:rotate(-8deg);

}

.gapvNri197Content > span{

    display:block;

    margin-bottom:13px;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

    letter-spacing:2px;

}

.gapvNri197Content h2{

    max-width:800px;

    margin:0 0 22px;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(37px,4vw,53px);

    line-height:1.13;

    font-weight:500;

}

.gapvNri197Content h2 strong{

    color:#e0bd69;

}

.gapvNri197Content > p{

    max-width:850px;

    margin:0 0 16px;

    color:rgba(255,255,255,.68);

    font-size:16px;

    line-height:1.8;

}

.gapvNri197Steps{

    display:grid;

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

    gap:1px;

    margin-top:35px;

    border:1px solid rgba(255,255,255,.12);

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

}

.gapvNri197Steps > div{

    padding:23px;

    background:#092f62;

}

.gapvNri197Steps span{

    display:block;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

}

.gapvNri197Steps strong{

    display:block;

    margin-top:7px;

    color:#ffffff;

    font-size:17px;

}

.gapvNri197Steps p{

    margin:6px 0 0;

    color:rgba(255,255,255,.60);

    font-size:15px;

    line-height:1.6;

}


/* =========================================================
   SECTION 4 — NETWORK
========================================================= */

.gapvNriNetworkSection{

    padding:75px 24px;

    background:#ffffff;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

}

.gapvNriNetworkCard{

    display:grid;

    grid-template-columns:80px minmax(0,1fr) auto;

    gap:25px;

    align-items:center;

    padding:32px;

    border:1px solid rgba(9,47,98,.13);

    background:
        linear-gradient(
            110deg,
            #fbfaf7,
            #ffffff
        );

    box-shadow:
        0 18px 45px rgba(6,31,64,.06);

}

.gapvNriNetworkIcon{

    width:70px;
    height:70px;

    display:flex;

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

    border:1px solid #c5962f;

    color:#b88723;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:22px;

    font-weight:800;

}

.gapvNriNetworkContent span{

    display:block;

    color:#b88723;

    font-size:15px;

    font-weight:900;

    letter-spacing:1.5px;

}

.gapvNriNetworkContent h2{

    margin:5px 0 6px;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:30px;

    line-height:1.2;

    font-weight:500;

}

.gapvNriNetworkContent h2 strong{

    color:#092f62;

}

.gapvNriNetworkContent p{

    max-width:720px;

    margin:0;

    color:#657588;

    font-size:15px;

    line-height:1.7;

}

.gapvNriNetworkButton{

    min-height:54px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:13px 20px;

    background:#092f62;

    border:1px solid #092f62;

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:900;

    white-space:nowrap;

    transition:.25s ease;

}

.gapvNriNetworkButton:hover{

    color:#ffffff;

    background:#b88723;

    border-color:#b88723;

}


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

.gapvNriFinalSection{

    padding:80px 24px;

    background:#f3f6f9;

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

}

.gapvNriFinalContainer{

    width:min(1150px,100%);

    margin:auto;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    padding:38px;

    background:
        linear-gradient(
            135deg,
            #061f40,
            #092f62
        );

    border:1px solid rgba(197,150,47,.55);

    box-shadow:
        0 25px 60px rgba(6,31,64,.15);

}

.gapvNriFinalContent > span{

    display:block;

    margin-bottom:8px;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

    letter-spacing:1.7px;

}

.gapvNriFinalContent h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:35px;

    line-height:1.2;

    font-weight:500;

}

.gapvNriFinalContent h2 strong{

    color:#e0bd69;

}

.gapvNriFinalContent p{

    max-width:650px;

    margin:10px 0 0;

    color:rgba(255,255,255,.64);

    font-size:15px;

    line-height:1.7;

}

.gapvNriFinalActions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}

.gapvNriFinalButton{

    min-height:56px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:13px;

    padding:13px 22px;

    background:#c5962f;

    border:1px solid #e0bd69;

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:900;

    transition:.25s ease;

}

.gapvNriFinalButton b{

    font-size:20px;

}

.gapvNriFinalButton:hover{

    color:#ffffff;

    background:#d2a440;

    transform:translateY(-2px);

}

.gapvNriFinalPhone{

    min-height:56px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:9px;

    padding:13px 19px;

    border:1px solid rgba(224,189,105,.50);

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    font-weight:900;

}

.gapvNriFinalPhone:hover{

    color:#ffffff;

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

}


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

@media (max-width:1050px){

    .gapvNriHeroContainer{

        grid-template-columns:
            minmax(0,1fr)
            320px;

        gap:45px;

    }

    .gapvNriHeroFacts{

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

    }

    .gapvNriHeroFacts > div:nth-child(2){

        border-right:0;

    }

    .gapvNriTdsLayout{

        grid-template-columns:1fr;

    }

    .gapvNriRatePanel{

        min-height:260px;

    }

    .gapvNriRoleHeader{

        grid-template-columns:1fr;

        gap:20px;

    }

    .gapvNriRoleGrid{

        grid-template-columns:1fr;

    }

    .gapvNriRoleCard{

        min-height:auto;

    }

    .gapvNriNetworkCard{

        grid-template-columns:70px minmax(0,1fr);

    }

    .gapvNriNetworkButton{

        grid-column:2;

        justify-self:start;

    }

    .gapvNriFinalContainer{

        align-items:flex-start;

        flex-direction:column;

    }

}


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

@media (max-width:700px){

    .gapvNriHero{

        padding:65px 17px 65px;

    }

    .gapvNriHeroContainer{

        grid-template-columns:1fr;

    }

    .gapvNriHero h1{

        font-size:42px;

        line-height:1.05;

        letter-spacing:-1px;

    }

    .gapvNriHeroLead{

        font-size:17px;

    }

    .gapvNriHeroFacts{

        grid-template-columns:1fr 1fr;

    }

    .gapvNriHeroFacts > div{

        min-height:95px;

        padding:15px;

    }

    .gapvNriHeroFacts > div:nth-child(2){

        border-right:0;

    }

    .gapvNriHeroFacts > div:nth-child(3){

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

    }

    .gapvNriHeroFacts > div:nth-child(4){

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

        border-right:0;

    }

    .gapvNriHeroActions{

        flex-direction:column;

        align-items:stretch;

    }

    .gapvNriPrimaryButton,
    .gapvNriPhoneButton{

        width:100%;

        justify-content:center;

    }

    .gapvNriHeroPanel{

        padding:24px;

    }

    .gapvNriPanelTop strong{

        font-size:31px;

    }


    /* TDS */

    .gapvNriTdsSection,
    .gapvNriRoleSection,
    .gapvNri197Section{

        padding:70px 17px;

    }

    .gapvNriSectionHeading h2,
    .gapvNriRoleHeader h2,
    .gapvNri197Content h2{

        font-size:35px;

    }

    .gapvNriTdsMain{

        padding:27px 22px;

    }

    .gapvNriTdsMain h3{

        font-size:28px;

    }


    /* ROLE */

    .gapvNriRoleCard{

        padding:28px 24px;

    }


    /* 197 */

    .gapvNri197Container{

        grid-template-columns:1fr;

        gap:30px;

    }

    .gapvNri197Badge{

        width:105px;
        height:105px;

        font-size:18px;

    }

    .gapvNri197Steps{

        grid-template-columns:1fr;

    }


    /* NETWORK */

    .gapvNriNetworkSection{

        padding:60px 17px;

    }

    .gapvNriNetworkCard{

        grid-template-columns:1fr;

        padding:25px 20px;

    }

    .gapvNriNetworkButton{

        grid-column:auto;

        width:100%;

    }


    /* FINAL */

    .gapvNriFinalSection{

        padding:60px 17px;

    }

    .gapvNriFinalContainer{

        padding:27px 20px;

    }

    .gapvNriFinalContent h2{

        font-size:30px;

    }

    .gapvNriFinalActions{

        width:100%;

        flex-direction:column;

        align-items:stretch;

    }

    .gapvNriFinalButton,
    .gapvNriFinalPhone{

        width:100%;

        justify-content:center;

    }

}


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

@media (max-width:390px){

    .gapvNriHero h1{

        font-size:37px;

    }

    .gapvNriHeroFacts strong{

        font-size:29px;

    }

    .gapvNriHeroFacts span{

        font-size:15px;

    }

    .gapvNriSectionHeading h2,
    .gapvNriRoleHeader h2,
    .gapvNri197Content h2{

        font-size:31px;

    }

}



/* =========================================================
   GOVERNMENT APPROVED PROPERTY VALUERS INDIA
   PROPERTY VALUATION SERVICES PAGE
   UNIQUE NAMESPACE: gapvs
   ROYAL NAVY + GOLD
========================================================= */

:root{

    --gapvs-navy:#092f62;
    --gapvs-deep:#061f40;
    --gapvs-blue:#123f73;

    --gapvs-gold:#bd8b22;
    --gapvs-gold-light:#dfbb68;
    --gapvs-gold-pale:#f5ead0;

    --gapvs-white:#ffffff;
    --gapvs-cream:#fcfbf7;
    --gapvs-light:#f4f7fa;

    --gapvs-text:#35485c;
    --gapvs-muted:#6d7d8e;

    --gapvs-border:rgba(9,47,98,.13);

}


/* =========================================================
   BASE
========================================================= */

.gapvsHero *,
.gapvsServices *,
.gapvsCTA *{

    box-sizing:border-box;

}

.gapvsHero,
.gapvsServices,
.gapvsCTA{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.gapvsHero p,
.gapvsServices p,
.gapvsCTA p{

    font-size:16px;

    line-height:1.8;

}


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

.gapvsHero{

    position:relative;

    overflow:hidden;

    padding:88px 24px 85px;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 86% 20%,
            rgba(223,187,104,.16),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 58%,
            #123f73 100%
        );

}

.gapvsHeroGlow{

    position:absolute;

    width:600px;
    height:600px;

    right:-300px;
    bottom:-400px;

    border:1px solid rgba(223,187,104,.13);

    border-radius:50%;

}

.gapvsHeroInner{

    position:relative;

    z-index:2;

    max-width:1050px;

    margin:0 auto;

    text-align:center;

}

.gapvsHeroKicker{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:13px;

    margin-bottom:22px;

    color:var(--gapvs-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvsHeroKicker span:first-child{

    width:45px;

    height:2px;

    background:var(--gapvs-gold-light);

}

.gapvsHeroInner h1{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(46px,5.5vw,72px);

    line-height:1.04;

    letter-spacing:-2px;

    font-weight:500;

}

.gapvsHeroInner h1 strong{

    display:block;

    margin-top:8px;

    color:var(--gapvs-gold-light);

    font-weight:700;

}

.gapvsHeroInner > p{

    max-width:850px;

    margin:27px auto 0;

    color:rgba(255,255,255,.76);

    font-size:18px;

    line-height:1.8;

}

.gapvsHeroInner > p strong{

    color:#ffffff;

    font-weight:800;

}

.gapvsHeroTags{

    display:flex;

    align-items:center;

    justify-content:center;

    flex-wrap:wrap;

    gap:9px;

    margin-top:30px;

}

.gapvsHeroTags span{

    padding:9px 15px;

    border:1px solid rgba(223,187,104,.35);

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

    color:rgba(255,255,255,.84);

    font-size:15px;

    line-height:1.3;

    font-weight:800;

}


/* =========================================================
   SERVICES SECTION
========================================================= */

.gapvsServices{

    padding:105px 24px;

    background:var(--gapvs-cream);

}

.gapvsServicesHeader{

    display:grid;

    grid-template-columns:
        1.1fr
        .9fr;

    gap:70px;

    align-items:end;

    max-width:1180px;

    margin:0 auto 55px;

}

.gapvsSectionEyebrow{

    display:block;

    margin-bottom:13px;

    color:var(--gapvs-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvsServicesHeader h2{

    margin:0;

    color:var(--gapvs-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4vw,54px);

    line-height:1.12;

    font-weight:500;

}

.gapvsServicesHeader h2 strong{

    color:var(--gapvs-navy);

    font-weight:700;

}

.gapvsServicesHeader > p{

    margin:0;

    color:var(--gapvs-muted);

    font-size:16px;

}

.gapvsServicesHeader > p strong{

    color:var(--gapvs-navy);

    font-weight:800;

}


/* =========================================================
   SERVICE LIST
========================================================= */

.gapvsServiceList{

    max-width:1180px;

    margin:0 auto;

    border-top:1px solid var(--gapvs-border);

}


/* =========================================================
   SERVICE CARD
========================================================= */

.gapvsServiceCard{

    position:relative;

    display:grid;

    grid-template-columns:
        70px
        115px
        minmax(0,1fr)
        42px;

    gap:25px;

    align-items:start;

    padding:34px 25px;

    border-right:1px solid transparent;

    border-bottom:1px solid var(--gapvs-border);

    background:#ffffff;

    transition:

        transform .3s ease,

        box-shadow .3s ease,

        border-color .3s ease;

}

.gapvsServiceCard:hover{

    z-index:3;

    transform:translateX(5px);

    border-color:rgba(189,139,34,.35);

    box-shadow:

        0 18px 45px rgba(6,31,64,.10);

}

.gapvsServiceCardAccent{

    background:

        linear-gradient(
            90deg,
            #ffffff,
            #fffdf8
        );

}

.gapvsServiceCardFinal{

    border-bottom:0;

}


/* =========================================================
   SERVICE NUMBER
========================================================= */

.gapvsServiceNumber{

    color:var(--gapvs-gold);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:39px;

    line-height:1;

    font-weight:500;

}


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

.gapvsServiceBadge{

    display:flex;

    flex-direction:column;

    align-items:flex-start;

    gap:7px;

}

.gapvsServiceBadge span{

    color:var(--gapvs-muted);

    font-size:15px;

    line-height:1.35;

    font-weight:900;

    letter-spacing:1px;

}

.gapvsServiceBadge strong{

    min-width:68px;

    padding:8px 10px;

    border:1px solid rgba(189,139,34,.40);

    background:var(--gapvs-gold-pale);

    color:var(--gapvs-navy);

    font-size:15px;

    line-height:1.2;

    text-align:center;

    font-weight:900;

}


/* =========================================================
   SERVICE CONTENT
========================================================= */

.gapvsServiceContent h3{

    margin:0 0 13px;

    color:var(--gapvs-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

    line-height:1.25;

    font-weight:500;

}

.gapvsServiceContent h3 strong{

    color:var(--gapvs-navy);

    font-weight:700;

}

.gapvsServiceContent p{

    max-width:850px;

    margin:0;

    color:var(--gapvs-text);

    font-size:16px;

    line-height:1.8;

}

.gapvsServiceContent p strong{

    color:var(--gapvs-navy);

    font-weight:800;

}

.gapvsServiceContent a{

    color:var(--gapvs-navy);

    font-weight:900;

    text-decoration:none;

    border-bottom:1px solid rgba(189,139,34,.55);

}

.gapvsServiceContent a:hover{

    color:var(--gapvs-gold);

}


/* =========================================================
   ENGAGEMENT LINE
========================================================= */

.gapvsEngagement{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:9px;

    margin-top:19px;

    padding-top:15px;

    border-top:1px solid rgba(9,47,98,.08);

}

.gapvsEngagement span{

    color:var(--gapvs-muted);

    font-size:15px;

    line-height:1.4;

}

.gapvsEngagement strong{

    color:var(--gapvs-navy);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

}


/* =========================================================
   ARROW
========================================================= */

.gapvsServiceArrow{

    align-self:center;

    width:40px;
    height:40px;

    display:flex;

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

    border:1px solid rgba(9,47,98,.14);

    color:var(--gapvs-gold);

    font-size:22px;

    transition:.3s ease;

}

.gapvsServiceCard:hover .gapvsServiceArrow{

    color:#ffffff;

    background:var(--gapvs-gold);

    border-color:var(--gapvs-gold);

    transform:translateX(3px);

}


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

.gapvsCTA{

    position:relative;

    overflow:hidden;

    padding:75px 24px;

    background:var(--gapvs-deep);

}

.gapvsCTAContainer{

    position:relative;

    overflow:hidden;

    max-width:1180px;

    margin:0 auto;

    padding:48px 52px;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:45px;

    border:1px solid rgba(223,187,104,.38);

    background:

        linear-gradient(
            125deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );

}

.gapvsCTAGlow{

    position:absolute;

    width:350px;
    height:350px;

    right:-160px;
    top:-210px;

    border:1px solid rgba(223,187,104,.16);

    border-radius:50%;

}

.gapvsCTAContent{

    position:relative;

    z-index:2;

    max-width:700px;

}

.gapvsCTAOverline{

    display:block;

    margin-bottom:10px;

    color:var(--gapvs-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvsCTAContent h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(34px,4vw,49px);

    line-height:1.12;

    font-weight:500;

}

.gapvsCTAContent h2 strong{

    color:var(--gapvs-gold-light);

    font-weight:700;

}

.gapvsCTAContent p{

    max-width:650px;

    margin:17px 0 0;

    color:rgba(255,255,255,.65);

}

.gapvsCTAContent p strong{

    color:#ffffff;

}

.gapvsCTAActions{

    position:relative;

    z-index:2;

    display:flex;

    flex-direction:column;

    align-items:stretch;

    gap:12px;

    min-width:285px;

}

.gapvsCTAButton{

    min-height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:14px 22px;

    border:1px solid var(--gapvs-gold-light);

    background:var(--gapvs-gold);

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    line-height:1.3;

    font-weight:900;

    box-shadow:
        0 14px 35px rgba(0,0,0,.24);

    transition:.3s ease;

}

.gapvsCTAButton b{

    font-size:21px;

}

.gapvsCTAButton:hover{

    color:#ffffff;

    background:#d0a13c;

    transform:translateY(-3px);

}

.gapvsCTAPhone{

    min-height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

    padding:10px 18px;

    border:1px solid rgba(223,187,104,.42);

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

    color:#ffffff;

    text-decoration:none;

    transition:.3s ease;

}

.gapvsCTAPhone:hover{

    color:#ffffff;

    border-color:var(--gapvs-gold-light);

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

}

.gapvsPhoneIcon{

    width:39px;
    height:39px;

    display:flex;

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

    border:1px solid var(--gapvs-gold-light);

    color:var(--gapvs-gold-light);

    font-size:18px;

}

.gapvsCTAPhone small{

    display:block;

    color:rgba(255,255,255,.53);

    font-size:15px;

    line-height:1.3;

}

.gapvsCTAPhone strong{

    display:block;

    margin-top:2px;

    color:#ffffff;

    font-size:18px;

    line-height:1.3;

}


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

@media (max-width:1050px){

    .gapvsServicesHeader{

        gap:40px;

    }

    .gapvsServiceCard{

        grid-template-columns:
            60px
            105px
            minmax(0,1fr)
            40px;

        gap:18px;

        padding:30px 20px;

    }

    .gapvsCTAContainer{

        padding:40px;

    }

}


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

@media (max-width:850px){

    .gapvsHero{

        padding:70px 20px;

    }

    .gapvsServices{

        padding:80px 20px;

    }

    .gapvsServicesHeader{

        grid-template-columns:1fr;

        gap:20px;

        margin-bottom:40px;

    }

    .gapvsServiceCard{

        grid-template-columns:
            55px
            100px
            minmax(0,1fr);

    }

    .gapvsServiceArrow{

        display:none;

    }

    .gapvsCTAContainer{

        flex-direction:column;

        align-items:flex-start;

        padding:40px 30px;

    }

    .gapvsCTAActions{

        width:100%;

        flex-direction:row;

        flex-wrap:wrap;

    }

    .gapvsCTAButton,
    .gapvsCTAPhone{

        flex:1 1 250px;

    }

}


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

@media (max-width:600px){

    .gapvsHero{

        padding:58px 17px 62px;

    }

    .gapvsHeroKicker{

        font-size:15px;

        letter-spacing:1.2px;

    }

    .gapvsHeroInner h1{

        font-size:41px;

        line-height:1.04;

        letter-spacing:-1px;

    }

    .gapvsHeroInner > p{

        font-size:16px;

        line-height:1.75;

    }

    .gapvsHeroTags{

        justify-content:flex-start;

    }

    .gapvsHeroTags span{

        font-size:15px;

        padding:8px 11px;

    }


    /* SERVICES */

    .gapvsServices{

        padding:68px 17px;

    }

    .gapvsServicesHeader h2{

        font-size:36px;

    }

    .gapvsServiceCard{

        display:grid;

        grid-template-columns:
            50px
            minmax(0,1fr);

        gap:0;

        padding:28px 20px;

    }

    .gapvsServiceNumber{

        grid-column:1;

        grid-row:1 / span 4;

        font-size:33px;

    }

    .gapvsServiceBadge{

        grid-column:2;

        grid-row:1;

        flex-direction:row;

        align-items:center;

        gap:10px;

        margin-bottom:15px;

    }

    .gapvsServiceBadge strong{

        min-width:auto;

    }

    .gapvsServiceContent{

        grid-column:2;

        grid-row:2;

    }

    .gapvsServiceContent h3{

        font-size:25px;

    }

    .gapvsServiceContent p{

        font-size:15px;

        line-height:1.8;

    }

    .gapvsEngagement{

        align-items:flex-start;

        flex-direction:column;

        gap:5px;

    }


    /* CTA */

    .gapvsCTA{

        padding:60px 17px;

    }

    .gapvsCTAContainer{

        padding:30px 20px;

    }

    .gapvsCTAContent h2{

        font-size:34px;

    }

    .gapvsCTAActions{

        flex-direction:column;

        width:100%;

    }

    .gapvsCTAButton,
    .gapvsCTAPhone{

        width:100%;

        flex:initial;

    }

}


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

@media (max-width:390px){

    .gapvsHeroInner h1{

        font-size:37px;

    }

    .gapvsServicesHeader h2{

        font-size:32px;

    }

    .gapvsServiceCard{

        padding:25px 17px;

    }

    .gapvsServiceNumber{

        font-size:29px;

    }

    .gapvsServiceContent h3{

        font-size:23px;

    }

    .gapvsCTAContent h2{

        font-size:30px;

    }

}

/* =========================================================
   GOVERNMENT APPROVED PROPERTY VALUERS
   PROPERTY VALUATION SERVICES
   UNIQUE NAMESPACE: gapvs-
========================================================= */

:root{

    --gapvs-navy:#092f62;
    --gapvs-deep:#061f40;
    --gapvs-navy2:#123f73;

    --gapvs-gold:#c5962f;
    --gapvs-gold-light:#e0bd69;
    --gapvs-gold-soft:#f4e7c6;

    --gapvs-white:#ffffff;
    --gapvs-ivory:#fcfbf8;
    --gapvs-light:#f5f7fa;

    --gapvs-text:#33475b;
    --gapvs-muted:#718096;

    --gapvs-border:rgba(9,47,98,.13);

}


/* =========================================================
   BASE
========================================================= */

.gapvsHero *,
.gapvsIntro *,
.gapvsServices *{

    box-sizing:border-box;

}

.gapvsHero,
.gapvsIntro,
.gapvsServices{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.gapvsHero p,
.gapvsIntro p,
.gapvsServices p{

    font-size:16px;

    line-height:1.8;

}


/* =========================================================
   COMMON CONTAINER
========================================================= */

.gapvsContainer{

    width:min(1220px,100%);

    margin:auto;

}


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

.gapvsHero{

    position:relative;

    overflow:hidden;

    padding:95px 24px 85px;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 90% 10%,
            rgba(224,189,105,.14),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 60%,
            #123f73 100%
        );

}

.gapvsHeroGlow{

    position:absolute;

    border:1px solid rgba(224,189,105,.11);

    border-radius:50%;

    pointer-events:none;

}

.gapvsHeroGlowOne{

    width:680px;
    height:680px;

    right:-380px;
    top:-300px;

}

.gapvsHeroGlowTwo{

    width:360px;
    height:360px;

    left:-270px;
    bottom:-240px;

}

.gapvsHeroInner{

    position:relative;

    z-index:2;

    max-width:1040px;

    margin:auto;

    text-align:center;

}

.gapvsHeroKicker{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    margin-bottom:22px;

    color:var(--gapvs-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2.2px;

}

.gapvsHeroKicker span{

    width:45px;

    height:2px;

    background:var(--gapvs-gold-light);

}

.gapvsHero h1{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(46px,6vw,78px);

    line-height:1.03;

    letter-spacing:-2.5px;

    font-weight:500;

}

.gapvsHero h1 strong{

    display:block;

    margin-top:8px;

    color:var(--gapvs-gold-light);

    font-weight:700;

}

.gapvsHeroIntro{

    max-width:850px;

    margin:28px auto 0;

    color:rgba(255,255,255,.76);

    font-size:18px !important;

    line-height:1.8 !important;

}

.gapvsHeroIntro strong{

    color:#ffffff;

    font-weight:800;

}

.gapvsHeroHighlights{

    display:grid;

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

    max-width:900px;

    margin:45px auto 0;

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

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

}

.gapvsHeroHighlights div{

    min-height:110px;

    display:flex;

    flex-direction:column;

    align-items:center;

    justify-content:center;

    padding:20px;

    border-right:1px solid rgba(255,255,255,.10);

}

.gapvsHeroHighlights div:last-child{

    border-right:0;

}

.gapvsHeroHighlights strong{

    color:var(--gapvs-gold-light);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:28px;

    line-height:1.2;

}

.gapvsHeroHighlights span{

    margin-top:5px;

    color:rgba(255,255,255,.62);

    font-size:15px;

    line-height:1.4;

}


/* =========================================================
   INTRO
========================================================= */

.gapvsIntro{

    padding:90px 24px 80px;

    background:var(--gapvs-ivory);

}

.gapvsIntroGrid{

    display:grid;

    grid-template-columns:
        .9fr
        1.1fr;

    gap:80px;

    align-items:end;

}

.gapvsEyebrow{

    display:block;

    margin-bottom:14px;

    color:var(--gapvs-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvsIntroTitle h2{

    margin:0;

    color:var(--gapvs-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4.2vw,56px);

    line-height:1.12;

    font-weight:500;

}

.gapvsIntroTitle h2 strong{

    color:var(--gapvs-navy);

    font-weight:700;

}

.gapvsIntroText{

    padding-left:30px;

    border-left:3px solid var(--gapvs-gold);

}

.gapvsIntroText p{

    margin:0 0 16px;

    color:var(--gapvs-text);

}

.gapvsIntroText p:last-child{

    margin-bottom:0;

}

.gapvsIntroText strong{

    color:var(--gapvs-navy);

    font-weight:800;

}


/* =========================================================
   SERVICE SECTION BASE
========================================================= */

.gapvsServices{

    padding:90px 24px;

}

.gapvsServicesLight{

    background:#ffffff;

}

.gapvsServicesGold{

    background:

        linear-gradient(
            135deg,
            #fffdf8,
            #f8f2e6
        );

}

.gapvsServicesNavy{

    color:#ffffff;

    background:

        radial-gradient(
            circle at 88% 10%,
            rgba(224,189,105,.12),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            #061f40,
            #092f62
        );

}

.gapvsServicesFinal{

    padding-bottom:100px;

}


/* =========================================================
   SECTION HEADINGS
========================================================= */

.gapvsSectionHeading{

    max-width:850px;

    margin:0 auto 48px;

    text-align:center;

}

.gapvsSectionHeading > span{

    display:block;

    margin-bottom:12px;

    color:var(--gapvs-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvsSectionHeading h2{

    margin:0;

    color:var(--gapvs-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(36px,4vw,52px);

    line-height:1.15;

    font-weight:500;

}

.gapvsSectionHeading h2 strong{

    color:var(--gapvs-navy);

    font-weight:700;

}

.gapvsSectionHeadingLight > span{

    color:var(--gapvs-gold-light);

}

.gapvsSectionHeadingLight h2{

    color:#ffffff;

}

.gapvsSectionHeadingLight h2 strong{

    color:var(--gapvs-gold-light);

}


/* =========================================================
   SERVICE GRID
========================================================= */

.gapvsServiceGrid{

    display:grid;

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

    gap:24px;

}


/* =========================================================
   SERVICE CARD
========================================================= */

.gapvsServiceCard{

    position:relative;

    min-height:540px;

    display:flex;

    flex-direction:column;

    padding:35px 34px 30px;

    border:1px solid var(--gapvs-border);

    background:#ffffff;

    box-shadow:
        0 18px 45px rgba(6,31,64,.06);

    overflow:hidden;

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

}

.gapvsServiceCard:hover{

    transform:translateY(-6px);

    box-shadow:
        0 28px 60px rgba(6,31,64,.12);

}

.gapvsServiceCard:before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:4px;

    background:var(--gapvs-navy);

}

.gapvsServiceCardFeatured{

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #fbf7ed
        );

    border-color:rgba(197,150,47,.25);

}

.gapvsServiceCardFeatured:before{

    background:var(--gapvs-gold);

}


/* =========================================================
   SERVICE NUMBER
========================================================= */

.gapvsServiceNumber{

    position:absolute;

    top:24px;
    right:28px;

    color:rgba(9,47,98,.07);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:75px;

    line-height:1;

    font-weight:700;

}


/* =========================================================
   SERVICE META
========================================================= */

.gapvsServiceMeta{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-bottom:26px;

    padding-right:70px;

}

.gapvsServiceMeta span{

    color:var(--gapvs-gold);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.6px;

}

.gapvsServiceMeta strong{

    color:var(--gapvs-navy);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

}


/* =========================================================
   SERVICE HEADING
========================================================= */

.gapvsServiceCard h2{

    position:relative;

    z-index:2;

    max-width:600px;

    margin:0;

    color:var(--gapvs-deep);

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(30px,3vw,39px);

    line-height:1.18;

    font-weight:500;

}

.gapvsServiceCard h2 strong{

    color:var(--gapvs-navy);

    font-weight:700;

}

.gapvsServiceRule{

    width:75px;

    height:2px;

    margin:24px 0;

    background:var(--gapvs-gold);

}

.gapvsServiceCard > p{

    position:relative;

    z-index:2;

    margin:0 0 15px;

    color:var(--gapvs-text);

}

.gapvsServiceCard > p strong{

    color:var(--gapvs-navy);

    font-weight:800;

}


/* =========================================================
   CAPITAL GAIN SPECIAL LINK
========================================================= */

.gapvsServiceSpecial{

    display:flex;

    flex-direction:column;

    gap:5px;

    margin-top:6px;

    padding:14px 16px;

    border-left:3px solid var(--gapvs-gold);

    background:#faf7ef;

}

.gapvsServiceSpecial span{

    color:var(--gapvs-muted);

    font-size:15px;

    font-weight:900;

    letter-spacing:1px;

}

.gapvsServiceSpecial a{

    color:var(--gapvs-navy);

    font-size:15px;

    line-height:1.5;

    font-weight:900;

    text-decoration:none;

}

.gapvsServiceSpecial a:hover{

    color:var(--gapvs-gold);

}


/* =========================================================
   ENGAGEMENT
========================================================= */

.gapvsEngagement{

    margin-top:auto;

    padding-top:22px;

    border-top:1px solid var(--gapvs-border);

}

.gapvsEngagement span{

    display:block;

    margin-bottom:5px;

    color:var(--gapvs-muted);

    font-size:15px;

    line-height:1.4;

}

.gapvsEngagement strong{

    display:block;

    color:var(--gapvs-navy);

    font-size:15px;

    line-height:1.5;

    font-weight:900;

}


/* =========================================================
   DARK SERVICE CARDS
========================================================= */

.gapvsServiceCardDark{

    border-color:rgba(255,255,255,.12);

    background:
        linear-gradient(
            145deg,
            rgba(255,255,255,.055),
            rgba(255,255,255,.018)
        );

    box-shadow:none;

}

.gapvsServiceCardDark:hover{

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

}

.gapvsServiceCardDark:before{

    background:var(--gapvs-gold);

}

.gapvsServiceCardDark .gapvsServiceNumber{

    color:rgba(255,255,255,.055);

}

.gapvsServiceCardDark .gapvsServiceMeta span{

    color:var(--gapvs-gold-light);

}

.gapvsServiceCardDark .gapvsServiceMeta strong{

    color:#ffffff;

}

.gapvsServiceCardDark h2{

    color:#ffffff;

}

.gapvsServiceCardDark h2 strong{

    color:var(--gapvs-gold-light);

}

.gapvsServiceCardDark > p{

    color:rgba(255,255,255,.67);

}

.gapvsServiceCardDark > p strong{

    color:#ffffff;

}

.gapvsServiceCardDark .gapvsEngagement{

    border-color:rgba(255,255,255,.12);

}

.gapvsServiceCardDark .gapvsEngagement span{

    color:rgba(255,255,255,.45);

}

.gapvsServiceCardDark .gapvsEngagement strong{

    color:var(--gapvs-gold-light);

}


/* =========================================================
   GOLD DARK CARD
========================================================= */

.gapvsServiceCardGold{

    border-color:rgba(224,189,105,.30);

    background:
        linear-gradient(
            145deg,
            rgba(197,150,47,.13),
            rgba(255,255,255,.025)
        );

}

.gapvsServiceCardGold:before{

    height:5px;

    background:
        linear-gradient(
            90deg,
            var(--gapvs-gold),
            var(--gapvs-gold-light)
        );

}


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

.gapvsFinalCTA{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    margin-top:55px;

    padding:35px 32px;

    border:1px solid rgba(224,189,105,.40);

    background:
        linear-gradient(
            120deg,
            rgba(255,255,255,.07),
            rgba(255,255,255,.025)
        );

}

.gapvsFinalContent{

    max-width:700px;

}

.gapvsFinalContent > span{

    display:block;

    margin-bottom:8px;

    color:var(--gapvs-gold-light);

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvsFinalContent h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:34px;

    line-height:1.2;

    font-weight:500;

}

.gapvsFinalContent h2 strong{

    color:var(--gapvs-gold-light);

}

.gapvsFinalContent p{

    margin:10px 0 0;

    color:rgba(255,255,255,.60);

    font-size:15px;

    line-height:1.7;

}

.gapvsFinalActions{

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}

.gapvsCTAButton{

    min-height:58px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:14px 24px;

    background:var(--gapvs-gold);

    border:1px solid var(--gapvs-gold-light);

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    line-height:1.3;

    font-weight:900;

    box-shadow:
        0 12px 30px rgba(0,0,0,.20);

    transition:.25s ease;

}

.gapvsCTAButton b{

    font-size:21px;

}

.gapvsCTAButton:hover{

    color:#ffffff;

    background:#d0a13c;

    transform:translateY(-2px);

}

.gapvsPhoneButton{

    min-height:58px;

    display:flex;

    align-items:center;

    gap:11px;

    padding:8px 17px;

    border:1px solid rgba(224,189,105,.45);

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

    color:#ffffff;

    text-decoration:none;

    transition:.25s ease;

}

.gapvsPhoneButton:hover{

    color:#ffffff;

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

    border-color:var(--gapvs-gold-light);

}

.gapvsPhoneIcon{

    width:39px;
    height:39px;

    display:flex;

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

    border:1px solid var(--gapvs-gold-light);

    color:var(--gapvs-gold-light);

    font-size:18px;

}

.gapvsPhoneButton small{

    display:block;

    color:rgba(255,255,255,.50);

    font-size:15px;

    line-height:1.3;

}

.gapvsPhoneButton strong{

    display:block;

    margin-top:2px;

    color:#ffffff;

    font-size:18px;

    line-height:1.3;

}


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

@media (max-width:950px){

    .gapvsIntroGrid{

        grid-template-columns:1fr;

        gap:30px;

    }

    .gapvsIntroText{

        padding-left:22px;

    }

    .gapvsServiceGrid{

        grid-template-columns:1fr;

    }

    .gapvsServiceCard{

        min-height:470px;

    }

    .gapvsFinalCTA{

        align-items:flex-start;

        flex-direction:column;

    }

}


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

@media (max-width:700px){

    .gapvsHero{

        padding:70px 18px 65px;

    }

    .gapvsHero h1{

        font-size:45px;

        letter-spacing:-1.5px;

    }

    .gapvsHeroIntro{

        font-size:17px !important;

    }

    .gapvsHeroHighlights{

        grid-template-columns:1fr;

    }

    .gapvsHeroHighlights div{

        min-height:80px;

        border-right:0;

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

    }

    .gapvsHeroHighlights div:last-child{

        border-bottom:0;

    }

    .gapvsIntro,
    .gapvsServices{

        padding:70px 18px;

    }

    .gapvsSectionHeading{

        margin-bottom:38px;

    }

    .gapvsServiceCard{

        min-height:auto;

        padding:30px 24px 26px;

    }

    .gapvsServiceNumber{

        font-size:62px;

    }

    .gapvsServiceMeta{

        align-items:flex-start;

        flex-direction:column;

        gap:5px;

    }

    .gapvsServiceCard h2{

        font-size:30px;

    }

    .gapvsFinalCTA{

        padding:27px 20px;

    }

    .gapvsFinalContent h2{

        font-size:29px;

    }

    .gapvsFinalActions{

        width:100%;

        flex-direction:column;

        align-items:stretch;

    }

    .gapvsCTAButton,
    .gapvsPhoneButton{

        width:100%;

        justify-content:center;

    }

}


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

@media (max-width:480px){

    .gapvsHeroKicker{

        align-items:flex-start;

        font-size:15px;

        letter-spacing:1.3px;

        text-align:left;

    }

    .gapvsHeroKicker span{

        width:30px;

        margin-top:8px;

    }

    .gapvsHero h1{

        font-size:39px;

        line-height:1.05;

    }

    .gapvsHeroIntro{

        font-size:16px !important;

        line-height:1.75 !important;

    }

    .gapvsIntroTitle h2,
    .gapvsSectionHeading h2{

        font-size:33px;

    }

    .gapvsIntroText{

        padding-left:18px;

    }

    .gapvsServiceCard{

        padding:27px 20px 23px;

    }

    .gapvsServiceCard h2{

        font-size:28px;

    }

    .gapvsServiceCard > p{

        font-size:15px;

        line-height:1.78;

    }

    .gapvsServiceNumber{

        top:18px;

        right:18px;

        font-size:55px;

    }

    .gapvsServiceMeta{

        padding-right:50px;

    }

    .gapvsFinalContent h2{

        font-size:27px;

    }

}
/* =========================================================
   GOVERNMENT APPROVED PROPERTY VALUERS
   OUR PROCESS — UNIQUE DESIGN SYSTEM
   ROYAL NAVY + GOLD
========================================================= */

.gapvProcessHero *,
.gapvProcessTimeline *,
.gapvProcessCTA *{

    box-sizing:border-box;

}

.gapvProcessHero,
.gapvProcessTimeline,
.gapvProcessCTA{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}


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

.gapvProcessHero{

    position:relative;

    overflow:hidden;

    padding:92px 24px 82px;

    color:#ffffff;

    background:

        radial-gradient(
            circle at 82% 20%,
            rgba(197,150,47,.16),
            transparent 28%
        ),

        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 58%,
            #123f73 100%
        );

}

.gapvProcessHeroGlow{

    position:absolute;

    width:520px;
    height:520px;

    right:-280px;
    bottom:-300px;

    border:1px solid rgba(224,189,105,.18);

    border-radius:50%;

}

.gapvProcessHeroInner{

    position:relative;

    z-index:2;

    max-width:1040px;

    margin:auto;

    text-align:center;

}

.gapvProcessEyebrow{

    display:inline-flex;

    align-items:center;

    gap:13px;

    color:#e0bd69;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2.2px;

}

.gapvProcessEyebrow:before,
.gapvProcessEyebrow:after{

    content:"";

    width:42px;

    height:1px;

    background:#c5962f;

}

.gapvProcessHero h1{

    margin:22px 0 0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(52px,6vw,78px);

    line-height:1;

    letter-spacing:-2.5px;

    font-weight:500;

}

.gapvProcessHero h1 span{

    display:block;

    margin-top:8px;

    color:#e0bd69;

    font-weight:700;

}

.gapvProcessHeroInner > p{

    max-width:850px;

    margin:30px auto 0;

    color:rgba(255,255,255,.73);

    font-size:18px;

    line-height:1.85;

}

.gapvProcessHeroInner p strong{

    color:#ffffff;

    font-weight:800;

}

.gapvProcessHeroMeta{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    margin-top:42px;

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

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

}

.gapvProcessHeroMeta span{

    min-width:190px;

    padding:18px 25px;

    color:rgba(255,255,255,.58);

    font-size:15px;

    line-height:1.5;

}

.gapvProcessHeroMeta span + span{

    border-left:1px solid rgba(255,255,255,.12);

}

.gapvProcessHeroMeta strong{

    display:block;

    margin-bottom:3px;

    color:#e0bd69;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:22px;

}


/* =========================================================
   PROCESS TIMELINE SECTION
========================================================= */

.gapvProcessTimeline{

    padding:105px 24px;

    background:#f8fafc;

}

.gapvProcessTimelineHeader{

    max-width:850px;

    margin:0 auto 70px;

    text-align:center;

}

.gapvProcessTimelineHeader > span{

    display:block;

    margin-bottom:14px;

    color:#b88723;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvProcessTimelineHeader h2{

    margin:0;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(38px,4vw,56px);

    line-height:1.12;

    font-weight:500;

}

.gapvProcessTimelineHeader h2 strong{

    color:#092f62;

    font-weight:700;

}

.gapvProcessTimelineHeader p{

    margin:20px auto 0;

    color:#66788b;

    font-size:16px;

    line-height:1.8;

}

.gapvProcessRoadmap{

    position:relative;

    max-width:1100px;

    margin:auto;

}

.gapvProcessRoadmap:before{

    content:"";

    position:absolute;

    top:0;
    bottom:0;

    left:35px;

    width:1px;

    background:
        linear-gradient(
            to bottom,
            transparent,
            rgba(184,135,35,.55) 5%,
            rgba(184,135,35,.55) 95%,
            transparent
        );

}


/* =========================================================
   PROCESS STEP
========================================================= */

.gapvProcessStep{

    position:relative;

    display:grid;

    grid-template-columns:72px minmax(0,1fr);

    gap:30px;

    margin-bottom:45px;

}

.gapvProcessStep:last-child{

    margin-bottom:0;

}

.gapvProcessMarker{

    position:relative;

    z-index:5;

    width:70px;
    height:70px;

    display:flex;

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

    border:1px solid rgba(184,135,35,.65);

    border-radius:50%;

    background:#f8fafc;

    box-shadow:
        0 0 0 9px #f8fafc;

}

.gapvProcessMarker span{

    color:#092f62;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:22px;

    line-height:1;

    font-weight:700;

}

.gapvProcessMarkerFinal{

    border-color:#092f62;

    background:#092f62;

}

.gapvProcessMarkerFinal span{

    color:#e0bd69;

}


/* =========================================================
   PROCESS CARD
========================================================= */

.gapvProcessCard{

    position:relative;

    padding:34px 36px;

    border:1px solid rgba(9,47,98,.10);

    background:#ffffff;

    box-shadow:
        0 16px 42px rgba(6,31,64,.065);

}

.gapvProcessCard:before{

    content:"";

    position:absolute;

    top:0;
    left:0;

    width:5px;
    height:100%;

    background:#092f62;

}

.gapvProcessCardFeatured{

    border-color:rgba(184,135,35,.32);

    background:
        linear-gradient(
            135deg,
            #ffffff 0%,
            #fcf8ee 100%
        );

}

.gapvProcessCardFeatured:before{

    background:#c5962f;

}

.gapvProcessCardFinal{

    color:#ffffff;

    border-color:#123f73;

    background:
        linear-gradient(
            135deg,
            #061f40,
            #092f62
        );

    box-shadow:
        0 22px 55px rgba(6,31,64,.16);

}

.gapvProcessCardFinal:before{

    background:#e0bd69;

}

.gapvProcessCardTop{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:20px;

    margin-bottom:16px;

}

.gapvProcessStepTag{

    color:#b88723;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.6px;

}

.gapvProcessCardFinal .gapvProcessStepTag{

    color:#e0bd69;

}

.gapvProcessStepPurpose{

    padding:6px 10px;

    border:1px solid rgba(9,47,98,.12);

    color:#092f62;

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:.7px;

}

.gapvProcessCardFinal .gapvProcessStepPurpose{

    border-color:rgba(224,189,105,.35);

    color:#e0bd69;

}

.gapvProcessCard h3{

    margin:0 0 15px;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

    line-height:1.25;

    font-weight:600;

}

.gapvProcessCardFinal h3{

    color:#ffffff;

}

.gapvProcessCard > p{

    margin:0 0 24px;

    color:#607286;

    font-size:16px;

    line-height:1.8;

}

.gapvProcessCardFinal > p{

    color:rgba(255,255,255,.68);

}

.gapvProcessCard p strong{

    color:#092f62;

    font-weight:800;

}

.gapvProcessCardFinal p strong{

    color:#ffffff;

}


/* =========================================================
   STEP 1 DETAILS
========================================================= */

.gapvProcessDetails{

    display:grid;

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

    gap:0;

    border-top:1px solid rgba(9,47,98,.10);

    border-left:1px solid rgba(9,47,98,.10);

}

.gapvProcessDetails > div{

    padding:18px;

    border-right:1px solid rgba(9,47,98,.10);

    border-bottom:1px solid rgba(9,47,98,.10);

}

.gapvProcessDetails strong{

    display:block;

    margin-bottom:5px;

    color:#092f62;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

}

.gapvProcessDetails span{

    display:block;

    color:#66788b;

    font-size:15px;

    line-height:1.65;

}

.gapvProcessDetails span strong{

    display:inline;

    color:#092f62;

    font-size:inherit;

}


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

.gapvProcessHighlight{

    display:flex;

    align-items:center;

    gap:14px;

    margin-top:20px;

    padding:14px 17px;

    border-left:3px solid #c5962f;

    background:#faf7ef;

}

.gapvProcessHighlight strong{

    color:#092f62;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

}

.gapvProcessHighlight span{

    color:#66788b;

    font-size:15px;

    line-height:1.5;

}


/* =========================================================
   DOCUMENT GRID
========================================================= */

.gapvProcessDocumentGrid{

    display:grid;

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

    gap:10px;

}

.gapvProcessDocumentGrid span{

    min-height:72px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:12px 13px;

    border:1px solid rgba(9,47,98,.10);

    background:#f9fbfd;

    color:#092f62;

    font-size:15px;

    line-height:1.4;

    font-weight:800;

}

.gapvProcessDocumentGrid small{

    margin-top:3px;

    color:#7a8897;

    font-size:15px;

    line-height:1.35;

    font-weight:500;

}


/* =========================================================
   INSPECTION GRID
========================================================= */

.gapvInspectionGrid{

    display:grid;

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

    gap:14px;

}

.gapvInspectionGrid > div{

    padding:19px;

    border:1px solid rgba(9,47,98,.10);

    background:#f9fbfd;

}

.gapvInspectionIcon{

    width:35px;
    height:35px;

    display:flex;

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

    margin-bottom:13px;

    background:#092f62;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

}

.gapvInspectionGrid strong{

    display:block;

    color:#092f62;

    font-size:16px;

    line-height:1.4;

    font-weight:900;

}

.gapvInspectionGrid p{

    margin:7px 0 0;

    color:#6c7d8f;

    font-size:15px;

    line-height:1.6;

}


/* =========================================================
   METHODOLOGY GRID
========================================================= */

.gapvMethodologyGrid{

    display:grid;

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

    gap:15px;

}

.gapvMethodologyItem{

    padding:21px;

    border:1px solid rgba(184,135,35,.18);

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

}

.gapvMethodologyItem > span{

    display:inline-flex;

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

    min-width:48px;

    min-height:30px;

    margin-bottom:12px;

    background:#092f62;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

}

.gapvMethodologyItem h4{

    margin:0 0 8px;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:21px;

    line-height:1.3;

}

.gapvMethodologyItem p{

    margin:0;

    color:#637487;

    font-size:15px;

    line-height:1.7;

}

.gapvMethodologyItem p strong{

    color:#092f62;

}


/* =========================================================
   FINAL CERTIFICATE GRID
========================================================= */

.gapvCertificateGrid{

    display:grid;

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

    gap:1px;

    margin-top:28px;

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

}

.gapvCertificateGrid > div{

    padding:20px;

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

}

.gapvCertificateGrid span{

    display:block;

    margin-bottom:9px;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

}

.gapvCertificateGrid strong{

    display:block;

    margin-bottom:7px;

    color:#ffffff;

    font-size:16px;

    line-height:1.4;

}

.gapvCertificateGrid p{

    margin:0;

    color:rgba(255,255,255,.58);

    font-size:15px;

    line-height:1.6;

}

.gapvAcceptedBar{

    display:flex;

    align-items:center;

    gap:18px;

    margin-top:22px;

    padding:16px 18px;

    border:1px solid rgba(224,189,105,.28);

    background:rgba(224,189,105,.07);

}

.gapvAcceptedBar span{

    flex:0 0 auto;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

    letter-spacing:1px;

}

.gapvAcceptedBar strong{

    color:rgba(255,255,255,.76);

    font-size:15px;

    line-height:1.6;

}


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

.gapvProcessCTA{

    padding:0 24px 95px;

    background:#f8fafc;

}

.gapvProcessCTAInner{

    position:relative;

    overflow:hidden;

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:40px;

    max-width:1100px;

    margin:auto;

    padding:42px 45px;

    border:1px solid rgba(184,135,35,.35);

    background:

        radial-gradient(
            circle at 90% 10%,
            rgba(224,189,105,.16),
            transparent 30%
        ),

        linear-gradient(
            135deg,
            #061f40,
            #092f62
        );

}

.gapvProcessCTAContent{

    position:relative;

    z-index:2;

}

.gapvProcessCTAContent > span{

    display:block;

    margin-bottom:8px;

    color:#e0bd69;

    font-size:15px;

    font-weight:900;

    letter-spacing:1.7px;

}

.gapvProcessCTAContent h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:34px;

    line-height:1.2;

    font-weight:500;

}

.gapvProcessCTAContent h2 strong{

    color:#e0bd69;

}

.gapvProcessCTAContent p{

    max-width:650px;

    margin:11px 0 0;

    color:rgba(255,255,255,.63);

    font-size:15px;

    line-height:1.7;

}

.gapvProcessCTAActions{

    position:relative;

    z-index:2;

    display:flex;

    align-items:center;

    flex-wrap:wrap;

    gap:12px;

}

.gapvProcessButton{

    min-height:58px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:14px;

    padding:14px 23px;

    border:1px solid #e0bd69;

    background:#c5962f;

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    box-shadow:
        0 12px 28px rgba(0,0,0,.22);

    transition:.25s ease;

}

.gapvProcessButton b{

    font-size:21px;

}

.gapvProcessButton:hover{

    color:#ffffff;

    background:#d1a13e;

    transform:translateY(-2px);

}

.gapvProcessCall{

    min-height:58px;

    display:flex;

    flex-direction:column;

    justify-content:center;

    padding:8px 18px;

    border:1px solid rgba(224,189,105,.42);

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

    color:#ffffff;

    text-decoration:none;

    transition:.25s ease;

}

.gapvProcessCall:hover{

    color:#ffffff;

    border-color:#e0bd69;

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

}

.gapvProcessCall span{

    color:rgba(255,255,255,.50);

    font-size:15px;

    line-height:1.3;

    font-weight:800;

    letter-spacing:1px;

}

.gapvProcessCall strong{

    margin-top:2px;

    color:#ffffff;

    font-size:17px;

    line-height:1.4;

}


/* =========================================================
   RESPONSIVE — 1100
========================================================= */

@media (max-width:1100px){

    .gapvProcessDocumentGrid{

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

    }

    .gapvCertificateGrid{

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

    }

    .gapvProcessCTAInner{

        padding:38px 32px;

    }

}


/* =========================================================
   RESPONSIVE — 900
========================================================= */

@media (max-width:900px){

    .gapvProcessHero{

        padding-top:75px;

    }

    .gapvProcessStep{

        grid-template-columns:58px minmax(0,1fr);

        gap:22px;

    }

    .gapvProcessRoadmap:before{

        left:28px;

    }

    .gapvProcessMarker{

        width:56px;
        height:56px;

    }

    .gapvProcessMarker span{

        font-size:18px;

    }

    .gapvInspectionGrid{

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

    }

    .gapvProcessCTAInner{

        flex-direction:column;

        align-items:flex-start;

    }

}


/* =========================================================
   RESPONSIVE — 600
========================================================= */

@media (max-width:600px){

    .gapvProcessHero{

        padding:65px 17px 55px;

    }

    .gapvProcessEyebrow{

        font-size:15px;

        letter-spacing:1.3px;

    }

    .gapvProcessEyebrow:before,
    .gapvProcessEyebrow:after{

        width:20px;

    }

    .gapvProcessHero h1{

        font-size:43px;

        line-height:1.03;

        letter-spacing:-1.5px;

    }

    .gapvProcessHeroInner > p{

        font-size:16px;

        line-height:1.75;

    }

    .gapvProcessHeroMeta{

        display:grid;

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

    }

    .gapvProcessHeroMeta span{

        min-width:0;

        padding:16px;

    }

    .gapvProcessHeroMeta span + span{

        border-left:0;

    }

    .gapvProcessHeroMeta span:nth-child(odd){

        border-right:1px solid rgba(255,255,255,.12);

    }

    .gapvProcessHeroMeta span:nth-child(-n+2){

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

    }


    /* TIMELINE */

    .gapvProcessTimeline{

        padding:72px 17px;

    }

    .gapvProcessTimelineHeader{

        margin-bottom:45px;

    }

    .gapvProcessTimelineHeader h2{

        font-size:35px;

    }

    .gapvProcessStep{

        grid-template-columns:1fr;

        gap:15px;

        margin-bottom:35px;

    }

    .gapvProcessRoadmap:before{

        display:none;

    }

    .gapvProcessMarker{

        width:50px;
        height:50px;

        box-shadow:none;

    }

    .gapvProcessMarker span{

        font-size:17px;

    }

    .gapvProcessCard{

        padding:27px 21px;

    }

    .gapvProcessCard h3{

        font-size:28px;

    }

    .gapvProcessCardTop{

        align-items:flex-start;

        flex-direction:column;

        gap:8px;

    }


    /* DETAILS */

    .gapvProcessDetails{

        grid-template-columns:1fr;

    }

    .gapvProcessDocumentGrid{

        grid-template-columns:1fr;

    }

    .gapvInspectionGrid{

        grid-template-columns:1fr;

    }

    .gapvMethodologyGrid{

        grid-template-columns:1fr;

    }

    .gapvCertificateGrid{

        grid-template-columns:1fr;

    }

    .gapvAcceptedBar{

        align-items:flex-start;

        flex-direction:column;

        gap:8px;

    }


    /* CTA */

    .gapvProcessCTA{

        padding:0 17px 70px;

    }

    .gapvProcessCTAInner{

        padding:29px 21px;

    }

    .gapvProcessCTAContent h2{

        font-size:29px;

    }

    .gapvProcessCTAActions{

        width:100%;

        flex-direction:column;

        align-items:stretch;

    }

    .gapvProcessButton,
    .gapvProcessCall{

        width:100%;

        justify-content:center;

        text-align:center;

    }

}


/* =========================================================
   RESPONSIVE — 390
========================================================= */

@media (max-width:390px){

    .gapvProcessHero h1{

        font-size:38px;

    }

    .gapvProcessTimelineHeader h2{

        font-size:31px;

    }

    .gapvProcessCard h3{

        font-size:26px;

    }

}

/* =========================================================
   GOVERNMENT APPROVED PROPERTY VALUERS
   INSIGHTS / RESEARCH PAGE
   UNIQUE NAMESPACE: gapvins-
========================================================= */

.gapvinsHero *,
.gapvinsIntro *,
.gapvinsResearch *,
.gapvinsKnowledge *,
.gapvinsCTA *{

    box-sizing:border-box;

}

.gapvinsHero,
.gapvinsIntro,
.gapvinsResearch,
.gapvinsKnowledge,
.gapvinsCTA{

    font-family:
        "Inter",
        "Segoe UI",
        Arial,
        sans-serif;

    font-size:16px;

}

.gapvinsContainer{

    width:min(1220px,100%);

    margin:0 auto;

}


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

.gapvinsHero{

    position:relative;

    overflow:hidden;

    padding:95px 24px 100px;

    background:

        radial-gradient(
            circle at 85% 25%,
            rgba(197,150,47,.15),
            transparent 25%
        ),

        linear-gradient(
            135deg,
            #061f40 0%,
            #092f62 60%,
            #123f73 100%
        );

    color:#ffffff;

}

.gapvinsHeroGlow{

    position:absolute;

    border:1px solid rgba(224,189,105,.12);

    border-radius:50%;

    pointer-events:none;

}

.gapvinsHeroGlowOne{

    width:650px;
    height:650px;

    right:-330px;
    top:-300px;

}

.gapvinsHeroGlowTwo{

    width:430px;
    height:430px;

    left:-300px;
    bottom:-280px;

}

.gapvinsHeroInner{

    position:relative;

    z-index:2;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        280px;

    gap:80px;

    align-items:center;

}

.gapvinsHeroContent{

    max-width:920px;

}

.gapvinsEyebrow{

    display:flex;

    align-items:center;

    gap:14px;

    margin-bottom:24px;

    color:#e0bd69;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvinsEyebrow span{

    width:48px;

    height:2px;

    background:#e0bd69;

}

.gapvinsHero h1{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(48px,6vw,78px);

    line-height:1.02;

    letter-spacing:-2.5px;

    font-weight:500;

}

.gapvinsHero h1 strong{

    display:block;

    color:#e0bd69;

    font-weight:700;

}

.gapvinsHeroContent > p{

    max-width:850px;

    margin:30px 0 0;

    color:rgba(255,255,255,.72);

    font-size:18px;

    line-height:1.85;

}

.gapvinsHeroContent > p strong{

    color:#ffffff;

    font-weight:800;

}

.gapvinsHeroMeta{

    display:flex;

    flex-wrap:wrap;

    margin-top:38px;

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

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

}

.gapvinsHeroMeta span{

    min-width:145px;

    display:flex;

    flex-direction:column;

    gap:4px;

    padding:18px 25px;

    border-right:1px solid rgba(255,255,255,.10);

    color:rgba(255,255,255,.55);

    font-size:15px;

    line-height:1.45;

    font-weight:700;

}

.gapvinsHeroMeta span:first-child{

    padding-left:0;

}

.gapvinsHeroMeta span:last-child{

    border-right:0;

}

.gapvinsHeroMeta b{

    color:#e0bd69;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:23px;

    line-height:1.2;

}


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

.gapvinsHeroMark{

    position:relative;

    display:flex;

    align-items:center;

    justify-content:center;

}

.gapvinsHeroMarkOuter{

    width:225px;
    height:225px;

    display:flex;

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

    border:1px solid rgba(224,189,105,.55);

    transform:rotate(7deg);

}

.gapvinsHeroMarkInner{

    width:185px;
    height:185px;

    display:flex;

    flex-direction:column;

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

    border:1px solid rgba(224,189,105,.30);

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

    transform:rotate(-7deg);

    text-align:center;

}

.gapvinsHeroMarkInner span{

    color:#e0bd69;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:43px;

    line-height:1;

    font-weight:700;

}

.gapvinsHeroMarkInner strong{

    margin-top:6px;

    color:#ffffff;

    font-size:16px;

    letter-spacing:2px;

}

.gapvinsHeroMarkInner small{

    margin-top:13px;

    color:rgba(255,255,255,.52);

    font-size:15px;

    line-height:1.4;

    letter-spacing:1px;

}

.gapvinsHeroVertical{

    position:absolute;

    right:-25px;

    bottom:0;

    padding:9px 7px;

    color:#e0bd69;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.4px;

    writing-mode:vertical-rl;

}


/* =========================================================
   INTRO
========================================================= */

.gapvinsIntro{

    padding:85px 24px;

    background:#fcfbf8;

}

.gapvinsIntroGrid{

    display:grid;

    grid-template-columns:180px minmax(0,1fr);

    gap:50px;

    padding:15px 0;

}

.gapvinsIntroLabel{

    display:flex;

    flex-direction:column;

    justify-content:space-between;

    min-height:190px;

    padding:5px 0 10px;

    border-right:1px solid rgba(9,47,98,.15);

}

.gapvinsIntroLabel span{

    color:#b88723;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.7px;

}

.gapvinsIntroLabel strong{

    color:#092f62;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:65px;

    line-height:1;

    font-weight:500;

}

.gapvinsIntroContent{

    max-width:900px;

}

.gapvinsIntroContent h2{

    margin:0 0 22px;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(35px,4vw,52px);

    line-height:1.14;

    font-weight:500;

}

.gapvinsIntroContent h2 strong{

    color:#092f62;

    font-weight:700;

}

.gapvinsIntroContent p{

    margin:0 0 16px;

    color:#586b7d;

    font-size:16px;

    line-height:1.85;

}

.gapvinsIntroContent p strong{

    color:#092f62;

    font-weight:800;

}


/* =========================================================
   RESEARCH SECTION
========================================================= */

.gapvinsResearch{

    padding:100px 24px 110px;

    background:#f3f6f9;

}

.gapvinsResearchHeader{

    display:grid;

    grid-template-columns:
        1fr
        .7fr;

    gap:60px;

    align-items:end;

    margin-bottom:50px;

}

.gapvinsSectionTag{

    display:block;

    margin-bottom:12px;

    color:#b88723;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:2px;

}

.gapvinsResearchHeader h2{

    margin:0;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(40px,4vw,56px);

    line-height:1.1;

    font-weight:500;

}

.gapvinsResearchHeader h2 strong{

    color:#092f62;

    font-weight:700;

}

.gapvinsResearchHeader > p{

    margin:0;

    color:#647589;

    font-size:16px;

    line-height:1.8;

}

.gapvinsResearchHeader > p strong{

    color:#092f62;

    font-weight:800;

}


/* =========================================================
   ARTICLE GRID
========================================================= */

.gapvinsArticleGrid{

    display:grid;

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

    gap:20px;

}

.gapvinsArticleCard{

    position:relative;

    min-height:475px;

    display:flex;

    flex-direction:column;

    padding:28px 28px 25px;

    border:1px solid rgba(9,47,98,.12);

    background:#ffffff;

    box-shadow:
        0 15px 35px rgba(6,31,64,.055);

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

}

.gapvinsArticleCard:hover{

    transform:translateY(-7px);

    border-color:rgba(184,135,35,.40);

    box-shadow:
        0 25px 55px rgba(6,31,64,.12);

}

.gapvinsArticleCard:before{

    content:"";

    position:absolute;

    left:0;
    top:0;

    width:100%;
    height:4px;

    background:#092f62;

}

.gapvinsArticleGold{

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #fbf7ed 100%
        );

}

.gapvinsArticleGold:before{

    background:#b88723;

}

.gapvinsArticleTop{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:10px;

    margin-bottom:30px;

}

.gapvinsArticleNumber{

    color:#b88723;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:42px;

    line-height:1;

}

.gapvinsArticleCategory{

    padding:7px 9px;

    border:1px solid rgba(9,47,98,.13);

    color:#092f62;

    font-size:15px;

    line-height:1.3;

    font-weight:900;

    letter-spacing:.8px;

    text-align:right;

}

.gapvinsArticleBody{

    flex:1;

}

.gapvinsArticleBody h3{

    margin:0 0 19px;

    color:#061f40;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:26px;

    line-height:1.28;

    font-weight:500;

}

.gapvinsArticleBody h3 strong{

    color:#092f62;

    font-weight:700;

}

.gapvinsArticleBody p{

    margin:0;

    color:#647589;

    font-size:15px;

    line-height:1.75;

}

.gapvinsArticleBody p strong{

    color:#092f62;

    font-weight:800;

}

.gapvinsArticleLink{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:15px;

    margin-top:28px;

    padding-top:17px;

    border-top:1px solid rgba(9,47,98,.11);

    color:#092f62;

    text-decoration:none;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    transition:.25s ease;

}

.gapvinsArticleLink span{

    width:34px;
    height:34px;

    display:flex;

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

    border:1px solid rgba(184,135,35,.45);

    color:#b88723;

    font-size:18px;

    transition:.25s ease;

}

.gapvinsArticleLink:hover{

    color:#b88723;

}

.gapvinsArticleLink:hover span{

    color:#ffffff;

    background:#b88723;

}


/* =========================================================
   KNOWLEDGE BAND
========================================================= */

.gapvinsKnowledge{

    padding:65px 24px;

    background:#092f62;

    color:#ffffff;

}

.gapvinsKnowledgeInner{

    display:grid;

    grid-template-columns:110px minmax(0,1fr) auto;

    gap:35px;

    align-items:center;

    padding:35px;

    border:1px solid rgba(224,189,105,.30);

    background:

        linear-gradient(
            110deg,
            rgba(255,255,255,.045),
            rgba(255,255,255,.015)
        );

}

.gapvinsKnowledgeNumber{

    color:#e0bd69;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:72px;

    line-height:1;

}

.gapvinsKnowledgeText > span{

    display:block;

    margin-bottom:8px;

    color:#e0bd69;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvinsKnowledgeText h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:31px;

    line-height:1.25;

    font-weight:500;

}

.gapvinsKnowledgeText h2 strong{

    color:#e0bd69;

}

.gapvinsKnowledgeText p{

    max-width:800px;

    margin:10px 0 0;

    color:rgba(255,255,255,.62);

    font-size:15px;

    line-height:1.7;

}

.gapvinsKnowledgeButton{

    min-height:54px;

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:13px;

    padding:13px 20px;

    border:1px solid #e0bd69;

    background:#c5962f;

    color:#ffffff;

    text-decoration:none;

    white-space:nowrap;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    transition:.25s ease;

}

.gapvinsKnowledgeButton span{

    font-size:20px;

}

.gapvinsKnowledgeButton:hover{

    background:#d0a13c;

    color:#ffffff;

    transform:translateY(-2px);

}


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

.gapvinsCTA{

    padding:85px 24px;

    background:#061f40;

    color:#ffffff;

}

.gapvinsCTAInner{

    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:50px;

    padding:45px 50px;

    border:1px solid rgba(224,189,105,.34);

    background:

        radial-gradient(
            circle at 100% 0%,
            rgba(197,150,47,.13),
            transparent 35%
        ),

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

}

.gapvinsCTAContent{

    max-width:760px;

}

.gapvinsCTAContent > span{

    display:block;

    margin-bottom:10px;

    color:#e0bd69;

    font-size:15px;

    line-height:1.4;

    font-weight:900;

    letter-spacing:1.8px;

}

.gapvinsCTAContent h2{

    margin:0;

    color:#ffffff;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size:clamp(34px,4vw,49px);

    line-height:1.13;

    font-weight:500;

}

.gapvinsCTAContent h2 strong{

    color:#e0bd69;

}

.gapvinsCTAContent p{

    max-width:700px;

    margin:15px 0 0;

    color:rgba(255,255,255,.63);

    font-size:16px;

    line-height:1.75;

}

.gapvinsCTAActions{

    display:flex;

    flex-direction:column;

    align-items:stretch;

    gap:12px;

    min-width:245px;

}

.gapvinsPrimaryButton{

    min-height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:15px;

    padding:14px 22px;

    background:#c5962f;

    border:1px solid #e0bd69;

    color:#ffffff;

    text-decoration:none;

    font-size:16px;

    line-height:1.4;

    font-weight:900;

    box-shadow:
        0 12px 30px rgba(0,0,0,.22);

    transition:.25s ease;

}

.gapvinsPrimaryButton span{

    font-size:21px;

}

.gapvinsPrimaryButton:hover{

    color:#ffffff;

    background:#d0a13c;

    transform:translateY(-2px);

}

.gapvinsPhoneButton{

    min-height:58px;

    display:flex;

    align-items:center;

    justify-content:center;

    gap:11px;

    padding:9px 16px;

    border:1px solid rgba(224,189,105,.45);

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

    color:#ffffff;

    text-decoration:none;

    transition:.25s ease;

}

.gapvinsPhoneButton:hover{

    color:#ffffff;

    border-color:#e0bd69;

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

}

.gapvinsPhoneSymbol{

    width:38px;
    height:38px;

    display:flex;

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

    border:1px solid #e0bd69;

    color:#e0bd69;

    font-size:18px;

}

.gapvinsPhoneButton small{

    display:block;

    color:rgba(255,255,255,.52);

    font-size:15px;

    line-height:1.3;

    text-align:left;

}

.gapvinsPhoneButton strong{

    display:block;

    margin-top:2px;

    color:#ffffff;

    font-size:18px;

    line-height:1.3;

    text-align:left;

}


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

@media (max-width:1000px){

    .gapvinsHeroInner{

        grid-template-columns:1fr;

        gap:55px;

    }

    .gapvinsHeroMark{

        justify-content:flex-start;

    }

    .gapvinsHeroVertical{

        left:225px;

        right:auto;

    }

    .gapvinsResearchHeader{

        grid-template-columns:1fr;

        gap:20px;

    }

    .gapvinsArticleGrid{

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

    }

    .gapvinsKnowledgeInner{

        grid-template-columns:80px minmax(0,1fr);

    }

    .gapvinsKnowledgeButton{

        grid-column:2;

        justify-self:start;

    }

    .gapvinsCTAInner{

        flex-direction:column;

        align-items:flex-start;

    }

    .gapvinsCTAActions{

        width:100%;

        max-width:400px;

        flex-direction:row;

    }

}


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

@media (max-width:600px){

    .gapvinsHero{

        padding:65px 17px 70px;

    }

    .gapvinsHero h1{

        font-size:43px;

        line-height:1.04;

        letter-spacing:-1.4px;

    }

    .gapvinsHeroContent > p{

        font-size:16px;

        line-height:1.8;

    }

    .gapvinsHeroMeta{

        flex-direction:column;

    }

    .gapvinsHeroMeta span,
    .gapvinsHeroMeta span:first-child{

        width:100%;

        padding:14px 0;

        border-right:0;

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

    }

    .gapvinsHeroMeta span:last-child{

        border-bottom:0;

    }

    .gapvinsHeroMarkOuter{

        width:190px;
        height:190px;

    }

    .gapvinsHeroMarkInner{

        width:155px;
        height:155px;

    }

    .gapvinsHeroMarkInner span{

        font-size:35px;

    }

    .gapvinsHeroVertical{

        left:190px;

        font-size:15px;

    }


    /* INTRO */

    .gapvinsIntro{

        padding:65px 17px;

    }

    .gapvinsIntroGrid{

        grid-template-columns:1fr;

        gap:25px;

    }

    .gapvinsIntroLabel{

        min-height:auto;

        flex-direction:row;

        align-items:center;

        border-right:0;

        border-bottom:1px solid rgba(9,47,98,.14);

        padding-bottom:15px;

    }

    .gapvinsIntroLabel strong{

        font-size:45px;

    }

    .gapvinsIntroContent h2{

        font-size:35px;

    }


    /* RESEARCH */

    .gapvinsResearch{

        padding:70px 17px;

    }

    .gapvinsResearchHeader h2{

        font-size:38px;

    }

    .gapvinsArticleGrid{

        grid-template-columns:1fr;

    }

    .gapvinsArticleCard{

        min-height:430px;

        padding:25px 22px;

    }

    .gapvinsArticleBody h3{

        font-size:25px;

    }


    /* KNOWLEDGE */

    .gapvinsKnowledge{

        padding:50px 17px;

    }

    .gapvinsKnowledgeInner{

        display:flex;

        flex-direction:column;

        align-items:flex-start;

        gap:20px;

        padding:27px 22px;

    }

    .gapvinsKnowledgeNumber{

        font-size:55px;

    }

    .gapvinsKnowledgeText h2{

        font-size:28px;

    }

    .gapvinsKnowledgeButton{

        width:100%;

    }


    /* CTA */

    .gapvinsCTA{

        padding:65px 17px;

    }

    .gapvinsCTAInner{

        padding:30px 20px;

        gap:30px;

    }

    .gapvinsCTAContent h2{

        font-size:33px;

    }

    .gapvinsCTAActions{

        width:100%;

        max-width:none;

        flex-direction:column;

    }

    .gapvinsPrimaryButton,
    .gapvinsPhoneButton{

        width:100%;

    }

}


/* =========================================================
   VERY SMALL DEVICES
========================================================= */

@media (max-width:390px){

    .gapvinsHero h1{

        font-size:39px;

    }

    .gapvinsHeroMarkOuter{

        width:175px;
        height:175px;

    }

    .gapvinsHeroMarkInner{

        width:143px;
        height:143px;

    }

    .gapvinsHeroVertical{

        left:174px;

    }

}