/* PrimeRealty v2.0 — Lightweight CSS */
 *,*::before,*::after{
    box-sizing:border-box;
    margin:0;
    padding:0
}
 :root{
     --green:#0000FF;
    --gd:#0000b3;
    --gl:#f0f2ff;
     --navy:#050816;
    --navy2:#0b1b3a;
     --white:#fff;
    --off:#f7f9f7;
    --text:#1a1a1a;
     --muted:#666;
    --border:#e0e0e0;
     --font:'Poppins',sans-serif;
     --radius:6px;
    --radius-lg:10px;
     --shadow:0 4px 20px rgba(0,0,0,.08);
     --shadow-lg:0 8px 40px rgba(0,0,0,.14);
}
 html{
    scroll-behavior:smooth;
    font-size:16px
}
 body{
    font-family:var(--font);
    color:var(--text);
    background:#fff;
    overflow-x:hidden;
    line-height:1.65
}
 img{
    max-width:100%;
    height:auto;
    display:block
}
 a{
    color:var(--green);
    text-decoration:none;
    transition:color .2s
}
 a:hover{
    color:var(--gd)
}
 h1,h2,h3,h4,h5{
    font-weight:700;
    line-height:1.2;
    color:var(--text)
}
 ul{
    list-style:none
}
/* CONTAINER */
 .container{
    max-width:1200px;
    margin:0 auto;
    padding:0 20px
}
 .section{
    padding:72px 0
}
 .section-alt{
    background:var(--off)
}
/* TYPOGRAPHY HELPERS */
 .section-label{
    font-size:11px;
    letter-spacing:3px;
    text-transform:uppercase;
    color:#c9a646;
    font-weight:600;
    display:block;
    margin-bottom:8px
}
 .section-title{
    font-size:clamp(26px,3.5vw,38px);
    margin-bottom:6px
}
 .section-title span{
    color:var(--green)
}
 .section-divider{
    width:44px;
    height:3px;
    background:var(--green);
    border-radius:2px;
    margin:12px 0 32px
}
 .section-divider.center{
    margin:12px auto 32px
}
/* BUTTONS */
 .btn{
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:11px 26px;
    font-family:var(--font);
    font-size:13px;
    font-weight:600;
    letter-spacing:.3px;
    border-radius:var(--radius);
    border:none;
    cursor:pointer;
    transition:all .2s;
    text-decoration:none;
    white-space:nowrap
}
 .btn-primary{
    background:var(--green);
    color:#fff
}
 .btn-primary:hover{
    background:var(--gd);
    color:#fff;
    transform:translateY(-1px);
    box-shadow:0 4px 16px rgba(0,0,255,.3)
}
 .btn-outline{
    background:transparent;
    color:var(--green);
    border:2px solid var(--green)
}
 .btn-outline:hover{
    background:var(--green);
    color:#fff
}
 .btn-dark{
    background:var(--navy);
    color:#fff
}
 .btn-dark:hover{
    background:var(--navy2);
    color:#fff
}
 .btn-wa{
    background:#25d366;
    color:#fff
}
 .btn-wa:hover{
    background:#1da851;
    color:#fff
}
 .btn-white{
    background:#fff;
    color:var(--green)
}
 .btn-white:hover{
    background:var(--gl)
}
/* BADGES */
 .badge{
    display:inline-block;
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    padding:3px 10px;
    border-radius:20px
}
 .badge-new{
    background:var(--green);
    color:#fff
}
 .badge-hot{
    background:#e74c3c;
    color:#fff
}
 .badge-ready{
    background:#3498db;
    color:#fff
}
 .badge-rera{
    background:var(--gl);
    color:var(--gd);
    border:1px solid var(--green)
}
/* HEADER */
 #site-header{
    position:fixed;
    top:0;
    left:0;
    right:0;
    z-index:1000;
    background:var(--navy);
    transition:box-shadow .3s
}
 #site-header.scrolled{
    box-shadow:0 2px 20px rgba(0,0,0,.3)
}
 .hdr-inner{
    display:flex;
    align-items:center;
    justify-content:space-between;
    height:70px;
    gap:20px
}
 .site-logo{
    text-decoration:none;
    display:flex;
    flex-direction:column;
    line-height:1
}
 .logo-main{
    font-size:22px;
    font-weight:800;
    color:#fff
}
 .logo-main span{
    color:var(--green)
}
 .logo-sub{
    font-size:9px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:rgba(255,255,255,.45);
    margin-top:2px
}
 .main-nav{
    display:flex;
    gap:4px
}
 .main-nav a{
    font-size:13px;
    font-weight:500;
    color:rgba(255,255,255,.75);
    padding:8px 12px;
    border-radius:var(--radius);
    transition:all .2s
}
 .main-nav a:hover,.main-nav a.active{
    color:#fff;
    background:rgba(255,255,255,.1)
}
 .hdr-cta{
    display:flex;
    align-items:center;
    gap:14px
}
 .hdr-phone{
    font-size:13px;
    color:rgba(255,255,255,.6)
}
 .hdr-phone a{
    color:var(--primary);
    font-weight:600
}
 .hamburger{
    display:none;
    flex-direction:column;
    gap:5px;
    background:none;
    border:none;
    cursor:pointer;
    padding:4px
}
 .hamburger span{
    display:block;
    width:24px;
    height:2px;
    background:#fff;
    border-radius:2px;
    transition:all .3s
}
 .hamburger.open span:nth-child(1){
    transform:rotate(45deg) translate(5px,5px)
}
 .hamburger.open span:nth-child(2){
    opacity:0
}
 .hamburger.open span:nth-child(3){
    transform:rotate(-45deg) translate(5px,-5px)
}
 .mobile-nav{
    display:none;
    flex-direction:column;
    gap:4px;
    background:var(--navy);
    padding:12px 20px 20px;
    border-top:1px solid rgba(255,255,255,.1)
}
 .mobile-nav a{
    color:rgba(255,255,255,.8);
    font-size:14px;
    font-weight:500;
    padding:10px 0;
    border-bottom:1px solid rgba(255,255,255,.07)
}
 .mobile-nav.open{
    display:flex
}
/* HERO */
 .hero{
    background:linear-gradient(135deg,#050816 0%, #0b1b3a 60%, #0000FF 120%);
    padding:80px 0 72px;
    position:relative;
    overflow:hidden
}
 .hero::before{
    content:'';
    position:absolute;
    right:-100px;
    top:-100px;
    width:500px;
    height:500px;
    border-radius:50%;
    background:rgba(0,0,255,.05);
    pointer-events:none
}
 .hero-tag{
    display:inline-flex;
    align-items:center;
    gap:8px;
    background:rgba(0,0,255,.15);
    border:1px solid rgba(0,0,255,.3);
    color:#3dcc3d;
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-weight:600;
    padding:6px 18px;
    border-radius:20px;
    margin-bottom:22px
}
 .hero-dot{
    width:7px;
    height:7px;
    background:#3dcc3d;
    border-radius:50%;
    animation:blink 1.6s infinite
}
 @keyframes blink{
    0%,100%{
        opacity:1
    }
    50%{
        opacity:.2
    }
}
 .hero h1{
    font-size:clamp(32px,5vw,58px);
    color:#fff;
    font-weight:300;
    line-height:1.1;
    margin-bottom:14px
}
 .hero h1 strong{
    font-weight:800;
    color:#3dcc3d
}
 .hero p{
    font-size:16px;
    color:rgba(255,255,255,.6);
    max-width:500px;
    line-height:1.85;
    margin-bottom:36px
}
 .hero-btns{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    margin-bottom:52px
}
 .hero-stats{
    display:flex;
    gap:40px;
    flex-wrap:wrap;
    padding-top:28px;
    border-top:1px solid rgba(255,255,255,.1)
}
 .stat-num{
    font-size:34px;
    font-weight:800;
    color:#fff;
    line-height:1
}
 .stat-num span{
    color:#3dcc3d
}
 .stat-lbl{
    font-size:10px;
    color:rgba(255,255,255,.45);
    letter-spacing:1px;
    text-transform:uppercase;
    margin-top:4px
}
/* SEARCH BAR */
 .search-section{
    background:#fff;
    border-bottom:3px solid var(--green);
    box-shadow:0 4px 20px rgba(0,0,0,.06)
}
 .search-tabs{
    display:flex;
    border-bottom:1px solid var(--border)
}
 .search-tab{
    padding:13px 22px;
    font-size:12px;
    font-weight:600;
    color:var(--muted);
    cursor:pointer;
    border-bottom:3px solid transparent;
    margin-bottom:-1px;
    transition:all .2s;
    user-select:none
}
 .search-tab.active,.search-tab:hover{
    color:var(--green);
    border-bottom-color:var(--green)
}
 .search-form{
    display:grid;
    grid-template-columns:1fr 1fr 1fr 1fr auto
}
 .sf{
    padding:15px 18px;
    border-right:1px solid var(--border)
}
 .sf label{
    display:block;
    font-size:9px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:var(--green);
    font-weight:700;
    margin-bottom:4px
}
 .sf select,.sf input{
    border:none;
    font-size:13px;
    color:var(--text);
    width:100%;
    outline:none;
    background:transparent;
    font-family:var(--font)
}
 .search-btn{
    background:var(--green);
    color:#fff;
    border:none;
    padding:0 28px;
    font-size:12px;
    font-weight:700;
    cursor:pointer;
    letter-spacing:1px;
    text-transform:uppercase;
    font-family:var(--font);
    transition:background .2s
}
 .search-btn:hover{
    background:var(--gd)
}
/* PROPERTY CARDS */
 .prop-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:22px
}
 .prop-card{
    background:#fff;
    border:1.5px solid var(--border);
    border-radius:var(--radius-lg);
    overflow:hidden;
    transition:all .25s;
    display:flex;
    flex-direction:column
}
 .prop-card:hover{
    border-color:var(--green);
    transform:translateY(-5px);
    box-shadow:0 12px 36px rgba(0,0,255,.14)
}
 .prop-img{
    height:210px;
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,var(--gl),#b8eab8);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:60px
}
 .prop-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .4s
}
 .prop-card:hover .prop-img img{
    transform:scale(1.05)
}
 .prop-img-badges{
    position:absolute;
    top:12px;
    left:12px;
    display:flex;
    gap:5px;
    flex-wrap:wrap
}
 .prop-price-overlay{
    position:absolute;
    bottom:12px;
    left:12px;
    background:rgba(13,33,55,.92);
    color:#fff;
    font-size:14px;
    font-weight:800;
    padding:5px 13px;
    border-radius:var(--radius)
}
 .prop-price-overlay span{
    font-size:10px;
    color:rgba(255,255,255,.55);
    font-weight:400
}
 .prop-body{
    padding:16px;
    flex:1
}
 .prop-dev{
    font-size:9px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--green);
    font-weight:700;
    margin-bottom:4px
}
 .prop-name{
    font-size:16px;
    font-weight:700;
    color:var(--text);
    margin-bottom:4px;
    line-height:1.3
}
 .prop-location{
    font-size:12px;
    color:var(--muted);
    margin-bottom:12px
}
 .prop-meta{
    display:flex;
    gap:12px;
    flex-wrap:wrap;
    padding-top:10px;
    border-top:1px solid var(--border)
}
 .pm{
    display:flex;
    align-items:center;
    gap:4px;
    font-size:11px;
    color:var(--muted);
    font-weight:500
}
 .prop-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:10px 16px;
    background:var(--off);
    border-top:1px solid var(--border)
}
 .rera-tag{
    font-size:10px;
    color:var(--gd);
    font-weight:600
}
 .prop-btn{
    background:var(--green);
    color:#fff;
    font-size:10px;
    font-weight:700;
    padding:7px 14px;
    border:none;
    cursor:pointer;
    border-radius:var(--radius);
    font-family:var(--font);
    transition:background .2s;
    text-decoration:none;
    display:inline-block
}
 .prop-btn:hover{
    background:var(--gd);
    color:#fff
}
/* LISTING PAGE */
 .listing-hero{
    background:var(--navy);
    padding:90px 0 36px
}
 .listing-hero h1{
    font-size:clamp(22px,4vw,36px);
    color:#fff;
    margin-bottom:6px
}
 .listing-hero p{
    color:rgba(255,255,255,.55);
    font-size:14px
}
 .breadcrumb{
    display:flex;
    gap:6px;
    align-items:center;
    font-size:12px;
    color:rgba(255,255,255,.35);
    margin-bottom:12px;
    flex-wrap:wrap
}
 .breadcrumb a{
    color:#3dcc3d
}
 .breadcrumb span{
    color:rgba(255,255,255,.2)
}
 .listing-layout{
    display:grid;
    grid-template-columns:280px 1fr;
    gap:24px;
    padding:28px 0 72px
}
 .filters-sidebar{
    background:#fff;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    padding:20px;
    height:fit-content;
    position:sticky;
    top:82px
}
 .filter-title{
    font-size:14px;
    font-weight:700;
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:16px
}
 .filter-clear{
    font-size:11px;
    color:var(--green);
    cursor:pointer
}
 .filter-group{
    margin-bottom:18px;
    padding-bottom:18px;
    border-bottom:1px solid var(--border)
}
 .filter-group:last-child{
    border:none;
    margin:0;
    padding:0
}
 .filter-group-title{
    font-size:12px;
    font-weight:700;
    color:var(--text);
    margin-bottom:10px
}
 .filter-option{
    display:flex;
    align-items:center;
    gap:8px;
    margin-bottom:7px;
    cursor:pointer
}
 .filter-option input{
    accent-color:var(--green);
    width:14px;
    height:14px;
    cursor:pointer
}
 .filter-option label{
    font-size:12px;
    color:var(--muted);
    cursor:pointer
}
 .filter-option:hover label{
    color:var(--green)
}
 .filter-range{
    width:100%;
    accent-color:var(--green)
}
 .filter-range-labels{
    display:flex;
    justify-content:space-between;
    font-size:11px;
    color:var(--muted);
    margin-top:4px
}
 .filter-apply{
    width:100%;
    background:var(--green);
    color:#fff;
    border:none;
    padding:11px;
    font-size:12px;
    font-weight:700;
    border-radius:var(--radius);
    cursor:pointer;
    margin-top:12px;
    font-family:var(--font)
}
 .filter-apply:hover{
    background:var(--gd)
}
 .results-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:18px;
    flex-wrap:wrap;
    gap:10px
}
 .results-count{
    font-size:13px;
    color:var(--muted)
}
 .results-count strong{
    color:var(--text)
}
 .sort-wrap{
    display:flex;
    align-items:center;
    gap:8px;
    font-size:12px;
    color:var(--muted)
}
 .sort-wrap select{
    border:1px solid var(--border);
    border-radius:var(--radius);
    padding:6px 10px;
    font-size:12px;
    font-family:var(--font);
    outline:none
}
 .listing-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:18px
}
 .expert-box{
    margin-top:16px;
    background:var(--gl);
    border:1px solid var(--green);
    border-radius:var(--radius);
    padding:16px;
    text-align:center
}
 .expert-box-title{
    font-size:12px;
    font-weight:700;
    margin-bottom:4px
}
 .expert-box-sub{
    font-size:11px;
    color:var(--muted);
    margin-bottom:10px
}
/* PROPERTY DETAIL PAGE */
 .prop-detail-layout{
    display:grid;
    grid-template-columns:1fr 320px;
    gap:28px;
    padding:28px 0 72px;
    align-items:start
}
 .prop-detail-sidebar{
    position:sticky;
    top:82px
}
 .hero-meta-row{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin-top:10px;
    align-items:center
}
 .hm{
    font-size:13px;
    color:rgba(0,0,255,.6);
    display:flex;
    align-items:center;
    gap:4px
}
 .rera-pill{
    background:rgba(0,0,255,.2);
    color:#3dcc3d;
    font-size:11px;
    font-weight:700;
    padding:4px 12px;
    border-radius:20px
}
 .hero-price-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:16px;
    margin-top:16px
}
 .hero-price-num{
    font-size:clamp(22px,3vw,32px);
    font-weight:800;
    color:var(--green)
}
 .hero-price-sub{
    font-size:13px;
    color:rgba(255,255,255,.5);
    margin-top:2px
}
 .hero-cta-btns{
    display:flex;
    gap:10px
}
 .prop-featured-img{
    position:relative;
    border-radius:var(--radius-lg);
    overflow:hidden;
    margin-bottom:20px;
    height:380px;
    background:linear-gradient(135deg,var(--gl),#b8eab8);
    display:flex;
    align-items:center;
    justify-content:center
}
 .prop-featured-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .prop-img-placeholder{
    font-size:80px
}
 .prop-img-badge{
    position:absolute;
    top:14px;
    left:14px
}
 .card-box{
    background:#fff;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    overflow:hidden;
    margin-bottom:20px
}
 .card-box-hdr{
    padding:14px 20px;
    font-size:14px;
    font-weight:700;
    border-bottom:1px solid var(--border);
    border-left:3px solid var(--green)
}
 .quick-stats{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:1px;
    background:var(--border)
}
 .qs{
    background:#fff;
    padding:16px;
    text-align:center
}
 .qs-icon{
    font-size:22px;
    margin-bottom:4px
}
 .qs-val{
    font-size:14px;
    font-weight:700;
    color:var(--text)
}
 .qs-lbl{
    font-size:9px;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:1px;
    margin-top:2px
}
 .prop-about-text{
    padding:20px;
    font-size:14px;
    color:var(--muted);
    line-height:1.85
}
 .prop-about-text p{
    margin-bottom:12px
}
 .amenity-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:8px;
    padding:16px
}
 .am{
    display:flex;
    align-items:center;
    gap:8px;
    padding:9px 12px;
    background:var(--gl);
    border-radius:var(--radius);
    font-size:12px;
    font-weight:600
}
 .am-check{
    color:var(--green);
    font-size:14px;
    flex-shrink:0
}
 .similar-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:14px;
    padding:16px
}
 .sim-card{
    display:block;
    border:1px solid var(--border);
    border-radius:var(--radius);
    overflow:hidden;
    transition:all .2s;
    text-decoration:none;
    color:var(--text)
}
 .sim-card:hover{
    border-color:var(--green);
    box-shadow:0 4px 16px rgba(0,0,255,.1)
}
 .sim-img{
    height:100px;
    background:var(--gl);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    overflow:hidden
}
 .sim-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .sim-body{
    padding:10px
}
 .sim-name{
    font-size:12px;
    font-weight:700;
    margin-bottom:2px
}
 .sim-loc{
    font-size:10px;
    color:var(--muted);
    margin-bottom:4px
}
 .sim-price{
    font-size:13px;
    font-weight:700;
    color:var(--green)
}
/* EMI CALCULATOR */
 .emi-wrap{
    padding:18px 20px
}
 .emi-row{
    margin-bottom:18px
}
 .emi-lbl{
    display:flex;
    justify-content:space-between;
    font-size:12px;
    color:var(--muted);
    margin-bottom:6px;
    font-weight:600
}
 .emi-lbl span{
    color:var(--green);
    font-size:14px;
    font-weight:700
}
 input[type=range]{
    width:100%;
    accent-color:var(--green)
}
 .emi-result{
    background:var(--green);
    border-radius:8px;
    padding:20px;
    text-align:center;
    margin-top:4px
}
 .emi-result-lbl{
    font-size:9px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:rgba(255,255,255,.7);
    margin-bottom:6px
}
 .emi-result-amt{
    font-size:28px;
    font-weight:800;
    color:#fff
}
 .emi-bd{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:8px;
    margin-top:10px
}
 .emi-bd-item{
    background:rgba(255,255,255,.15);
    padding:10px;
    border-radius:6px;
    text-align:center
}
 .emi-bd-num{
    font-size:14px;
    font-weight:800;
    color:#fff
}
 .emi-bd-lbl{
    font-size:9px;
    color:rgba(255,255,255,.65);
    text-transform:uppercase;
    letter-spacing:1px;
    margin-top:2px
}
/* LEAD FORM */
 .pr-lead-form .fg{
    margin-bottom:12px
}
 .pr-lead-form .fg label{
    display:block;
    font-size:9px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--muted);
    margin-bottom:4px;
    font-weight:700
}
 .pr-lead-form .fg input, .pr-lead-form .fg select, .pr-lead-form .fg textarea{
    width:100%;
    padding:10px 12px;
    border:1.5px solid var(--border);
    border-radius:var(--radius);
    font-size:13px;
    font-family:var(--font);
    outline:none;
    color:var(--text);
    transition:border-color .2s
}
 .pr-lead-form .fg input:focus, .pr-lead-form .fg select:focus, .pr-lead-form .fg textarea:focus{
    border-color:var(--green)
}
 .form-sticky{
    padding-bottom:4px
}
/* KEY DETAILS */
 .key-details{
    padding:6px 18px 12px
}
 .kd-row{
    display:flex;
    justify-content:space-between;
    padding:8px 0;
    border-bottom:1px solid var(--border);
    font-size:12px
}
 .kd-row:last-child{
    border-bottom:none
}
 .kd-key{
    color:var(--muted)
}
 .kd-val{
    font-weight:700;
    color:var(--text);
    text-align:right;
    max-width:60%
}
/* WHY US */
 .why-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px
}
 .why-card{
    padding:28px 20px;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    text-align:center;
    transition:all .2s;
    position:relative;
    overflow:hidden;
    background:#fff
}
 .why-card::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    right:0;
    height:3px;
    background:var(--green);
    transform:scaleX(0);
    transition:transform .3s
}
 .why-card:hover::before{
    transform:scaleX(1)
}
 .why-card:hover{
    border-color:var(--green);
    transform:translateY(-4px);
    box-shadow:0 8px 24px rgba(0,0,255,.1)
}
 .why-icon{
    font-size:36px;
    margin-bottom:14px
}
 .why-title{
    font-size:15px;
    font-weight:700;
    margin-bottom:8px
}
 .why-text{
    font-size:13px;
    color:var(--muted);
    line-height:1.75
}
/* TESTIMONIALS */
 .testi-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:20px
}
 .testi-card{
    background:#fff;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    padding:26px;
    transition:all .2s;
    position:relative
}
 .testi-card:hover{
    border-color:var(--green);
    box-shadow:0 8px 24px rgba(0,0,255,.08)
}
 .testi-card::before{
    content:'\201C';
    font-size:70px;
    color:rgba(0,0,255,.1);
    position:absolute;
    top:6px;
    left:14px;
    line-height:1;
    font-family:Georgia,serif
}
 .testi-stars{
    color:#f39c12;
    font-size:14px;
    margin-bottom:10px;
    letter-spacing:2px
}
 .testi-text{
    font-size:13px;
    color:var(--muted);
    line-height:1.85;
    margin-bottom:18px;
    font-style:italic
}
 .testi-author{
    display:flex;
    align-items:center;
    gap:10px
}
 .testi-avatar{
    width:42px;
    height:42px;
    border-radius:50%;
    background:var(--gl);
    border:2px solid var(--green);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--gd);
    font-size:13px;
    font-weight:800;
    flex-shrink:0
}
 .testi-name{
    font-size:13px;
    font-weight:700
}
 .testi-role{
    font-size:10px;
    color:var(--green)
}
/* LEAD SECTION */
 .lead-section{
    background:linear-gradient(135deg,var(--navy),var(--navy2));
    padding:72px 0
}
 .lead-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:56px;
    align-items:center
}
 .lead-left h2{
    font-size:clamp(26px,3.5vw,38px);
    font-weight:300;
    color:#fff;
    margin-bottom:12px
}
 .lead-left h2 strong{
    font-weight:800;
    color:#3dcc3d
}
 .lead-left p{
    color:rgba(255,255,255,.6);
    font-size:14px;
    line-height:1.85;
    margin-bottom:24px
}
 .lead-points{
    display:flex;
    flex-direction:column;
    gap:10px
}
 .lead-point{
    display:flex;
    align-items:center;
    gap:10px;
    color:rgba(255,255,255,.85);
    font-size:13px;
    font-weight:500
}
 .lead-check{
    width:20px;
    height:20px;
    background:var(--green);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:10px;
    font-weight:700;
    flex-shrink:0
}
 .form-box{
    background:#fff;
    padding:28px;
    border-radius:var(--radius-lg);
    box-shadow:0 8px 40px rgba(0,0,0,.2)
}
 .form-box h3{
    font-size:18px;
    font-weight:700;
    margin-bottom:4px;
    text-align:center
}
 .form-sub{
    font-size:12px;
    color:var(--muted);
    text-align:center;
    margin-bottom:18px
}
 .fg{
    margin-bottom:12px
}
 .fg label{
    display:block;
    font-size:9px;
    letter-spacing:1.5px;
    text-transform:uppercase;
    color:var(--muted);
    margin-bottom:4px;
    font-weight:700
}
 .fg input,.fg select,.fg textarea{
    width:100%;
    padding:10px 12px;
    border:1.5px solid var(--border);
    border-radius:var(--radius);
    font-size:13px;
    font-family:var(--font);
    outline:none;
    color:var(--text);
    transition:border-color .2s
}
 .fg input:focus,.fg select:focus,.fg textarea:focus{
    border-color:var(--green)
}
 .f-row-2{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px
}
 .form-submit{
    width:100%;
    background:var(--green);
    color:#fff;
    border:none;
    padding:13px;
    font-size:12px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    cursor:pointer;
    border-radius:var(--radius);
    font-family:var(--font);
    transition:background .2s
}
 .form-submit:hover{
    background:var(--gd)
}
 .form-note{
    text-align:center;
    font-size:10px;
    color:var(--muted);
    margin-top:8px
}
/* BLOG */
 .blog-hero{
    background:var(--navy);
    padding:90px 0 48px;
    text-align:center
}
 .blog-hero h1{
    font-size:clamp(26px,4vw,42px);
    color:#fff;
    margin-bottom:10px
}
 .blog-hero p{
    color:rgba(255,255,255,.6);
    max-width:500px;
    margin:0 auto
}
 .blog-layout{
    display:grid;
    grid-template-columns:1fr 320px;
    gap:36px;
    padding:48px 0 80px
}
 .blog-grid{
    display:flex;
    flex-direction:column;
    gap:24px
}
 .blog-card{
    display:grid;
    grid-template-columns:240px 1fr;
    background:#fff;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    overflow:hidden;
    transition:all .25s
}
 .blog-card:hover{
    border-color:var(--green);
    box-shadow:0 8px 28px rgba(0,0,255,.1)
}
 .blog-card-img{
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:44px;
    background:var(--gl)
}
 .blog-card-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .blog-card-body{
    padding:20px;
    display:flex;
    flex-direction:column;
    justify-content:space-between
}
 .blog-cat{
    font-size:9px;
    font-weight:700;
    letter-spacing:1px;
    text-transform:uppercase;
    color:var(--green);
    background:var(--gl);
    padding:3px 10px;
    border-radius:20px
}
 .blog-date{
    font-size:11px;
    color:var(--muted)
}
 .blog-card-meta{
    display:flex;
    gap:10px;
    align-items:center;
    margin-bottom:8px;
    flex-wrap:wrap
}
 .blog-card-title{
    font-size:17px;
    font-weight:700;
    color:var(--text);
    line-height:1.35;
    margin-bottom:8px
}
 .blog-card-title a{
    color:var(--text)
}
 .blog-card-title a:hover{
    color:var(--green)
}
 .blog-card-excerpt{
    font-size:13px;
    color:var(--muted);
    line-height:1.7;
    margin-bottom:14px
}
 .blog-read-more{
    color:var(--green);
    font-size:12px;
    font-weight:600
}
/* SIDEBAR */
 .blog-sidebar{
    display:flex;
    flex-direction:column;
    gap:20px
}
 .sidebar-widget{
    background:#fff;
    border:1px solid var(--border);
    border-radius:var(--radius-lg);
    overflow:hidden
}
 .sidebar-widget-title{
    font-size:13px;
    font-weight:700;
    padding:14px 18px;
    border-bottom:1px solid var(--border);
    border-left:3px solid var(--green)
}
 .sidebar-widget-body{
    padding:14px 18px
}
 .sidebar-cats{
    display:flex;
    flex-direction:column
}
 .sidebar-cat{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:7px 0;
    border-bottom:1px solid var(--border);
    font-size:12px
}
 .sidebar-cat:last-child{
    border:none
}
 .sidebar-cat a{
    color:var(--muted);
    transition:color .2s
}
 .sidebar-cat a:hover{
    color:var(--green)
}
 .sidebar-cat-count{
    background:var(--gl);
    color:var(--gd);
    font-size:10px;
    font-weight:700;
    padding:2px 8px;
    border-radius:10px
}
 .recent-posts{
    display:flex;
    flex-direction:column;
    gap:12px
}
 .recent-post{
    display:flex;
    gap:10px
}
 .recent-post-img{
    width:58px;
    height:58px;
    border-radius:var(--radius);
    background:var(--gl);
    flex-shrink:0;
    overflow:hidden;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px
}
 .recent-post-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .recent-post-title{
    font-size:12px;
    font-weight:600;
    line-height:1.4;
    margin-bottom:3px
}
 .recent-post-title a{
    color:var(--text)
}
 .recent-post-title a:hover{
    color:var(--green)
}
 .recent-post-date{
    font-size:10px;
    color:var(--muted)
}
/* BLOG POST */
 .post-hero{
    background:var(--navy);
    padding:100px 0 52px
}
 .post-hero-inner{
    max-width:760px
}
 .post-category{
    display:inline-block;
    background:var(--green);
    color:#fff;
    font-size:9px;
    font-weight:700;
    letter-spacing:1.5px;
    text-transform:uppercase;
    padding:3px 12px;
    border-radius:20px;
    margin-bottom:16px
}
 .post-hero h1{
    font-size:clamp(22px,3.5vw,38px);
    color:#fff;
    font-weight:700;
    line-height:1.2;
    margin-bottom:14px
}
 .post-hero-meta{
    display:flex;
    gap:18px;
    flex-wrap:wrap
}
 .post-meta-item{
    font-size:12px;
    color:rgba(255,255,255,.5)
}
 .post-layout{
    display:grid;
    grid-template-columns:1fr 300px;
    gap:40px;
    padding:48px 0 80px
}
 .post-featured-img{
    border-radius:var(--radius-lg);
    overflow:hidden;
    margin-bottom:28px;
    height:360px;
    background:var(--gl);
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:80px
}
 .post-featured-img img{
    width:100%;
    height:100%;
    object-fit:cover
}
 .post-content{
    font-size:15px;
    color:#333;
    line-height:1.9
}
 .post-content h2{
    font-size:22px;
    margin:32px 0 12px
}
 .post-content h3{
    font-size:18px;
    margin:24px 0 10px
}
 .post-content p{
    margin-bottom:16px
}
 .post-content ul,.post-content ol{
    margin:0 0 16px 22px
}
 .post-content li{
    margin-bottom:7px
}
 .post-content blockquote{
    border-left:3px solid var(--green);
    background:var(--gl);
    padding:16px 20px;
    margin:22px 0;
    border-radius:0 var(--radius) var(--radius) 0;
    font-style:italic;
    color:var(--muted)
}
 .post-tags{
    display:flex;
    gap:7px;
    flex-wrap:wrap;
    margin-top:28px;
    padding-top:20px;
    border-top:1px solid var(--border)
}
 .post-tag{
    background:var(--gl);
    color:var(--gd);
    font-size:11px;
    font-weight:600;
    padding:4px 12px;
    border-radius:20px
}
 .post-share{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:22px;
    padding:16px 20px;
    background:var(--off);
    border-radius:var(--radius)
}
 .post-share-label{
    font-size:12px;
    font-weight:600
}
 .share-btn{
    width:34px;
    height:34px;
    border-radius:50%;
    border:none;
    cursor:pointer;
    color:#fff;
    font-size:12px;
    font-weight:700;
    display:flex;
    align-items:center;
    justify-content:center
}
 .share-fb{
    background:#3b5998
}
.share-tw{
    background:#1da1f2
}
.share-wa{
    background:#25d366
}
.share-ln{
    background:#0077b5
}
/* DEVELOPER PAGE */
 .dev-hero{
    background:linear-gradient(135deg,var(--navy),var(--navy2));
    padding:100px 0 52px
}
 .dev-hero-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:52px;
    align-items:center
}
 .dev-logo-box{
    background:#fff;
    border-radius:var(--radius-lg);
    padding:32px;
    display:flex;
    align-items:center;
    justify-content:center;
    aspect-ratio:16/9
}
 .dev-logo-text{
    font-size:42px;
    font-weight:800;
    color:var(--green);
    letter-spacing:-2px;
    text-align:center
}
 .dev-info h1{
    font-size:clamp(26px,3.5vw,38px);
    color:#fff;
    margin-bottom:6px
}
 .dev-tagline{
    font-size:14px;
    color:rgba(255,255,255,.55);
    margin-bottom:20px
}
 .dev-stats-row{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:1px;
    background:rgba(255,255,255,.1);
    border-radius:var(--radius);
    overflow:hidden;
    margin-bottom:20px
}
 .dev-stat{
    background:rgba(255,255,255,.07);
    padding:14px;
    text-align:center
}
 .dev-stat-num{
    font-size:22px;
    font-weight:800;
    color:#3dcc3d
}
 .dev-stat-lbl{
    font-size:9px;
    color:rgba(255,255,255,.45);
    text-transform:uppercase;
    letter-spacing:1px;
    margin-top:2px
}
 .dev-about-inner{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:52px;
    align-items:start
}
 .dev-about-text{
    font-size:14px;
    color:var(--muted);
    line-height:1.9
}
 .dev-about-text p{
    margin-bottom:12px
}
 .dev-highlights{
    display:flex;
    flex-direction:column;
    gap:12px
}
 .dev-highlight{
    display:flex;
    align-items:flex-start;
    gap:12px;
    padding:14px;
    background:var(--gl);
    border-radius:var(--radius);
    border-left:3px solid var(--green)
}
 .dev-highlight-icon{
    font-size:20px;
    flex-shrink:0
}
 .dev-highlight-title{
    font-size:13px;
    font-weight:700;
    margin-bottom:2px
}
 .dev-highlight-text{
    font-size:12px;
    color:var(--muted)
}
/* CONTACT PAGE */
 .contact-layout{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:52px;
    padding:72px 0
}
 .contact-info h2{
    font-size:30px;
    margin-bottom:16px
}
 .contact-info p{
    color:var(--muted);
    font-size:14px;
    line-height:1.85;
    margin-bottom:28px
}
 .contact-item{
    display:flex;
    align-items:flex-start;
    gap:14px;
    margin-bottom:22px
}
 .contact-icon{
    width:44px;
    height:44px;
    background:var(--gl);
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    flex-shrink:0
}
 .contact-item-label{
    font-size:11px;
    letter-spacing:1px;
    text-transform:uppercase;
    color:var(--green);
    font-weight:700;
    margin-bottom:2px
}
 .contact-item-value{
    font-size:14px;
    font-weight:600;
    color:var(--text)
}
/* FOOTER */
 #site-footer{
    background:var(--navy);
    padding:60px 0 24px
}
 .footer-grid{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:44px;
    margin-bottom:44px
}
 .footer-brand p{
    color:rgba(255,255,255,.4);
    font-size:12px;
    line-height:1.8;
    margin-top:12px;
    max-width:240px
}
 .footer-social{
    display:flex;
    gap:8px;
    margin-top:18px
}
 .social-btn{
    width:34px;
    height:34px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    border-radius:var(--radius);
    display:flex;
    align-items:center;
    justify-content:center;
    color:rgba(255,255,255,.6);
    font-size:11px;
    font-weight:700;
    cursor:pointer;
    transition:all .2s;
    text-decoration:none
}
 .social-btn:hover{
    background:var(--green);
    border-color:var(--green);
    color:#fff
}
 .footer-col h4{
    font-size:10px;
    font-weight:700;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#fff;
    margin-bottom:16px
}
 .footer-col ul li{
    margin-bottom:8px
}
 .footer-col ul li a{
    font-size:12px;
    color:rgba(255,255,255,.45);
    transition:color .2s
}
 .footer-col ul li a:hover{
    color:#3dcc3d
}
 .footer-bottom{
    border-top:1px solid rgba(255,255,255,.07);
    padding-top:20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    gap:12px
}
 .footer-bottom p{
    font-size:11px;
    color:rgba(255,255,255,.3)
}
 .footer-bottom a{
    font-size:11px;
    color:rgba(255,255,255,.3)
}
 .footer-bottom a:hover{
    color:#3dcc3d
}
/* WHATSAPP */
 .wa-float{
    position:fixed;
    bottom:22px;
    right:22px;
    background:#25d366;
    color:#fff;
    padding:11px 20px;
    font-size:13px;
    font-weight:700;
    border-radius:28px;
    box-shadow:0 4px 16px rgba(37,211,102,.4);
    z-index:9999;
    text-decoration:none;
    display:flex;
    align-items:center;
    gap:7px;
    transition:all .2s
}
 .wa-float:hover{
    background:#1da851;
    color:#fff;
    transform:translateY(-2px)
}
/* PAGINATION */
 .pagination{
    display:flex;
    justify-content:center;
    gap:6px;
    margin-top:28px;
    flex-wrap:wrap
}
 .page-btn{
    width:36px;
    height:36px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid var(--border);
    border-radius:var(--radius);
    font-size:12px;
    font-weight:600;
    color:var(--muted);
    cursor:pointer;
    background:#fff;
    transition:all .2s;
    text-decoration:none
}
 .page-btn.active,.page-btn:hover{
    background:var(--green);
    color:#fff;
    border-color:var(--green)
}
/* ── RESPONSIVE ── */
 @media(max-width:1024px){
     .prop-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .why-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .footer-grid{
        grid-template-columns:1fr 1fr
    }
     .listing-layout{
        grid-template-columns:1fr
    }
     .filters-sidebar{
        position:static
    }
     .listing-grid{
        grid-template-columns:1fr 1fr
    }
     .prop-detail-layout{
        grid-template-columns:1fr
    }
     .prop-detail-sidebar{
        position:static
    }
     .dev-hero-inner,.dev-about-inner{
        grid-template-columns:1fr
    }
     .blog-layout,.post-layout{
        grid-template-columns:1fr
    }
     .blog-card{
        grid-template-columns:1fr
    }
     .blog-card-img{
        height:200px
    }
     .lead-inner{
        grid-template-columns:1fr
    }
     .contact-layout{
        grid-template-columns:1fr
    }
}
 @media(max-width:768px){
     .container{
        padding:0 16px
    }
     .section{
        padding:52px 0
    }
     .main-nav,.hdr-cta{
        display:none
    }
     .hamburger{
        display:flex
    }
     .prop-grid,.listing-grid,.testi-grid,.similar-grid{
        grid-template-columns:1fr
    }
     .search-form{
        grid-template-columns:1fr
    }
     .sf{
        border-right:none;
        border-bottom:1px solid var(--border)
    }
     .quick-stats{
        grid-template-columns:repeat(2,1fr)
    }
     .f-row-2{
        grid-template-columns:1fr
    }
     .footer-grid{
        grid-template-columns:1fr
    }
     .amenity-grid{
        grid-template-columns:repeat(2,1fr)
    }
     .dev-stats-row{
        grid-template-columns:repeat(2,1fr)
    }
     .hero-cta-btns{
        flex-wrap:wrap
    }
}

.hero h1 strong,
.section-title span{
  color:#0000FF !important;
}


/* FORCE REMOVE ALL GREEN TEXT */
.hero h1 strong,
.section-title span,
.logo-main span,
.stat-num span,
.breadcrumb a,
.hero-tag,
.rera-pill {
  color:#0000FF !important;
}

/* Fix any green backgrounds */
.hero-tag,
.badge-new,
.prop-btn,
.btn-primary {
  background:#0000FF !important;
}

/* FIX GREEN TEXT IN LEAD SECTION */
.lead-left h2 strong,
.lead-left h2 span{
  color:#0000FF !important;
}

.lead-left h2 strong {
    font-weight: 800;
    color: var(--primary);
}

/* FIX FOOTER HOVER COLOR */
.footer-col ul li a:hover{
  color:var(--primary) !important;
}

/* FORCE REMOVE GREEN FROM FOOTER */
#site-footer a:hover,
.footer-col ul li a:hover,
.footer-bottom a:hover{
  color:#0000FF !important;
}


#site-footer .social-btn:hover{
  background:#0000FF !important;
  border-color:#0000FF !important;
  color:#fff !important;
}