:root{

--green:#0d3d2a;
--light:#eef8ef;
--accent:#79b63e;

}

body{

font-family:'Poppins',sans-serif;
background:#fafcf8;

}

/* TOP BAR */

@media (max-width:991px){

.topbar{
    padding:10px 0;
}

.topbar .container{
    flex-direction:column;
    align-items:flex-start;
    gap:8px;
}

.topbar .left,
.topbar .right{
    width:100%;
    display:flex;
    align-items:flex-start;
    gap:8px;
    line-height:1.5;
    font-size:14px;
}

.topbar span{
    display:none;
}

}

.topbar{

background:linear-gradient(
    180deg,
    #9BBD6E 0%,
    #89B54E 45%,
    #547631 100%
);
color:#fff;
padding:12px 0;
font-size:15px;

}

.topbar .container{

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

}

.topbar span{

margin:0 15px;

}

/* NAVBAR */
@media(max-width:991px){

.navbar{
    padding:12px 0;
}

.navbar-brand img{
    height:55px;
}

.navbar-nav{
    padding-top:15px;
}

.navbar-nav .nav-link{
    margin-left:0;
    padding:12px 0;
}

.btn-rera{
    width:100%;
    margin-top:15px;
}

}

.navbar{

background:#0d3d2a;
padding:18px 0;
box-shadow:0 4px 15px rgba(0,0,0,.05);
position:sticky;
top:0;
z-index:999;
color:#fff;

}

.navbar-brand img{

height:70px;

}

.navbar-nav .nav-link {

font-size:17px;
font-weight:600;
color:#fff;
margin-left:25px;

}

.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #fff;
}

.navbar-nav .nav-link:hover{

color:#fff;

}

.btn-rera{

border:2px solid var(--green);
padding:10px 28px;
border-radius:30px;
font-weight:700;

}

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

.hero{

    padding:70px 0 90px;

}

.bank-logos{

    display:flex;

    align-items:center;

    gap:18px;

    height:54px;

    margin-bottom:10px;

}

.bank-logos img{

    height:46px;

    width:auto;

    object-fit:contain;

    display:block;

}

.hero .row{

    min-height:720px;

}

/* LEFT */

.hero-left{

    height:100%;

    display:flex;

    flex-direction:column;

    justify-content:center;

}

.hero-badge{

    display:inline-block;

    background:#e6f5e6;

    color:#0f3b28;

    padding:10px 24px;

    border-radius:40px;

    font-weight:600;

    margin-bottom:25px;

}

.hero h1{

    margin:0;

    line-height:0.9;

    font-size:88px;

    font-weight:800;

}

.hero h1 span{

    color:#123a27;

}

.hero h1 .green{

    color:#2f8b3a;

}

.hero h2{

    font-size:62px;

    line-height:1.05;

    font-weight:800;

    margin:25px 0;

    color:#123a27;

}

.hero p{

    font-size:20px;

    line-height:1.8;

    color:#5a6560;

    max-width:500px;

}

/* BUTTONS */

.hero-buttons{
    margin:40px 0;
}

.hero-buttons .btn-group{
    display:flex;
    width:100%;
}

.hero-buttons .btn{
    flex:1;
    padding:14px 18px;
    font-weight:600;
}

@media (max-width:768px){

    .hero-buttons .btn-group{
        flex-direction:column;
    }

    .hero-buttons .btn{
        width:100%;
    }

}

.hero-buttons .btn{

    padding:14px 34px;

    border-radius:40px;

    font-weight:600;

}

/* STATS */

.hero-stats{

    display:flex;

    gap:55px;

    margin-top:20px;

}

.hero-stats h3{

    margin:0;

    font-size:36px;

    color:#123a27;

    font-weight:700;

}

.hero-stats span{

    color:#666;

}

/* =====================================
            IMAGE
======================================*/
.hero-image{

    width:100%;

    min-height:720px;

    border-radius:40px;

    overflow:hidden;

    background:#fff;

    display:flex;

    align-items:center;

    justify-content:center;

    box-shadow:0 20px 60px rgba(0,0,0,.18);

}

.hero-poster{

    width:100%;

    height:100%;

    object-fit:contain;

    display:block;

}

/* DARK OVERLAY */

.hero-overlay{

    position:absolute;

    inset:0;

    /*background:linear-gradient(*/
    /*    rgba(0,0,0,.10),*/
    /*    rgba(0,0,0,.65)*/
    /*);*/

    display:flex;

    align-items:flex-end;

}

/* GLASS CARD */

.hero-box{
    display:none;

    width:100%;

    margin:35px;

    padding:35px;

    border-radius:25px;

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

    backdrop-filter:blur(10px);

    color:#fff;

}

.hero-box span{

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:13px;

}

.hero-box h2{

    margin:10px 0;

    font-size:42px;

    color:#fff;

}

.hero-box p{

    color:#fff;

    font-size:18px;

    margin-bottom:25px;

}

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

@media(max-width:991px){

.hero{

padding:50px 0;

}

.hero h1{

font-size:58px;

}

.hero h2{

font-size:42px;

}

.hero-image{

min-height:500px;

margin-top:40px;

}

.hero-buttons{

flex-direction:column;

}

.hero-stats{

justify-content:space-between;

gap:20px;

}

}


/*==================================================
            FEATURES
==================================================*/

.features-section{

padding:100px 0;

background:#f8fcf7;

}

.section-heading{

text-align:center;

margin-bottom:70px;

}

.section-heading span{

display:inline-block;

padding:8px 22px;

border-radius:30px;

background:#dff4df;

color:#2b7b3c;

font-weight:600;

margin-bottom:20px;

}

.section-heading h2{

font-size:52px;

font-weight:800;

color:#123522;

}

.section-heading p{

font-size:18px;

max-width:700px;

margin:auto;

color:#666;

}

.feature-card{

background:#fff;

border-radius:25px;

padding:40px 30px;

text-align:center;

height:100%;

transition:.35s;

border:1px solid #e6efe6;

box-shadow:0 10px 35px rgba(0,0,0,.05);

}

.feature-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 60px rgba(0,0,0,.12);

}

.feature-icon{

width:90px;

height:90px;

margin:auto;

margin-bottom:25px;

background:#e8f7e6;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

}

.feature-icon i{

font-size:38px;

color:#2d7d39;

}

.feature-card h4{

font-size:24px;

font-weight:700;

margin-bottom:15px;

color:#123522;

}

.feature-card p{

font-size:17px;

color:#666;

line-height:1.7;

}

/*==========================
        WHY US
===========================*/

.why-us{

padding:120px 0;

background:#fbfcfa;

}

.section-badge{

display:inline-block;

padding:10px 22px;

background:#e5f5e4;

border-radius:40px;

font-weight:600;

color:#2f8b3a;

margin-bottom:20px;

}

.why-us h2{

font-size:60px;

font-weight:800;

line-height:1.1;

margin-bottom:25px;

color:#123522;

}

.why-us h2 span{

color:#2f8b3a;

}

.why-us p{

font-size:20px;

line-height:1.8;

color:#666;

margin-bottom:35px;

}

.why-card{

background:#fff;

padding:50px;

border-radius:35px;

box-shadow:0 20px 60px rgba(0,0,0,.07);

}

.why-item{

display:flex;

align-items:flex-start;

gap:20px;

padding:25px 0;

border-bottom:1px solid #edf2ed;

}

.why-item:last-child{

border-bottom:none;

}

.why-item i{

width:65px;

height:65px;

background:#e9f7e8;

border-radius:18px;

display:flex;

align-items:center;

justify-content:center;

font-size:26px;

color:#2f8b3a;

}

.why-item h4{

font-size:24px;

font-weight:700;

margin-bottom:5px;

color:#123522;

}

.why-item p{

font-size:17px;

margin:0;

}

/*==========================
      SPECIFICATIONS
===========================*/

.spec-section{

margin-top:120px;

}

.spec-section h2{

font-size:58px;

font-weight:800;

margin-bottom:10px;

color:#123522;

}

.spec-item{

padding:25px 0;

border-top:3px solid #2f8b3a;

}

.spec-item strong{

display:block;

font-size:22px;

margin-bottom:10px;

color:#123522;

}

.spec-item span{

font-size:18px;

color:#666;

}

/*==================================================
                RERA
==================================================*/

.rera-section{

padding:80px 0 40px;

}

.rera-card{

background:#0f3b28;

color:#fff;

padding:50px;

border-radius:35px;

}

.rera-tag{

display:inline-block;

padding:10px 22px;

border-radius:30px;

background:#ffd83d;

color:#222;

font-weight:700;

margin-bottom:25px;

}

.rera-card h3{

font-size:34px;

margin-bottom:15px;

}

.rera-card p{

font-size:18px;

opacity:.9;

}

.rera-number{

display:inline-flex;

align-items:center;

gap:15px;

padding:18px 30px;

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

border-radius:50px;

font-size:24px;

font-weight:700;

}



/*==================================================
            CONTACT STRIP
==================================================*/

.contact-section{

padding:120px 0;

background:#f9fcf8;

}

.contact-section h2{

font-size:58px;

font-weight:800;

line-height:1.1;

margin:25px 0;

color:#123522;

}

.contact-section h2 span{

color:#2f8b3a;

}

.contact-section p{

font-size:18px;

line-height:1.8;

color:#666;

}

.contact-info{

margin-top:40px;

}

.contact-item{

display:flex;

align-items:flex-start;

gap:20px;

margin-bottom:30px;

}

.contact-item i{

width:65px;

height:65px;

background:#e7f5e5;

border-radius:18px;

display:flex;

justify-content:center;

align-items:center;

font-size:24px;

color:#2f8b3a;

}

.contact-item h5{

font-size:22px;

font-weight:700;

margin-bottom:5px;

color:#123522;

}

.contact-item p{

margin:0;

font-size:17px;

}

.contact-form{

background:#fff;

padding:50px;

border-radius:30px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.contact-form h3{

font-size:36px;

font-weight:700;

margin-bottom:30px;

color:#123522;

}

.contact-form .form-control{

height:55px;

border-radius:12px;

}

.contact-form textarea{

height:auto!important;

}

.contact-form button{

padding:14px 40px;

border-radius:40px;

}



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

.footer{

padding:45px 0;

border-top:1px solid #d8e7d6;

}

.footer-logo{

height:70px;

margin-bottom:20px;

}

.footer p{

font-size:18px;

margin:0;

color:#444;

}

.footer a{

margin-left:20px;

font-size:28px;

color:#0f3b28;

transition:.3s;

}

.footer a:hover{

color:#45a049;

transform:translateY(-3px);

}

.experience-banner{

padding:80px 0;

}

.experience-banner img{

width:100%;

border-radius:30px;

display:block;

}