*{
margin:0;
padding:0;
box-sizing:border-box;
}


body{
font-family:'Poppins',sans-serif;
background:#f7faf7;
color:#1f2933;
}



/* TOPBAR */

.topbar{

background:#1b5e20;
color:white;
overflow:hidden;
padding:8px 0;

}


.marquee{

white-space:nowrap;
overflow:hidden;

}


.marquee-content{

display:inline-block;
padding-left:100%;
animation:scrollText 18s linear infinite;

}


@keyframes scrollText{

0%{transform:translateX(0)}

100%{transform:translateX(-100%)}

}



/* HEADER */

header{

display:flex;
justify-content:space-between;
align-items:center;
padding:20px 70px;
background:white;
box-shadow:0 4px 18px rgba(0,0,0,0.05);

}


.logo img{

height:55px;

}



nav ul{

display:flex;
gap:40px;
list-style:none;

}


nav a{

text-decoration:none;
color:#1f2933;
font-weight:500;
transition:.3s;

}


nav a:hover{

color:#2e7d32;

}

/* DROPDOWN MENU */

.dropdown{

position:relative;

}


.dropdown-menu{

position:absolute;
top:40px;
left:0;
background:white;
list-style:none;
padding:10px 0;
min-width:180px;
box-shadow:0 8px 20px rgba(0,0,0,0.08);
border-radius:6px;

display:none;

}


.dropdown-menu li{

padding:8px 20px;

}


.dropdown-menu li a{

color:#1f2933;
text-decoration:none;
font-weight:500;
display:block;

}


.dropdown-menu li:hover{

background:#f1f8f4;

}


.dropdown:hover .dropdown-menu{

display:block;

}



/* MOBILE DROPDOWN FIX */

@media(max-width:900px){

.dropdown-menu{

position:static;
box-shadow:none;
display:none;

}


.dropdown.active .dropdown-menu{

display:block;

}

}


/* DROPDOWN FIXED */

.dropdown {
position: relative;
}

/* dropdown box */

.dropdown-menu {

position: absolute;
top: 100%;   /* IMPORTANT FIX */
left: 0;

background: white;
min-width: 200px;

border-radius: 8px;
box-shadow: 0 8px 25px rgba(0,0,0,0.08);

list-style: none;
padding: 10px 0;

display: none;

z-index: 99999;
}

/* show dropdown */

.dropdown:hover .dropdown-menu {
display: block;
}

/* dropdown links */

.dropdown-menu li a {

display: block;
padding: 10px 20px;

text-decoration: none;
color: #1f2933;
font-weight: 500;
}

/* hover effect */

.dropdown-menu li a:hover {

background: #e8f5e9;
color: #2e7d32;
}

/* ENQUIRE BUTTON */

.enquire-btn{

background:#2e7d32;
color:white;
padding:12px 32px;
border-radius:6px;
font-weight:600;
transition:.3s;

}


.enquire-btn:hover{

background:#1b5e20;
transform:translateY(-2px);

}



/* HERO */

.hero-carousel{

position:relative;
height:90vh;
overflow:hidden;

}


.slide{

position:absolute;
width:100%;
height:100%;
background-size:cover;
background-position:center;

display:flex;
align-items:center;
padding-left:120px;

}


.slide::before{

content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:linear-gradient(
to right,
rgba(0,0,0,.6),
rgba(0,0,0,.2)
);

}


.slide.active{

opacity:1;

}


.slide-content{

position:relative;
z-index:2;
color:white;
max-width:600px;

}


.slide h1{

font-family:'Playfair Display',serif;
font-size:64px;
line-height:1.2;

}


.slide p{

font-size:20px;
margin:15px 0 30px;

}



/* BUTTON */

.banner-btn{

background:#c8a951;
color:white;
padding:14px 34px;
border-radius:5px;
text-decoration:none;
font-weight:600;
transition:.3s;

}


.banner-btn:hover{

background:#a8893f;

}



/* ARROWS */

.prev,
.next{

position:absolute;
top:50%;
transform:translateY(-50%);
font-size:28px;
background:rgba(0,0,0,.4);
color:white;
border:none;
padding:12px;
cursor:pointer;
border-radius:50%;

}


.prev{left:25px;}
.next{right:25px;}



/* DOTS */

.dots{

position:absolute;
bottom:25px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:10px;

}


.dot{

width:12px;
height:12px;
background:white;
opacity:.4;
border-radius:50%;
cursor:pointer;

}


.dot.active{

opacity:1;
background:#2e7d32;

}



/* MOBILE */

.menu-toggle{

display:none;
font-size:24px;

}


@media(max-width:900px){

header{

padding:20px;

}


nav{

position:absolute;
top:80px;
right:0;
background:white;
width:220px;
display:none;

}


nav ul{

flex-direction:column;
padding:20px;

}


nav.show{

display:block;

}


.menu-toggle{

display:block;

}


.enquire-btn{

display:none;

}


.slide{

padding:40px;

}


.slide h1{

font-size:36px;

}


.slide p{

font-size:16px;

}

}








/* ABOUT SECTION */

.about-section{

padding:90px 8%;
background:#f7faf7;

}


.about-container{

display:flex;
align-items:center;
gap:60px;
flex-wrap:wrap;

}


.about-left{

flex:1;

}


.about-left img{

width:100%;
border-radius:14px;
box-shadow:0 10px 35px rgba(0,0,0,0.08);

}


.about-right{

flex:1;

}


.section-line{

width:50px;
height:4px;
background:#2e7d32;
margin-bottom:20px;

}


.about-right h2{

font-family:'Playfair Display',serif;
font-size:42px;
margin-bottom:20px;

}


.about-right p{

font-size:17px;
line-height:1.7;
color:#555;
margin-bottom:25px;

}


/* BUTTON */

.know-btn{

background:#c8a951;
color:white;
padding:14px 30px;
border-radius:6px;
text-decoration:none;
font-weight:600;
transition:.3s;

}


.know-btn:hover{

background:#a8893f;

}



/* STATS SECTION */

.stats-section{

margin-top:80px;
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;
text-align:center;

}


.stat-box{

padding:30px;
background:white;
border-radius:12px;
box-shadow:0 6px 25px rgba(0,0,0,0.05);
transition:.3s;

}


.stat-box:hover{

transform:translateY(-6px);

}


.stat-box i{

font-size:32px;
color:#2e7d32;
margin-bottom:12px;

}


.stat-box h3{

font-family:'Playfair Display',serif;
font-size:40px;
margin-bottom:8px;

}


.stat-box p{

font-size:16px;
color:#777;

}



/* MOBILE RESPONSIVE */

@media(max-width:900px){

.about-container{

flex-direction:column;

}


.stats-section{

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

}

}


@media(max-width:500px){

.stats-section{

grid-template-columns:1fr;

}

}







/* WHAT WE DO SECTION */

.whatwedo-section{

padding:100px 8%;
background:#f7faf7;

}


.whatwedo-container{

display:flex;
gap:70px;
align-items:flex-start;
flex-wrap:wrap;

}



/* LEFT SIDE */

.whatwedo-left{

flex:1;

}


.badge{

display:inline-block;
background:#e8f5e9;
color:#2e7d32;
padding:8px 18px;
border-radius:30px;
font-size:14px;
margin-bottom:20px;
font-weight:600;

}


.whatwedo-left h2{

font-family:'Playfair Display',serif;
font-size:46px;
margin-bottom:25px;
color:#1f2933;

}


.whatwedo-left p{

font-size:17px;
line-height:1.8;
color:#555;
margin-bottom:18px;

}



/* RIGHT SIDE */

.whatwedo-right{

flex:1;
display:flex;
flex-direction:column;
gap:25px;

}



/* FEATURE CARD */

.feature-card{

display:flex;
gap:18px;
align-items:flex-start;
background:white;
padding:25px;
border-radius:14px;
box-shadow:0 8px 28px rgba(0,0,0,0.05);
border-left:5px solid #2e7d32;
transition:.3s;

}


.feature-card:hover{

transform:translateY(-6px);

}



/* ICON */

.icon-circle{

width:55px;
height:55px;
border-radius:50%;
background:#e8f5e9;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
color:#2e7d32;

}



/* TEXT */

.feature-card h4{

font-size:20px;
margin-bottom:6px;

}


.feature-card p{

font-size:15px;
color:#666;

}



/* RESPONSIVE */

@media(max-width:900px){

.whatwedo-container{

flex-direction:column;

}


.whatwedo-left h2{

font-size:34px;

}

}







/* LOCATIONS SECTION */

.locations-section{

padding:90px 8%;
background:#f7faf7;

}


.locations-header{

display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:30px;

}


.locations-header h2{

font-family:'Playfair Display',serif;
font-size:40px;
color:#1f2933;
position:relative;

}


.locations-header h2::after{

content:"";
width:60px;
height:4px;
background:#2e7d32;
position:absolute;
bottom:-8px;
left:0;

}



/* ARROWS */

.location-arrows button{

background:white;
border:none;
width:45px;
height:45px;
border-radius:50%;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
cursor:pointer;
margin-left:10px;
transition:.3s;

}


.location-arrows button:hover{

background:#2e7d32;
color:white;

}



/* SLIDER */

.locations-wrapper{

display:flex;
gap:25px;
overflow-x:auto;
scroll-behavior:smooth;
padding-bottom:10px;

}


/* HIDE SCROLLBAR */

.locations-wrapper::-webkit-scrollbar{

display:none;

}



/* CARD */

.location-card{

min-width:280px;
background:white;
border-radius:14px;
overflow:hidden;
box-shadow:0 8px 28px rgba(0,0,0,0.05);
transition:.3s;

}


.location-card:hover{

transform:translateY(-8px);

}


.location-card img{

width:100%;
height:190px;
object-fit:cover;

}


.location-name{

padding:18px;
font-weight:600;
font-size:18px;
color:#1f2933;

}





/* BLOG SECTION */

.blogs-section{

padding:90px 8%;
background:#ffffff;

}


.blogs-header{

display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:35px;

}


.blogs-header h2{

font-family:'Playfair Display',serif;
font-size:40px;
position:relative;

}


.blogs-header h2::after{

content:"";
width:60px;
height:4px;
background:#2e7d32;
position:absolute;
bottom:-8px;
left:0;

}


.see-more{

color:#2e7d32;
font-weight:600;
text-decoration:none;
transition:.3s;

}


.see-more:hover{

letter-spacing:.5px;

}



/* BLOG SLIDER */

.blogs-wrapper{

display:flex;
gap:25px;
overflow-x:auto;
scroll-behavior:smooth;
padding-bottom:10px;

}


.blogs-wrapper::-webkit-scrollbar{

display:none;

}



/* BLOG CARD */

.blog-card{

min-width:300px;
background:white;
border-radius:14px;
overflow:hidden;
box-shadow:0 8px 28px rgba(0,0,0,0.05);
transition:.3s;

}


.blog-card:hover{

transform:translateY(-8px);

}


.blog-card img{

width:100%;
height:200px;
object-fit:cover;

}


.blog-content{

padding:20px;

}


.blog-content h4{

font-size:18px;
margin-bottom:10px;

}


.blog-content p{

font-size:14px;
color:#666;

}



/* ARROWS */

.blog-arrows{

display:flex;
justify-content:center;
gap:15px;
margin-top:30px;

}


.blog-arrows button{

width:45px;
height:45px;
border:none;
border-radius:50%;
background:white;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
cursor:pointer;
transition:.3s;

}


.blog-arrows button:hover{

background:#2e7d32;
color:white;

}



/* RESPONSIVE */

@media(max-width:900px){

.blogs-header{

flex-direction:column;
align-items:flex-start;
gap:10px;

}


.blog-card{

min-width:260px;

}

}


@media(max-width:500px){

.blog-card{

min-width:100%;

}

}







/* FOOTER */

.footer{

background:#1b5e20;
color:white;
margin-top:80px;

}



/* HELP STRIP */

.footer-help{

background:white;
color:#1f2933;
margin:0 auto;
width:85%;
padding:30px;
display:flex;
justify-content:space-between;
align-items:center;
border-radius:12px;
transform:translateY(-40px);
box-shadow:0 10px 30px rgba(0,0,0,0.08);

}


.footer-help h3{

font-size:28px;

}


.help-contacts{

display:flex;
gap:40px;

}


.help-box{

display:flex;
gap:12px;
align-items:center;

}


.help-box i{

font-size:20px;
color:#2e7d32;

}


.help-box span{

font-size:13px;
color:#777;

}


.help-box p{

font-weight:600;

}



/* MAIN FOOTER */

.footer-main{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:50px;
padding:80px 8% 40px;

}


.footer-logo{

height:55px;
margin-bottom:20px;

}


.footer-col p{

font-size:14px;
line-height:1.7;
color:#d7e6da;

}


.footer-col h4{

margin-bottom:18px;
font-size:18px;

}


.footer-col ul{

list-style:none;

}


.footer-col ul li{

margin-bottom:10px;

}


.footer-col ul li a{

color:#d7e6da;
text-decoration:none;
transition:.3s;

}


.footer-col ul li a:hover{

color:#ffffff;

}



/* SOCIAL ICONS */

.social-icons{

margin-top:20px;
display:flex;
gap:15px;

}


.social-icons a{

width:38px;
height:38px;
display:flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,.3);
border-radius:6px;
color:white;
transition:.3s;

}


.social-icons a:hover{

background:#2e7d32;

}



/* AWARDS */

.awards{

display:flex;
gap:20px;

}


.awards div{

text-align:center;
font-size:14px;

}



/* COPYRIGHT */

.footer-bottom{

text-align:center;
padding:20px;
border-top:1px solid rgba(255,255,255,.15);
font-size:14px;
color:#cde3d1;

}



/* RESPONSIVE */

@media(max-width:1000px){

.footer-main{

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

}


.footer-help{

flex-direction:column;
gap:20px;
text-align:center;

}


.help-contacts{

flex-direction:column;

}

}


@media(max-width:600px){

.footer-main{

grid-template-columns:1fr;

}

}





/* AWARDS SECTION */

.awards-section{

padding:110px 8%;
background:#f7faf7;
text-align:center;

}


.awards-header h2{

font-family:'Playfair Display',serif;
font-size:46px;
color:#1f2933;
margin-bottom:10px;
position:relative;

}


.awards-header h2::after{

content:"";
width:70px;
height:4px;
background:#2e7d32;
display:block;
margin:14px auto 0;

}


.awards-header p{

color:#6b7280;
margin-bottom:60px;
font-size:16px;

}



/* GRID */

.awards-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:35px;

}



/* CARD */

.award-card{

background:white;
padding:45px 30px;
border-radius:18px;
box-shadow:0 10px 35px rgba(0,0,0,0.05);
transition:.35s ease;

}


.award-card:hover{

transform:translateY(-10px);
box-shadow:0 18px 50px rgba(0,0,0,0.08);

}



/* ICON */

.award-icon{

width:75px;
height:75px;
margin:auto;
margin-bottom:20px;
border-radius:50%;
background:#e8f5e9;
display:flex;
align-items:center;
justify-content:center;
font-size:30px;
color:#2e7d32;

}



/* TITLE */

.award-card h4{

font-size:20px;
margin-bottom:8px;
color:#1f2933;

}


.award-card span{

font-size:14px;
color:#6b7280;

}



/* RESPONSIVE */

@media(max-width:1000px){

.awards-grid{

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

}

}


@media(max-width:600px){

.awards-grid{

grid-template-columns:1fr;

}

.awards-header h2{

font-size:32px;

}

}






/* MODAL BACKGROUND */

.modal{

display:none;
position:fixed;
z-index:9999;
left:0;
top:0;
width:100%;
height:100%;
background:rgba(0,0,0,.6);

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

}



/* MODAL BOX */

.modal-content{

background:white;
padding:40px;
border-radius:14px;
width:90%;
max-width:420px;
text-align:center;
animation:popupFade .4s ease;

}


@keyframes popupFade{

from{
transform:translateY(40px);
opacity:0;
}

to{
transform:translateY(0);
opacity:1;
}

}


.modal-content h2{

font-family:'Playfair Display',serif;
margin-bottom:10px;
color:#2e7d32;

}


.modal-content p{

margin-bottom:20px;
color:#666;

}



/* FORM */

.modal-content input,
.modal-content select{

width:100%;
padding:12px;
margin-bottom:14px;
border:1px solid #ddd;
border-radius:6px;
font-size:14px;

}


.modal-content button{

background:#2e7d32;
color:white;
border:none;
padding:14px;
width:100%;
border-radius:6px;
font-weight:600;
cursor:pointer;
transition:.3s;

}


.modal-content button:hover{

background:#1b5e20;

}



/* CLOSE BUTTON */

.close-btn{

position:absolute;
right:20px;
top:15px;
font-size:28px;
cursor:pointer;

}



/* FLOATING BUTTONS */

.floating-icons{

position:fixed;
right:25px;
bottom:25px;
display:flex;
flex-direction:column;
gap:12px;
z-index:999;

}


.call-btn,
.whatsapp-btn,
.enquiry-btn-float{

width:52px;
height:52px;
border:none;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
font-size:22px;
cursor:pointer;
text-decoration:none;
color:white;

box-shadow:0 6px 18px rgba(0,0,0,.2);
transition:.3s;

}


/* COLORS */

.call-btn{

background:#2e7d32;

}


.whatsapp-btn{

background:#25D366;

}


.enquiry-btn-float{

background:#c8a951;

}


.call-btn:hover,
.whatsapp-btn:hover,
.enquiry-btn-float:hover{

transform:scale(1.1);

}




























































/* ===============================
TOP HIGHLIGHTED PROJECTS SECTION
=============================== */

.highlight-section{

padding:90px 8%;
background:#f7faf7;

}

.highlight-header{

display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:35px;

}

.highlight-header h2{

font-family:'Playfair Display',serif;
font-size:40px;
position:relative;
color:#1f2933;

}

.highlight-header h2::after{

content:"";
width:60px;
height:4px;
background:#2e7d32;
position:absolute;
bottom:-8px;
left:0;

}

.see-more-properties{

color:#2e7d32;
font-weight:600;
text-decoration:none;
transition:.3s;

}

.see-more-properties:hover{

letter-spacing:.5px;

}


/* ===============================
SLIDER STRUCTURE
=============================== */

.highlight-slider{

position:relative;
width:100%;

}

.highlight-track{

display:flex;
gap:25px;

overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;

}

.highlight-track::-webkit-scrollbar{

display:none;

}


/* ===============================
CARD DESIGN
=============================== */

.highlight-card{

position:relative;

flex:0 0 calc(25% - 19px);

border-radius:14px;
overflow:hidden;

box-shadow:0 8px 28px rgba(0,0,0,0.05);

transition:.35s ease;

background:white;

}

.highlight-card:hover{

transform:translateY(-6px);

}

.highlight-card img{

width:100%;
height:260px;
object-fit:cover;

}


/* ===============================
CARD OVERLAY
=============================== */

.highlight-overlay{

position:absolute;

bottom:0;
left:0;

width:100%;
padding:18px;

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

color:white;

background:linear-gradient(
to top,
rgba(0,0,0,.7),
rgba(0,0,0,.1)
);

}

.highlight-overlay h3{

font-size:22px;
margin-bottom:4px;

}

.highlight-overlay p{

font-size:14px;
opacity:.9;

}

.highlight-overlay span{

font-weight:600;
font-size:18px;

}


/* ===============================
ARROW BUTTONS
=============================== */

.highlight-arrow{

position:absolute;
top:50%;
transform:translateY(-50%);

width:48px;
height:48px;

border:none;
border-radius:50%;

background:white;

box-shadow:0 6px 18px rgba(0,0,0,0.08);

cursor:pointer;
z-index:5;

transition:.3s;

}

.highlight-arrow:hover{

background:#2e7d32;
color:white;

}

.highlight-arrow.left{

left:-20px;

}

.highlight-arrow.right{

right:-20px;

}


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

@media(max-width:1024px){

.highlight-card{

flex:0 0 calc(50% - 13px);

}

}


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

@media(max-width:600px){

.highlight-header{

flex-direction:column;
align-items:flex-start;
gap:10px;

}

.highlight-card{

flex:0 0 100%;

}

.highlight-arrow{

display:none;

}

}


/* ===============================
WHY INVEST SECTION
=============================== */

.invest-section{

padding:90px 8%;
background:#f7faf7;
text-align:center;

}

.invest-header h2{

font-family:'Playfair Display',serif;
font-size:42px;
color:#1f2933;
position:relative;
display:inline-block;

}

.invest-header h2::after{

content:"";
width:70px;
height:4px;
background:#2e7d32;
display:block;
margin:12px auto 0;

}


/* GRID */

.invest-grid{

margin-top:50px;

display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;

}


/* CARD */

.invest-card{

background:white;
border-radius:14px;
overflow:hidden;

box-shadow:0 8px 28px rgba(0,0,0,0.05);

transition:.35s ease;

}

.invest-card:hover{

transform:translateY(-8px);

}


/* IMAGE */

.invest-card img{

width:100%;
height:180px;
object-fit:cover;

}


/* CONTENT */

.invest-content{

padding:22px;

}

.invest-content h4{

font-size:18px;
margin-bottom:10px;
color:#1f2933;

}

.invest-content p{

font-size:15px;
color:#666;
line-height:1.6;

}


/* TABLET */

@media(max-width:1024px){

.invest-grid{

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

}

}


/* MOBILE */

@media(max-width:600px){

.invest-grid{

grid-template-columns:1fr;

}

.invest-header h2{

font-size:30px;

}

}





/* ===============================
TOP LOCATIONS SECTION
=============================== */

.top-locations-section{

padding:90px 8%;
background:#f7faf7;

}


.locations-header{

margin-bottom:30px;

}

.locations-header h2{

font-family:'Playfair Display',serif;
font-size:40px;
position:relative;
color:#1f2933;

}

.locations-header h2::after{

content:"";
width:60px;
height:4px;
background:#2e7d32;
position:absolute;
bottom:-8px;
left:0;

}


/* ===============================
SLIDER STRUCTURE
=============================== */

.locations-slider{

position:relative;

}

.locations-track{

display:flex;
gap:25px;

overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;

}

.locations-track::-webkit-scrollbar{

display:none;

}


/* ===============================
CARD STYLE
=============================== */

.location-card{

flex:0 0 calc(25% - 19px);

background:white;

border-radius:14px;
overflow:hidden;

box-shadow:0 8px 28px rgba(0,0,0,0.05);

transition:.3s;

cursor:pointer;

}

.location-card:hover{

transform:translateY(-6px);

}


.location-card img{

width:100%;
height:190px;
object-fit:cover;

}


.location-name{

padding:18px;

font-weight:600;
font-size:18px;

color:#1f2933;

}


/* ===============================
ARROWS
=============================== */

.location-arrow{

position:absolute;
top:50%;
transform:translateY(-50%);

width:48px;
height:48px;

border:none;
border-radius:50%;

background:white;

box-shadow:0 6px 18px rgba(0,0,0,0.08);

cursor:pointer;
z-index:5;

transition:.3s;

}

.location-arrow:hover{

background:#2e7d32;
color:white;

}

.location-arrow.left{

left:-20px;

}

.location-arrow.right{

right:-20px;

}


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

@media(max-width:1024px){

.location-card{

flex:0 0 calc(50% - 13px);

}

}


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

@media(max-width:600px){

.location-card{

flex:0 0 100%;

}

.location-arrow{

display:none;

}

.locations-header h2{

font-size:30px;

}

}




/* ===============================
DREAM PLOTS SECTION
=============================== */

.dreamplots-section{

padding:90px 8%;
background:#f7faf7;

}

.dreamplots-header{

margin-bottom:35px;

}

.dreamplots-header h2{

font-family:'Playfair Display',serif;
font-size:40px;
color:#1f2933;
position:relative;

}

.dreamplots-header h2::after{

content:"";
width:60px;
height:4px;
background:#2e7d32;
position:absolute;
bottom:-8px;
left:0;

}


/* ===============================
SLIDER STRUCTURE
=============================== */

.dreamplots-slider{

position:relative;

}

.dreamplots-track{

display:flex;
gap:25px;

overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;

}

.dreamplots-track::-webkit-scrollbar{

display:none;

}


/* ===============================
CARD DESIGN
=============================== */

.dream-card{

flex:0 0 calc(25% - 19px);

background:white;

border-radius:14px;
overflow:hidden;

box-shadow:0 8px 28px rgba(0,0,0,0.05);

transition:.3s;

}

.dream-card:hover{

transform:translateY(-6px);

}


.dream-card img{

width:100%;
height:200px;
object-fit:cover;

}


/* CONTENT */

.dream-content{

padding:20px;

}

.dream-content h4{

font-size:18px;
margin-bottom:10px;
color:#1f2933;

}

.dream-content p{

font-size:14px;
line-height:1.6;
color:#666;

}


/* ===============================
ARROWS
=============================== */

.dream-arrow{

position:absolute;
top:50%;
transform:translateY(-50%);

width:48px;
height:48px;

border:none;
border-radius:50%;

background:white;

box-shadow:0 6px 18px rgba(0,0,0,0.08);

cursor:pointer;
z-index:5;

transition:.3s;

}

.dream-arrow:hover{

background:#2e7d32;
color:white;

}

.dream-arrow.left{

left:-20px;

}

.dream-arrow.right{

right:-20px;

}


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

@media(max-width:1024px){

.dream-card{

flex:0 0 calc(50% - 13px);

}

}


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

@media(max-width:600px){

.dream-card{

flex:0 0 100%;

}

.dream-arrow{

display:none;

}

.dreamplots-header h2{

font-size:30px;

}

}



/* ===============================
INVESTMENT BENEFITS SECTION
=============================== */

.benefits-section{

padding:90px 8%;
background:#f7faf7;

}


/* CONTAINER */

.benefits-container{

max-width:1400px;
margin:auto;
text-align:center;

}


/* TITLE */

.benefits-title{

font-family:'Playfair Display',serif;
font-size:42px;
color:#1f2933;
position:relative;
display:inline-block;

}


/* GREEN UNDERLINE */

.benefits-title::after{

content:"";
width:70px;
height:4px;
background:#2e7d32;
display:block;
margin:12px auto 0;

}


/* GRID */

.benefits-grid{

margin-top:50px;

display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;

}


/* CARD */

.benefit-card{

background:white;

padding:35px 25px;

border-radius:14px;

box-shadow:0 8px 28px rgba(0,0,0,0.05);

transition:.35s ease;

}


/* HOVER EFFECT */

.benefit-card:hover{

transform:translateY(-8px);

}


/* ICON CIRCLE */

.benefit-icon{

width:70px;
height:70px;

margin:auto;
margin-bottom:18px;

border-radius:50%;

background:#e8f5e9;

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

font-size:26px;
color:#2e7d32;

}


/* TITLE TEXT */

.benefit-card h4{

font-size:18px;
margin-bottom:10px;
color:#1f2933;

}


/* DESCRIPTION */

.benefit-card p{

font-size:14px;
line-height:1.6;
color:#666;

}


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

@media(max-width:1024px){

.benefits-grid{

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

}

}


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

@media(max-width:600px){

.benefits-grid{

grid-template-columns:1fr;

}

.benefits-title{

font-size:30px;

}

}































































*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{
font-family:'Poppins',sans-serif;
color:#1f2933;
}


/* HERO */

.about-hero{
height:320px;
background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.4)),
url("about-banner.jpg") center/cover;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
color:white;
}

.about-hero h1{
font-family:'Playfair Display',serif;
font-size:52px;
}

.about-hero p{
margin-top:10px;
font-size:18px;
}



/* ABOUT SECTION */

.about-section{
padding:90px 8%;
background:#f7faf7;
}

.about-container{
display:flex;
gap:60px;
align-items:center;
flex-wrap:wrap;
}

.about-image{
flex:1;
}

.about-image img{
width:100%;
border-radius:14px;
}

.about-text{
flex:1;
}

.section-line{
width:50px;
height:4px;
background:#2e7d32;
margin-bottom:20px;
}

.about-text h2{
font-family:'Playfair Display',serif;
font-size:42px;
margin-bottom:20px;
}

.about-text p{
margin-bottom:18px;
line-height:1.7;
color:#555;
}



/* BUTTON */

.btn-primary{
background:#2e7d32;
color:white;
padding:14px 34px;
text-decoration:none;
border-radius:6px;
display:inline-block;
margin-top:10px;
}



/* MISSION */

.mission-section{
padding:80px 8%;
background:white;
}

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

.mission-card{
padding:35px;
border-radius:14px;
box-shadow:0 8px 28px rgba(0,0,0,0.05);
}



/* WHY SECTION */

.why-section{
padding:90px 8%;
background:#f7faf7;
}

.section-title{
font-family:'Playfair Display',serif;
font-size:40px;
margin-bottom:40px;
}

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

.why-card{
background:white;
padding:30px;
border-radius:14px;
box-shadow:0 8px 28px rgba(0,0,0,0.05);
transition:.3s;
}

.why-card:hover{
transform:translateY(-6px);
}



/* STATS */

.stats-section{
padding:80px 8%;
background:white;
}

.stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
text-align:center;
}

.stat-box h3{
font-family:'Playfair Display',serif;
font-size:40px;
color:#2e7d32;
}



/* DIRECTOR */

.director-section{
padding:90px 8%;
background:#f7faf7;
}

.director-container{
display:flex;
gap:60px;
align-items:center;
flex-wrap:wrap;
}

.director-image{
flex:1;
}

.director-image img{
width:100%;
border-radius:14px;
}

.director-text{
flex:1;
}

.director-text h2{
font-family:'Playfair Display',serif;
font-size:40px;
margin-bottom:20px;
}



/* CTA */

.cta-section{
padding:80px 8%;
background:#1b5e20;
color:white;
text-align:center;
}

.cta-section h2{
font-family:'Playfair Display',serif;
margin-bottom:20px;
}



/* RESPONSIVE */

@media(max-width:1024px){

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

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

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

}


@media(max-width:600px){

.about-hero h1{
font-size:34px;
}

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

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

}





.timeline-section{
padding:90px 8%;
background:#ffffff;
}

.center{
text-align:center;
}

.timeline{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:40px;
}

.timeline-item{
background:#f7faf7;
padding:30px;
border-radius:14px;
box-shadow:0 6px 25px rgba(0,0,0,0.05);
transition:.3s;
}

.timeline-item:hover{
transform:translateY(-6px);
}

.timeline-item h4{
color:#2e7d32;
font-size:22px;
margin-bottom:10px;
}



.values-section{
padding:90px 8%;
background:#f7faf7;
}

.values-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:40px;
}

.value-card{
background:white;
padding:30px;
border-radius:14px;
box-shadow:0 8px 28px rgba(0,0,0,0.05);
transition:.3s;
}

.value-card:hover{
transform:translateY(-6px);
}

.process-section{
padding:90px 8%;
background:white;
}

.process-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:40px;
text-align:center;
}

.process-card span{
display:inline-block;
width:60px;
height:60px;
line-height:60px;
border-radius:50%;
background:#e8f5e9;
color:#2e7d32;
font-weight:600;
margin-bottom:15px;
}


.faq-section{
padding:90px 8%;
background:#f7faf7;
}

.faq{
max-width:800px;
margin:auto;
margin-top:40px;
}

.faq-item{
background:white;
padding:20px;
border-radius:10px;
margin-bottom:15px;
box-shadow:0 4px 15px rgba(0,0,0,0.05);
}








/* ===============================
STATS SECTION FINAL FIX
=============================== */

.stats-section{

padding:90px 8%;
background:#f7faf7;

display:flex;
justify-content:center;

}


/* INNER GRID WRAPPER */

.stats-grid{

display:grid;

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

gap:40px;

max-width:900px;
width:100%;

}


/* STAT CARD */

.stat-box{

background:white;

padding:30px 25px;

border-radius:14px;

text-align:center;

box-shadow:0 8px 25px rgba(0,0,0,0.05);

transition:.3s;

}


.stat-box:hover{

transform:translateY(-6px);

}


/* NUMBER */

.stat-box h3{

font-family:'Playfair Display', serif;

font-size:40px;

color:#2e7d32;

margin-bottom:8px;

}


/* TEXT */

.stat-box p{

font-size:15px;

color:#666;

}


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

@media(max-width:900px){

.stats-grid{

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

}

}


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

@media(max-width:600px){

.stats-grid{

grid-template-columns:1fr;

max-width:320px;

}

}










/* ===============================
CORE VALUES SECTION
=============================== */

.core-values{

padding:100px 8%;

background:#f7faf7;

text-align:center;

}


/* TITLE */

.section-title{

font-family:'Playfair Display',serif;

font-size:42px;

margin-bottom:60px;

position:relative;

}


.section-title::after{

content:"";

width:70px;
height:4px;

background:#2e7d32;

position:absolute;

left:50%;

bottom:-12px;

transform:translateX(-50%);

}


/* GRID */

.values-grid{

display:grid;

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

gap:30px;

max-width:1200px;

margin:auto;

}


/* CARD */

.value-card{

background:white;

padding:35px 28px;

border-radius:16px;

box-shadow:0 8px 30px rgba(0,0,0,0.05);

transition:.35s ease;

position:relative;

overflow:hidden;

}


/* LEFT BORDER ANIMATION */

.value-card::before{

content:"";

position:absolute;

left:0;

top:0;

height:100%;

width:5px;

background:#2e7d32;

transform:scaleY(0);

transition:.4s ease;

}


.value-card:hover::before{

transform:scaleY(1);

}


/* HOVER EFFECT */

.value-card:hover{

transform:translateY(-8px);

box-shadow:0 18px 45px rgba(0,0,0,0.12);

}


/* ICON */

.value-icon{

width:60px;

height:60px;

margin:auto;

border-radius:50%;

background:#eaf5ea;

display:flex;

align-items:center;

justify-content:center;

font-size:24px;

color:#2e7d32;

margin-bottom:18px;

transition:.3s;

}


.value-card:hover .value-icon{

background:#2e7d32;

color:white;

}


/* TITLE */

.value-card h3{

font-size:20px;

margin-bottom:10px;

}


/* TEXT */

.value-card p{

font-size:15px;

color:#666;

line-height:1.6;

}


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

@media(max-width:1000px){

.values-grid{

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

}

}


@media(max-width:600px){

.values-grid{

grid-template-columns:1fr;

}

.section-title{

font-size:32px;

}

}








/* ===============================
INVESTMENT PROCESS SECTION
=============================== */

.process-section{

padding:100px 8%;

background:#f7faf7;

text-align:center;

}


/* TITLE */

.section-title{

font-family:'Playfair Display', serif;

font-size:42px;

margin-bottom:70px;

position:relative;

}

.section-title::after{

content:"";

width:70px;
height:4px;

background:#2e7d32;

position:absolute;

bottom:-12px;
left:50%;

transform:translateX(-50%);

}


/* WRAPPER */

.process-wrapper{

display:flex;

justify-content:space-between;

align-items:flex-start;

position:relative;

max-width:1200px;

margin:auto;

}


/* CONNECTING LINE */

.process-wrapper::before{

content:"";

position:absolute;

top:35px;

left:10%;

width:80%;

height:3px;

background:#dfe8df;

z-index:0;

}


/* STEP */

.process-step{

width:23%;

position:relative;

z-index:2;

}


.process-step h3{

margin-top:18px;

font-size:20px;

}


.process-step p{

margin-top:8px;

font-size:15px;

color:#666;

line-height:1.6;

}


/* CIRCLE */

.step-circle{

width:70px;

height:70px;

margin:auto;

border-radius:50%;

background:#eaf5ea;

color:#2e7d32;

font-size:22px;

font-weight:600;

display:flex;

align-items:center;

justify-content:center;

transition:.3s;

}


/* HOVER */

.process-step:hover .step-circle{

background:#2e7d32;

color:white;

transform:scale(1.08);

}


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

@media(max-width:900px){

.process-wrapper{

flex-wrap:wrap;

gap:40px;

}

.process-wrapper::before{

display:none;

}

.process-step{

width:45%;

}

}


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

@media(max-width:600px){

.process-wrapper{

flex-direction:column;

align-items:center;

}

.process-step{

width:100%;

max-width:320px;

}

.section-title{

font-size:30px;

}

}



/* ===============================
DIRECTOR MESSAGE SECTION
=============================== */

.director-section{

padding:100px 8%;

background:#f7faf7;

}


/* CONTAINER */

.director-container{

max-width:1200px;

margin:auto;

display:flex;

align-items:center;

gap:60px;

}


/* IMAGE */

.director-image{

flex:1;

position:relative;

}


.director-image img{

width:100%;

border-radius:18px;

box-shadow:0 20px 50px rgba(0,0,0,0.08);

}


/* CONTENT */

.director-content{

flex:1;

background:white;

padding:50px 45px;

border-radius:18px;

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

position:relative;

}


/* LEFT ACCENT BORDER */

.director-content::before{

content:"";

position:absolute;

left:0;

top:0;

height:100%;

width:6px;

background:#2e7d32;

border-radius:6px 0 0 6px;

}


/* TITLE */

.director-content h2{

font-family:'Playfair Display', serif;

font-size:40px;

margin-bottom:25px;

}


/* TEXT */

.director-content p{

font-size:16px;

line-height:1.8;

color:#555;

margin-bottom:20px;

}


/* SIGNATURE */

.director-content h4{

font-size:18px;

color:#2e7d32;

margin-top:20px;

font-weight:600;

}


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

@media(max-width:900px){

.director-container{

flex-direction:column;

}

}


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

@media(max-width:600px){

.director-content{

padding:35px 25px;

}

.director-content h2{

font-size:30px;

}

}


















































/* LEGAL INTRO */

.legal-intro{
padding:80px 8%;
background:#f7faf7;
text-align:center;
}

.legal-intro h2{
font-family:'Playfair Display',serif;
font-size:40px;
margin-bottom:20px;
}

.legal-intro p{
max-width:800px;
margin:auto;
line-height:1.7;
color:#555;
}



/* LEGAL GRID */

.legal-documents{
padding:100px 8%;
background:#fff;
}

.legal-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
max-width:1200px;
margin:auto;
}

.legal-card{
background:#f7faf7;
padding:40px 30px;
border-radius:14px;
text-align:center;
transition:.3s;
}

.legal-card i{
font-size:28px;
color:#2e7d32;
margin-bottom:15px;
}

.legal-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 40px rgba(0,0,0,.08);
}



/* SECURITY SECTION */

.legal-security{
padding:100px 8%;
background:#f7faf7;
}

.legal-security-wrapper{
display:flex;
align-items:center;
gap:60px;
max-width:1200px;
margin:auto;
}

.security-text h2{
font-family:'Playfair Display',serif;
font-size:38px;
margin-bottom:20px;
}

.security-text ul{
margin-top:20px;
padding-left:20px;
}

.security-text li{
margin-bottom:10px;
}



/* IMAGE */

.security-image img{
width:100%;
border-radius:14px;
}



/* DISCLAIMER */

.legal-disclaimer{
padding:100px 8%;
text-align:center;
background:#fff;
}

.legal-disclaimer p{
max-width:900px;
margin:auto;
line-height:1.7;
color:#555;
}



/* RESPONSIVE */

@media(max-width:900px){

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

.legal-security-wrapper{
flex-direction:column;
}

}


@media(max-width:600px){

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

}





/* =============================
PRIMARY THEME COLOR OVERRIDE
============================= */

:root{
--primary:#4A7BC8;
--primary-dark:#365fa3;
--primary-light:#e8f0fb;
}


/* TEXT COLORS */

a:hover,
.see-more,
.see-more-properties,
.blog-arrows button:hover,
.location-arrows button:hover,
.highlight-arrow:hover,
.location-arrow:hover,
.dream-arrow:hover{
color:var(--primary) !important;
}


/* BUTTONS */

.enquire-btn,
.banner-btn,
.know-btn,
.btn-primary,
.modal-content button,
.call-btn{
background:var(--primary) !important;
}

.enquire-btn:hover,
.banner-btn:hover,
.modal-content button:hover{
background:var(--primary-dark) !important;
}


/* SECTION UNDERLINES */

.section-line,
.locations-header h2::after,
.blogs-header h2::after,
.highlight-header h2::after,
.dreamplots-header h2::after,
.invest-header h2::after,
.benefits-title::after,
.section-title::after{
background:var(--primary) !important;
}


/* ICON COLORS */

.stat-box i,
.help-box i,
.award-icon,
.benefit-icon,
.value-icon,
.step-circle{
color:var(--primary) !important;
background:var(--primary-light) !important;
}


/* LEFT BORDER ACCENTS */

.feature-card{
border-left:5px solid var(--primary) !important;
}

.director-content::before{
background:var(--primary) !important;
}


/* BADGES */

.badge{
background:var(--primary-light) !important;
color:var(--primary) !important;
}


/* DOT ACTIVE */

.dot.active{
background:var(--primary) !important;
}


/* FOOTER SOCIAL HOVER */

.social-icons a:hover{
background:var(--primary) !important;
}


/* MODAL TITLE */

.modal-content h2{
color:var(--primary) !important;
}



/* ===============================
TOP GREEN STRIP CHANGE
=============================== */

.topbar{
background:#4A7BC8 !important;
}


/* ===============================
HEADER ENQUIRE BUTTON FIX
=============================== */

.enquire-btn{
background:#4A7BC8 !important;
}

.enquire-btn:hover{
background:#365fa3 !important;
}


/* ===============================
FOOTER MAIN BACKGROUND
=============================== */

.footer{
background:#365fa3 !important;
}


/* FOOTER SOCIAL ICON HOVER */

.social-icons a:hover{
background:#4A7BC8 !important;
}


/* ===============================
FOOTER HELP STRIP ICON COLOR
=============================== */

.help-box i{
color:#4A7BC8 !important;
}


/* ===============================
CTA SECTION (GREEN BAND AREA)
=============================== */

.cta-section{
background:#4A7BC8 !important;
}


/* ===============================
MODAL BUTTONS
=============================== */

.modal-content button{
background:#4A7BC8 !important;
}

.modal-content button:hover{
background:#365fa3 !important;
}


/* ===============================
FLOATING CALL BUTTON
=============================== */

.call-btn{
background:#4A7BC8 !important;
}


/* ===============================
SECTION UNDERLINES GLOBAL FIX
=============================== */

.section-line,
.section-title::after,
.highlight-header h2::after,
.locations-header h2::after,
.blogs-header h2::after{
background:#4A7BC8 !important;
}





.blogs-section{
padding:100px 8%;
background:#f9fbff;
}

.blogs-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:40px;
}

.blogs-header h2{
font-family:'Playfair Display', serif;
font-size:42px;
color:#1f2933;
}

.blogs-wrapper{
display:flex;
gap:25px;
overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;
}

.blogs-wrapper::-webkit-scrollbar{
display:none;
}

.blog-card{
min-width:320px;
background:white;
border-radius:18px;
overflow:hidden;
box-shadow:0 10px 35px rgba(0,0,0,0.06);
transition:.35s ease;
}

.blog-card:hover{
transform:translateY(-10px);
box-shadow:0 20px 55px rgba(0,0,0,0.12);
}

.blog-card img{
width:100%;
height:210px;
object-fit:cover;
}

.blog-content{
padding:22px;
}

.blog-content h4{
font-size:19px;
margin-bottom:10px;
color:#1f2933;
}

.blog-content p{
font-size:14px;
color:#666;
line-height:1.6;
}

.blog-arrows{
display:flex;
justify-content:center;
gap:18px;
margin-top:35px;
}

.blog-arrows button{
width:50px;
height:50px;
border:none;
border-radius:50%;
background:white;
box-shadow:0 6px 18px rgba(0,0,0,0.08);
cursor:pointer;
transition:.3s;
}

.blog-arrows button:hover{
background:#4A7BC8;
color:white;
}





/* SUPPORT STRIP */

.support-strip{
background:#f5f7fb;
padding-top:40px;
}

.support-container{
width:85%;
margin:auto;
background:white;
padding:22px 35px;
border-radius:14px;

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

transform:translateY(45px);

box-shadow:0 10px 35px rgba(0,0,0,0.06);
}

.support-title{
font-size:26px;
font-weight:600;
color:#1f2933;
}

.support-contacts{
display:flex;
gap:50px;
}

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

.support-box i{
color:#4A7BC8;
font-size:18px;
}

.support-box span{
font-size:13px;
color:#777;
}

.support-box p{
margin:0;
font-weight:600;
}



/* MAIN FOOTER */

.main-footer{
background:#f5f7fb;
padding:90px 8% 0;
}

.footer-container{
display:grid;
grid-template-columns:2fr 1fr 2fr;
gap:60px;
}

.footer-logo-text{
font-size:28px;
margin-bottom:20px;
color:#1f2933;
}

.footer-col h4{
margin-bottom:15px;
font-size:18px;
}

.footer-col p{
font-size:15px;
line-height:1.7;
color:#555;
margin-bottom:15px;
}

.footer-col ul{
list-style:none;
padding:0;
}

.footer-col ul li{
margin-bottom:10px;
}

.footer-col ul li a{
text-decoration:none;
color:#333;
transition:.3s;
}

.footer-col ul li a:hover{
color:#4A7BC8;
}



/* SOCIAL ICONS */

.social-icons{
display:flex;
gap:12px;
margin-top:15px;
}

.social-icons a{
width:34px;
height:34px;
display:flex;
align-items:center;
justify-content:center;
background:#e9eef8;
border-radius:6px;
color:#4A7BC8;
transition:.3s;
}

.social-icons a:hover{
background:#4A7BC8;
color:white;
}



/* PROJECT LINKS */

.footer-project-links{
display:flex;
flex-wrap:wrap;
gap:10px;
margin-top:8px;
}

.footer-project-links a{
font-size:14px;
text-decoration:none;
color:#333;
}

.footer-project-links a::after{
content:"|";
margin-left:8px;
color:#aaa;
}

.footer-project-links a:last-child::after{
display:none;
}



/* COPYRIGHT BAR */

.footer-bottom{
width:100%;
background:#1f2d3d;
color:white;
text-align:center;
padding:12px 10px; /* reduced height */
font-size:13px;
margin-top:40px;
}



/* RESPONSIVE */

@media(max-width:1000px){

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

}


@media(max-width:700px){

.support-container{
flex-direction:column;
gap:18px;
text-align:center;
}

.support-contacts{
flex-direction:column;
gap:12px;
}

.footer-container{
grid-template-columns:1fr;
text-align:center;
}

.social-icons{
justify-content:center;
}

.footer-project-links{
justify-content:center;
}

}
.footer-bottom{
width:100vw;              /* full screen width */
margin-left:calc(-50vw + 50%);
background:#1f2d3d;
color:white;
text-align:center;
padding:10px 15px;
font-size:13px;
}


/* SUPPORT STRIP BACKGROUND BLUE */

.support-strip{
background:#4A7BC8 !important;
}


/* INNER CARD BLUE VERSION */

.support-container{
background:#4A7BC8 !important;
color:white;
}


/* TEXT WHITE */

.support-title{
color:white !important;
}

.support-box span{
color:#dbe6ff !important;
}

.support-box p{
color:white !important;
}


/* ICON WHITE */

.support-box i{
color:white !important;
}
/* REMOVE BLUE BACKGROUND BAND ABOVE SUPPORT STRIP */

.support-strip{
background:transparent !important;
padding-top:0 !important;
margin-top:0 !important;
}

/* KEEP ONLY ROUNDED STRIP */

.support-container{
background:#4A7BC8 !important; /* your theme color */
transform:none !important;
box-shadow:0 10px 35px rgba(0,0,0,0.08);
}

/* TEXT COLOR FIX */

.support-title{
color:#ffffff !important;
}

.support-box span{
color:#dbe6ff !important;
}

.support-box p{
color:#ffffff !important;
}

.support-box i{
color:#ffffff !important;
}

/* SAFETY FIX: REMOVE ANY EXTRA GAP ABOVE */

body{
margin:0 !important;
}


.footer-logo{
height:60px;
width:auto;
margin-bottom:15px;
}


.stats-section-new{
padding:120px 8%;
background:#f5f7fb;
}

.stats-container{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:40px;
max-width:1300px;
margin:auto;
}

.stat-card{
background:white;
padding:45px 30px;
border-radius:18px;
text-align:center;
box-shadow:0 10px 35px rgba(0,0,0,0.05);
transition:.35s ease;
}

.stat-card:hover{
transform:translateY(-10px);
box-shadow:0 18px 45px rgba(0,0,0,0.12);
}

.stat-card i{
font-size:34px;
color:#4A7BC8;
margin-bottom:15px;
}

.stat-card h2{
font-size:48px;
color:#1b5e20;
margin-bottom:8px;
font-weight:700;
}

.stat-card p{
font-size:16px;
color:#555;
}


@media(max-width:1024px){

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

}

@media(max-width:600px){

.stats-section-new{
padding:80px 20px;
}

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

.stat-card{
padding:35px 25px;
}

.stat-card h2{
font-size:36px;
}

}




































.hero-carousel{
position:relative;
width:100%;
height:90vh;
overflow:hidden;
}

.slide{
position:absolute;
width:100%;
height:100%;
background-size:cover;
background-position:center center;
background-repeat:no-repeat;

opacity:0;
transition:opacity 1s ease-in-out;
display:flex;
align-items:center;
justify-content:center;
}

.slide.active{
opacity:1;
z-index:1;
}

/* overlay for readability */

.slide::before{
content:"";
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:rgba(0,0,0,0.35);
}

/* content */

.slide-content{
position:relative;
color:white;
text-align:center;
max-width:700px;
padding:20px;
}

.slide-content h1{
font-size:52px;
margin-bottom:15px;
}

.slide-content p{
font-size:20px;
margin-bottom:25px;
}

.banner-btn{
background:#4A7BC8;
color:white;
padding:14px 30px;
border-radius:6px;
text-decoration:none;
font-weight:600;
}

/* dots indicator */

.dots{
position:absolute;
bottom:25px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:10px;
}

.dots span{
width:12px;
height:12px;
background:#ccc;
border-radius:50%;
cursor:pointer;
transition:0.3s;
}

.dots span.active{
background:white;
}


@media(max-width:768px){

.hero-carousel{
height:70vh;
}

.slide-content h1{
font-size:30px;
}

.slide-content p{
font-size:16px;
}

.banner-btn{
padding:12px 22px;
}

}



.about-section-new{
padding:110px 8%;
background:#f7f9fc;
}

.about-wrapper{
display:flex;
align-items:center;
gap:70px;
max-width:1300px;
margin:auto;
}

/* IMAGE AREA */

.about-image-box{
position:relative;
flex:1;
}

.about-image-box img{
width:100%;
border-radius:16px;
box-shadow:0 20px 60px rgba(0,0,0,0.08);
}

/* FLOATING EXPERIENCE BADGE */

.experience-badge{
position:absolute;
bottom:-30px;
left:-30px;

background:white;
padding:25px 35px;
border-radius:12px;

box-shadow:0 15px 40px rgba(0,0,0,0.1);
border-left:6px solid #4A7BC8;
}

.experience-badge h3{
font-size:42px;
color:#4A7BC8;
margin:0;
}

.experience-badge span{
font-size:13px;
letter-spacing:1px;
color:#777;
}

/* RIGHT CONTENT */

.about-content-box{
flex:1;
}

.about-content-box h6{
color:#4A7BC8;
letter-spacing:2px;
margin-bottom:12px;
font-size:14px;
}

.about-content-box h2{
font-size:44px;
line-height:1.2;
margin-bottom:20px;
color:#1f2933;
}

.about-content-box p{
font-size:17px;
line-height:1.8;
color:#555;
margin-bottom:18px;
}

/* BUTTON */

.know-btn{
display:inline-block;
margin-top:10px;
padding:14px 32px;
background:#4A7BC8;
color:white;
border-radius:6px;
text-decoration:none;
font-weight:600;
transition:.3s;
}

.know-btn:hover{
background:#365fa3;
}

@media(max-width:992px){

.about-wrapper{
flex-direction:column;
gap:40px;
}

.about-content-box h2{
font-size:32px;
text-align:center;
}

.about-content-box{
text-align:center;
}

.experience-badge{
left:20px;
bottom:-25px;
}

}

@media(max-width:600px){

.about-section-new{
padding:70px 20px;
}

.experience-badge{
padding:18px 22px;
}

.experience-badge h3{
font-size:30px;
}

}



.journey-section{
padding:100px 8%;
background:#f5f7fb;
text-align:center;
}

/* HEADER */

.journey-header{
max-width:780px;
margin:auto;
margin-bottom:55px;
}

.journey-header h2{
font-size:42px;
font-weight:700;
color:#1f2933;
margin-bottom:15px;
}

.journey-header p{
font-size:17px;
color:#6b7280;
line-height:1.7;
}


/* STATS GRID */

.journey-stats{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:45px;
max-width:1100px;
margin:auto;
}


/* CARD STYLE */

.journey-box{
transition:.3s ease;
}

.journey-box:hover{
transform:translateY(-8px);
}


/* ICON */

.icon-circle{
width:72px;
height:72px;
background:#4A7BC8;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
margin:auto;
margin-bottom:18px;
}

.icon-circle i{
color:white;
font-size:26px;
}


/* NUMBER */

.journey-box h3{
font-size:40px;
font-weight:700;
color:#1f2933;
margin-bottom:6px;
}


/* LABEL */

.journey-box span{
font-size:15px;
color:#6b7280;
letter-spacing:.3px;
}

@media(max-width:992px){

.journey-stats{
grid-template-columns:repeat(2,1fr);
gap:35px;
}

.journey-header h2{
font-size:32px;
}

}


@media(max-width:480px){

.journey-section{
padding:70px 20px;
}

.journey-stats{
grid-template-columns:1fr;
}

.icon-circle{
width:60px;
height:60px;
}

.journey-box h3{
font-size:30px;
}

}




.locations-section{
padding:100px 6%;
background:#f5f7fb;
}

.locations-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:40px;
}

.locations-header h2{
font-size:42px;
}

.see-more{
color:#4A7BC8;
text-decoration:none;
font-weight:600;
}


/* FIXED SLIDER */

.locations-slider{
display:flex;
gap:25px;
overflow-x:auto; /* IMPORTANT FIX */
scroll-behavior:smooth;
scrollbar-width:none;
}

.locations-slider::-webkit-scrollbar{
display:none;
}


/* CARD */

.location-card{
flex:0 0 calc(25% - 20px);
background:white;
border-radius:20px;
overflow:hidden;
box-shadow:0 10px 30px rgba(0,0,0,0.05);
transition:.35s;
}

.location-card:hover{
transform:translateY(-8px);
}

.location-card img{
width:100%;
height:200px;
object-fit:cover;
}

.location-card h4{
font-size:20px;
padding:20px 20px 5px;
}

.location-card p{
font-size:14px;
color:#666;
padding:0 20px 25px;
}


/* ARROWS */

.location-arrows{
display:flex;
justify-content:center;
gap:15px;
margin-top:40px;
}

.location-arrows button{
width:45px;
height:45px;
border-radius:50%;
border:none;
background:white;
box-shadow:0 5px 20px rgba(0,0,0,0.08);
cursor:pointer;
}

.location-arrows button:hover{
background:#4A7BC8;
color:white;
}


/* TABLET */

@media(max-width:1024px){

.location-card{
flex:0 0 calc(50% - 20px);
}

}


/* MOBILE */

@media(max-width:600px){

.locations-section{
padding:70px 20px;
}

.location-card{
flex:0 0 100%;
}

.locations-header{
flex-direction:column;
gap:15px;
align-items:flex-start;
}

}
































/* ===============================
   TOP HIGHLIGHTED PROJECTS SECTION
================================= */

.projects-section{
width:100%;
padding:80px 4%;
background:#f5f7fb;
overflow:hidden;
box-sizing:border-box;
}


/* HEADER */

.projects-header{
display:flex;
justify-content:space-between;
align-items:center;
margin-bottom:40px;
}

.projects-header h2{
font-size:36px;
font-weight:600;
position:relative;
margin:0;
}

.projects-header h2::after{
content:"";
width:50px;
height:4px;
background:#4A7BC8;
display:block;
margin-top:8px;
border-radius:5px;
}

.see-more{
color:#4A7BC8;
text-decoration:none;
font-weight:600;
}


/* WRAPPER */

.projects-wrapper{
position:relative;
width:100%;
overflow:hidden;
}


/* SLIDER */

.projects-slider{
display:flex;
gap:20px;
overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;
padding-bottom:5px;
}

.projects-slider::-webkit-scrollbar{
display:none;
}


/* CARD */

.project-card{
flex:0 0 calc((100% - 60px) / 4);
height:260px;
border-radius:18px;
overflow:hidden;
position:relative;
background:#ddd;
transition:.3s ease;
}

.project-card:hover{
transform:translateY(-6px);
}


/* IMAGE */

.project-card img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}


/* OVERLAY TEXT */

.project-overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:18px;
display:flex;
justify-content:space-between;
align-items:end;
background:linear-gradient(transparent, rgba(0,0,0,.75));
color:white;
}

.project-overlay h3{
margin:0;
font-size:20px;
font-weight:600;
}

.project-overlay span{
font-size:14px;
opacity:.9;
}

.price{
font-size:18px;
font-weight:600;
}


/* ARROWS */

.proj-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:42px;
height:42px;
border-radius:50%;
border:none;
background:#fff;
box-shadow:0 5px 20px rgba(0,0,0,.1);
cursor:pointer;
z-index:5;
display:flex;
align-items:center;
justify-content:center;
transition:.3s ease;
}

.proj-arrow.left{
left:0;
}

.proj-arrow.right{
right:0;
}

.proj-arrow:hover{
background:#4A7BC8;
color:white;
}


/* TABLET VIEW */

@media(max-width:1024px){

.project-card{
flex:0 0 calc((100% - 20px) / 2);
}

}


/* MOBILE VIEW */

@media(max-width:600px){

.project-card{
flex:0 0 100%;
height:230px;
}

.projects-slider{
gap:15px;
padding-right:5px;
}

.projects-header{
flex-direction:column;
align-items:flex-start;
gap:12px;
}

}


/* SECTION */

.dreamplots-section{
padding:80px 5%;
background:#f5f7fb;
overflow:hidden;
}


/* HEADER */

.dreamplots-header h2{
font-size:34px;
position:relative;
margin-bottom:40px;
}

.dreamplots-header h2::after{
content:"";
width:50px;
height:4px;
background:#4A7BC8;
display:block;
margin-top:8px;
border-radius:4px;
}


/* WRAPPER */

.dreamplots-wrapper{
position:relative;
display:flex;
align-items:center;
}


/* SLIDER */

.dreamplots-slider{
display:flex;
gap:20px;
overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;
}

.dreamplots-slider::-webkit-scrollbar{
display:none;
}


/* CARD */

.dp-card{
flex:0 0 calc((100% - 60px) / 4);
background:#fff;
border-radius:16px;
overflow:hidden;
box-shadow:0 6px 25px rgba(0,0,0,0.05);
transition:.3s ease;
}

.dp-card:hover{
transform:translateY(-6px);
}


/* IMAGE */

.dp-card img{
width:100%;
height:190px;
object-fit:cover;
}


/* CONTENT */

.dp-content{
padding:18px;
}

.dp-content h4{
margin-bottom:8px;
font-size:18px;
}

.dp-content p{
font-size:14px;
color:#666;
line-height:1.6;
}


/* ARROWS */

.dp-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:44px;
height:44px;
border:none;
border-radius:50%;
background:white;
box-shadow:0 5px 18px rgba(0,0,0,.12);
cursor:pointer;
z-index:10;
}

.dp-arrow.left{
left:-10px;
}

.dp-arrow.right{
right:-10px;
}

.dp-arrow:hover{
background:#4A7BC8;
color:white;
}


/* TABLET */

@media(max-width:1024px){

.dp-card{
flex:0 0 calc((100% - 20px) / 2);
}

}


/* MOBILE */

@media(max-width:600px){

.dp-card{
flex:0 0 calc((100% - 20px) / 2);
}

.dp-arrow{
display:none;
}

}



/* FULL WIDTH STRIP */

.stats-strip{
width:100%;
background:#2f6ea3; /* theme blue */
padding:70px 5%;
color:white;
}


/* GRID LAYOUT */

.stats-container{
display:grid;
grid-template-columns:repeat(4,1fr);
text-align:center;
align-items:center;
}


/* EACH BOX */

.stat-box{
position:relative;
padding:10px 20px;
}


/* VERTICAL DIVIDER */

.stat-box:not(:last-child)::after{
content:"";
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
height:60px;
width:1px;
background:rgba(255,255,255,0.35);
}


/* NUMBER */

.stat-box h2{
font-size:42px;
font-weight:700;
margin-bottom:10px;
letter-spacing:1px;
}


/* LABEL */

.stat-box p{
font-size:14px;
letter-spacing:1px;
text-transform:uppercase;
opacity:.9;
}


























body{
margin:0;
font-family:Segoe UI, sans-serif;
background:#f5f7fb;
}


/* HERO */

.contact-hero{
background:#4A7BC8;
color:white;
text-align:center;
padding:90px 20px;
}

.contact-hero h1{
font-size:42px;
margin-bottom:10px;
}

.contact-hero p{
opacity:.9;
}


/* MAIN SECTION */

.contact-section{
padding:80px 6%;
}

.contact-wrapper{
display:grid;
grid-template-columns:1fr 1fr;
gap:50px;
}


/* INFO */

.contact-info h2{
margin-bottom:10px;
}

.contact-info p{
color:#555;
line-height:1.6;
margin-bottom:30px;
}


.info-item{
display:flex;
gap:15px;
margin-bottom:25px;
}

.info-item i{
width:45px;
height:45px;
background:#4A7BC8;
color:white;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
}


/* SOCIAL */

.social-icons{
margin-top:20px;
}

.social-icons a{
margin-right:10px;
color:white;
background:#4A7BC8;
padding:10px;
border-radius:6px;
}


/* FORM */

.contact-form{
background:white;
padding:40px;
border-radius:14px;
box-shadow:0 10px 30px rgba(0,0,0,.08);
}

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

.contact-form input,
.contact-form select,
.contact-form textarea{
padding:14px;
border:1px solid #ddd;
border-radius:8px;
}

.contact-form textarea{
height:120px;
resize:none;
}

.contact-form button{
background:#4A7BC8;
color:white;
border:none;
padding:14px;
border-radius:8px;
cursor:pointer;
}

.contact-form button:hover{
background:#315f9b;
}


/* MAP */

.map-section iframe{
width:100%;
height:420px;
border:none;
}


/* RESPONSIVE */

@media(max-width:992px){

.contact-wrapper{
grid-template-columns:1fr;
}

.contact-hero h1{
font-size:34px;
}

}


@media(max-width:600px){

.contact-section{
padding:60px 20px;
}

.contact-form{
padding:25px;
}

.map-section iframe{
height:300px;
}

}




.contact-section{

padding:80px 6%;
background:#f5f7fb;

}


.contact-container{

display:grid;
grid-template-columns:1fr 1.2fr;
gap:60px;

}



/* LEFT SIDE */

.contact-left{

background:white;
padding:45px;
border-radius:14px;
box-shadow:0 8px 30px rgba(0,0,0,.05);

}

.contact-left h2{

margin-bottom:30px;
position:relative;

}

.contact-left h2::before{

content:"";
position:absolute;
left:-15px;
top:5px;
height:24px;
width:4px;
background:#4A7BC8;

}


.contact-item{

display:flex;
gap:15px;
margin-bottom:30px;

}

.contact-item .icon{

width:48px;
height:48px;
background:#4A7BC8;
color:white;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;

}


.office-block{

margin-top:25px;

}

.office-block h4{

margin-bottom:6px;
color:#1d3557;

}

.map-btn{

display:inline-block;
margin-top:20px;
color:#4A7BC8;
font-weight:600;

}



/* RIGHT SIDE */

.contact-right{

background:white;
padding:45px;
border-radius:14px;
box-shadow:0 8px 30px rgba(0,0,0,.05);

}

.contact-right h2{

margin-bottom:8px;

}

.contact-right p{

margin-bottom:30px;
color:#666;

}


.form-row{

display:flex;
gap:20px;
margin-bottom:20px;

}


.contact-right input,
.contact-right select,
.contact-right textarea{

width:100%;
padding:14px;
border:1px solid #ddd;
border-radius:8px;
font-size:15px;

}


.contact-right textarea{

height:120px;
resize:none;

}


.contact-right button{

margin-top:10px;
background:#4A7BC8;
color:white;
border:none;
padding:16px;
border-radius:8px;
font-size:16px;
cursor:pointer;

}

.contact-right button:hover{

background:#2f5ea3;

}



/* RESPONSIVE */

@media(max-width:992px){

.contact-container{

grid-template-columns:1fr;

}

}


@media(max-width:600px){

.contact-section{

padding:60px 20px;

}

.form-row{

flex-direction:column;

}

}





































































.plot-size-premium{

padding:90px 6%;
background:#f7f9fc;

}


.section-header{

text-align:center;
max-width:720px;
margin:auto;
margin-bottom:60px;

}

.section-header h2{

font-size:38px;
margin-bottom:12px;

}

.section-header p{

color:#6b7280;
font-size:17px;

}


.size-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}


.size-card{

background:white;
border-radius:18px;
overflow:hidden;
transition:.35s ease;
box-shadow:0 6px 24px rgba(0,0,0,.06);

}


.size-card:hover{

transform:translateY(-10px);
box-shadow:0 18px 40px rgba(0,0,0,.12);

}


.size-img{

height:220px;
overflow:hidden;

}

.size-img img{

width:100%;
height:100%;
object-fit:cover;
transition:.4s;

}

.size-card:hover img{

transform:scale(1.08);

}


.size-content{

padding:26px;

}


.size-content h3{

font-size:22px;
margin-bottom:10px;

}


.size-content p{

font-size:15px;
color:#6b7280;
margin-bottom:15px;

}


.tag{

display:inline-block;
font-size:13px;
background:#4A7BC8;
color:white;
padding:6px 14px;
border-radius:30px;

}



/* RESPONSIVE */

@media(max-width:1024px){

.size-grid{

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

}

}


@media(max-width:600px){

.size-grid{

grid-template-columns:1fr;

}

.section-header h2{

font-size:28px;

}

}


.location-carousel-section{

padding:90px 6%;
background:#f7f9fc;

}


.location-header{

text-align:center;
max-width:650px;
margin:auto;
margin-bottom:50px;

}

.location-header h2{

font-size:36px;
margin-bottom:10px;

}

.location-header p{

color:#6b7280;

}


/* WRAPPER */

.location-carousel-wrapper{

position:relative;

}


/* SLIDER */

.location-carousel{

display:flex;
gap:20px;
overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;

}

.location-carousel::-webkit-scrollbar{

display:none;

}


/* CARD */

.loc-card{

flex:0 0 calc((100% - 60px) / 4);
height:260px;
border-radius:18px;
overflow:hidden;
position:relative;

}


.loc-card img{

width:100%;
height:100%;
object-fit:cover;

}


/* OVERLAY */

.loc-overlay{

position:absolute;
bottom:0;
left:0;
width:100%;

padding:18px;

background:linear-gradient(transparent, rgba(0,0,0,.7));

color:white;

}

.loc-overlay h3{

margin:0;
font-size:24px;

}

.loc-overlay span{

font-size:14px;

}


/* ARROWS */

.loc-arrow{

position:absolute;
top:50%;
transform:translateY(-50%);

width:42px;
height:42px;

border:none;
border-radius:50%;

background:white;
box-shadow:0 6px 20px rgba(0,0,0,.12);

cursor:pointer;
z-index:10;

}

.loc-arrow.left{

left:-10px;

}

.loc-arrow.right{

right:-10px;

}

.loc-arrow:hover{

background:#4A7BC8;
color:white;

}


/* TABLET */

@media(max-width:1024px){

.loc-card{

flex:0 0 calc((100% - 20px) / 2);

}

}


/* MOBILE */

@media(max-width:600px){

.loc-card{

flex:0 0 100%;

height:240px;

}

.loc-arrow{

display:none;

}

}


.amenities-premium{

padding:100px 6%;
background:#f7f9fc;

}


.section-header{

text-align:center;
max-width:650px;
margin:auto;
margin-bottom:60px;

}

.section-header h2{

font-size:38px;
margin-bottom:12px;

}

.section-header p{

color:#6b7280;
font-size:16px;

}


/* GRID */

.amenities-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}


/* CARD */

.amenity-card{

background:white;
padding:35px 30px;
border-radius:18px;

text-align:center;

box-shadow:0 6px 24px rgba(0,0,0,.06);

transition:.35s ease;

}


.amenity-card:hover{

transform:translateY(-10px);
box-shadow:0 20px 45px rgba(0,0,0,.12);

}


/* ICON */

.amenity-card .icon{

width:70px;
height:70px;

margin:auto;
margin-bottom:18px;

border-radius:50%;

background:#4A7BC8;
color:white;

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

font-size:26px;

transition:.3s ease;

}


.amenity-card:hover .icon{

background:#2f5ea3;

}


/* TEXT */

.amenity-card h3{

font-size:20px;
margin-bottom:8px;

}

.amenity-card p{

font-size:14px;
color:#6b7280;

}


/* TABLET */

@media(max-width:1024px){

.amenities-grid{

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

}

}


/* MOBILE */

@media(max-width:600px){

.amenities-grid{

grid-template-columns:1fr;

}

.section-header h2{

font-size:28px;

}

}


.tourist-premium{

padding:100px 6%;
background:#f7f9fc;

}

.tourist-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:25px;

}

.tour-card{

position:relative;
border-radius:18px;
overflow:hidden;

}

.tour-card img{

width:100%;
height:240px;
object-fit:cover;
transition:.4s;

}

.tour-card:hover img{

transform:scale(1.08);

}

.overlay{

position:absolute;
bottom:0;
left:0;
width:100%;
padding:16px;

background:linear-gradient(transparent, rgba(0,0,0,.75));

color:white;
font-size:18px;
font-weight:500;

}


/* MOBILE */

@media(max-width:992px){

.tourist-grid{

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

}

}

@media(max-width:600px){

.tourist-grid{

grid-template-columns:1fr;

}

}



.distance-premium{

padding:90px 6%;
background:white;

}

.distance-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;
text-align:center;

}

.distance-card{

background:#f7f9fc;
padding:35px;
border-radius:16px;

transition:.3s;

}

.distance-card:hover{

transform:translateY(-8px);

}

.distance-card i{

font-size:32px;
color:#4A7BC8;
margin-bottom:10px;

}

.distance-card h3{

font-size:26px;
margin-bottom:5px;

}


/* MOBILE */

@media(max-width:992px){

.distance-grid{

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

}

}

@media(max-width:600px){

.distance-grid{

grid-template-columns:1fr;

}

}



.investment-premium{

padding:100px 6%;
background:#f7f9fc;

}

.investment-flex{

display:flex;
align-items:center;
gap:60px;
flex-wrap:wrap;

}

.investment-text{

flex:1;

}

.investment-text ul{

margin-top:15px;
line-height:2;

}

.investment-img{

flex:1;

}

.investment-img img{

width:100%;
border-radius:18px;

}


/* MOBILE */

@media(max-width:992px){

.investment-flex{

flex-direction:column;

}

}


.tourist-carousel-section{
padding:100px 6%;
background:#f7f9fc;
}


/* WRAPPER */

.tourist-carousel-wrapper{
position:relative;
}


/* SLIDER */

.tourist-carousel{
display:flex;
gap:25px;
overflow-x:auto;
scroll-behavior:smooth;
scrollbar-width:none;
}

.tourist-carousel::-webkit-scrollbar{
display:none;
}


/* CARD */

.tour-card{
flex:0 0 calc((100% - 75px) / 4);
height:260px;
border-radius:18px;
overflow:hidden;
position:relative;
}

.tour-card img{
width:100%;
height:100%;
object-fit:cover;
transition:.4s;
}

.tour-card:hover img{
transform:scale(1.08);
}


/* OVERLAY */

.overlay{
position:absolute;
bottom:0;
left:0;
width:100%;
padding:16px;
background:linear-gradient(transparent, rgba(0,0,0,.75));
color:white;
font-size:18px;
font-weight:500;
}


/* ARROWS */

.tour-arrow{
position:absolute;
top:50%;
transform:translateY(-50%);
width:42px;
height:42px;
border-radius:50%;
border:none;
background:white;
box-shadow:0 6px 20px rgba(0,0,0,.12);
cursor:pointer;
z-index:10;
}

.tour-arrow.left{
left:-12px;
}

.tour-arrow.right{
right:-12px;
}

.tour-arrow:hover{
background:#4A7BC8;
color:white;
}


/* TABLET */

@media(max-width:1024px){

.tour-card{
flex:0 0 calc((100% - 25px) / 2);
}

}


/* MOBILE */

@media(max-width:600px){

.tour-card{
flex:0 0 100%;
height:240px;
}

.tour-arrow{
display:none;
}

}


.investment-premium-v2{

padding:110px 6%;
background:#f7f9fc;

}


.investment-wrapper{

display:flex;
align-items:center;
gap:70px;
flex-wrap:wrap;

}


/* IMAGE */

.investment-image{

position:relative;
flex:1;

}

.investment-image img{

width:100%;
border-radius:18px;
box-shadow:0 25px 60px rgba(0,0,0,.12);

}


/* BADGE */

.growth-badge{

position:absolute;
bottom:20px;
left:20px;

background:#4A7BC8;
color:white;

padding:10px 18px;
border-radius:40px;
font-size:14px;
font-weight:500;

}


/* CONTENT */

.investment-content{

flex:1;

}

.investment-content h2{

font-size:38px;
margin-bottom:10px;

}


.investment-subtitle{

color:#6b7280;
margin-bottom:30px;
line-height:1.7;

}


/* POINTS GRID */

.investment-points{

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

}


.point{

display:flex;
align-items:center;
gap:12px;

background:white;
padding:16px 18px;
border-radius:12px;

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

transition:.3s;

}

.point:hover{

transform:translateY(-5px);

}


.point i{

color:#4A7BC8;
font-size:18px;

}


/* BUTTON */

.invest-btn{

display:inline-block;
margin-top:30px;

background:#4A7BC8;
color:white;

padding:14px 26px;
border-radius:8px;

font-size:15px;
transition:.3s;

}

.invest-btn:hover{

background:#2f5ea3;

}


/* RESPONSIVE */

@media(max-width:992px){

.investment-wrapper{

flex-direction:column;

}

.investment-points{

grid-template-columns:1fr;

}

.investment-content h2{

font-size:28px;

}

}




.construction-premium{

padding:110px 6%;
background:white;

}


.construction-wrapper{

display:flex;
align-items:center;
gap:70px;
flex-wrap:wrap;

}


/* IMAGE */

.construction-image{

position:relative;
flex:1;

}

.construction-image img{

width:100%;
border-radius:18px;
box-shadow:0 25px 60px rgba(0,0,0,.12);
transition:.4s ease;

}

.construction-image:hover img{

transform:scale(1.03);

}


/* BADGE */

.construction-badge{

position:absolute;
bottom:20px;
left:20px;

background:#4A7BC8;
color:white;

padding:10px 18px;
border-radius:40px;

font-size:14px;
font-weight:500;

}


/* CONTENT */

.construction-content{

flex:1;

}

.construction-content h2{

font-size:38px;
margin-bottom:12px;

}


.construction-subtitle{

color:#6b7280;
margin-bottom:30px;
line-height:1.7;

}


/* FEATURE GRID */

.construction-points{

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

}


.point{

display:flex;
align-items:center;
gap:12px;

background:#f7f9fc;
padding:16px 18px;
border-radius:12px;

transition:.3s ease;

}

.point:hover{

transform:translateY(-5px);

}


.point i{

color:#4A7BC8;
font-size:18px;

}


/* BUTTON */

.construction-btn{

display:inline-block;
margin-top:30px;

background:#4A7BC8;
color:white;

padding:14px 26px;
border-radius:8px;

font-size:15px;
transition:.3s;

}

.construction-btn:hover{

background:#2f5ea3;

}


/* RESPONSIVE */

@media(max-width:992px){

.construction-wrapper{

flex-direction:column;

}

.construction-points{

grid-template-columns:1fr;

}

.construction-content h2{

font-size:28px;

}

}



.site-header .custom-logo,
.navbar-brand img,
.logo img {

height: 90px !important;
max-height: 90px !important;
width: auto !important;

}




/* FORCE TOP BAR FULL WIDTH ON MOBILE */

@media(max-width:768px){

.top-bar,
.header-top-bar,
.header-top,
.top-header,
.site-top-bar {

width: 100vw !important;
max-width: 100vw !important;

margin-left: calc(-50vw + 50%) !important;
margin-right: calc(-50vw + 50%) !important;

padding: 8px 10px !important;

white-space: normal !important;
word-break: break-word !important;

text-align: center !important;
font-size: 12px !important;

}

/* remove container restriction */

.top-bar .container,
.header-top-bar .container,
.header-top .container {

max-width: 100% !important;
width: 100% !important;
padding: 0 10px !important;

}

/* prevent hidden overflow cutting text */

body,
header,
.top-bar {

overflow-x: visible !important;

}

}

/* MOBILE TOP BAR FULL WIDTH FIX */

@media (max-width:768px){

.topbar{
width:100vw !important;
max-width:100vw !important;

margin-left:calc(-50vw + 50%) !important;
margin-right:calc(-50vw + 50%) !important;

padding:8px 12px !important;

white-space:normal !important;
word-break:break-word !important;

text-align:center !important;
font-size:13px !important;
}

/* remove container restriction inside bar */

.topbar .container{
width:100% !important;
max-width:100% !important;
padding:0 !important;
}

}





/* TOPBAR */

.topbar{
background:#2d5ea8;
color:#fff;
font-size:14px;
overflow:hidden;
}

.marquee{
white-space:nowrap;
overflow:hidden;
}

.marquee-content{
display:inline-block;
padding:8px 0;
animation:scrollText 18s linear infinite;
}

@keyframes scrollText{
0%{transform:translateX(100%)}
100%{transform:translateX(-100%)}
}


/* HEADER */

.main-header{
display:flex;
align-items:center;
justify-content:space-between;
padding:15px 6%;
background:#fff;
position:sticky;
top:0;
z-index:999;
box-shadow:0 2px 10px rgba(0,0,0,0.05);
}

.logo img{
height:45px;
}

nav ul{
display:flex;
list-style:none;
gap:30px;
}

nav ul li{
position:relative;
}

nav ul li a{
text-decoration:none;
color:#333;
font-weight:500;
}

.dropdown-menu{
position:absolute;
top:40px;
left:0;
background:#fff;
display:none;
flex-direction:column;
box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

.dropdown:hover .dropdown-menu{
display:flex;
}

.dropdown-menu li{
padding:10px 20px;
}

.enquire-btn{
background:#2d5ea8;
color:#fff;
padding:10px 20px;
border-radius:5px;
cursor:pointer;
}

.menu-toggle{
display:none;
font-size:22px;
cursor:pointer;
}


/* HERO SECTION */

.hero-carousel{
position:relative;
height:90vh;
overflow:hidden;
}

.slide{
position:absolute;
width:100%;
height:100%;
background-size:cover;
background-position:center;
opacity:0;
transition:opacity 1s ease-in-out;
display:flex;
align-items:center;
}

.slide.active{
opacity:1;
}

.slide::before{
content:"";
position:absolute;
width:100%;
height:100%;
background:linear-gradient(to right, rgba(0,0,0,0.6), transparent);
}

.slide-content{
position:relative;
z-index:2;
color:#fff;
max-width:600px;
margin-left:8%;
}

.slide-content h1{
font-size:60px;
margin-bottom:15px;
}

.slide-content p{
font-size:20px;
margin-bottom:25px;
}

.banner-btn{
background:#27ae60;
padding:14px 28px;
color:#fff;
text-decoration:none;
border-radius:6px;
}


/* DOTS */

.dots{
position:absolute;
bottom:30px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:10px;
}

.dot{
width:12px;
height:12px;
background:#fff;
opacity:.5;
border-radius:50%;
cursor:pointer;
}

.dot.active{
opacity:1;
}


/* MOBILE */

@media(max-width:768px){

.menu-toggle{
display:block;
}

nav{
position:absolute;
top:70px;
left:0;
width:100%;
background:#fff;
display:none;
}

nav ul{
flex-direction:column;
padding:20px;
}

nav.show{
display:block;
}

.hero-carousel{
height:75vh;
}

.slide-content h1{
font-size:34px;
}

.slide-content p{
font-size:16px;
}

}


.hero-carousel .slide{
height: 92vh;
background-size: cover;
background-position: center center;
}

.hero-carousel .slide{
background-position: center 40%;
}















/* =========================
FINAL DROPDOWN FIX
========================= */

/* DROPDOWN PARENT */

.dropdown{
position:relative;
}

/* HIDE BY DEFAULT */

.dropdown-menu{
display:none;
position:absolute;
top:100%;
left:0;

min-width:220px;

background:#fff;

border-radius:12px;

padding:12px 0;

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

z-index:9999;
}

/* SHOW ON ACTIVE */

.dropdown.active .dropdown-menu{
display:block;
}

/* LINKS */

.dropdown-menu li{
list-style:none;
}

.dropdown-menu li a{

display:block;

padding:14px 22px;

text-decoration:none;

font-size:16px;

font-weight:500;

color:#1f2933;

transition:.3s;
}

/* HOVER */

.dropdown-menu li a:hover{

background:#f5f7fb;

color:#4A7BC8;
}

/* MOBILE FIX */

@media(max-width:900px){

.dropdown-menu{

position:static;

width:100%;

box-shadow:none;

border-radius:0;

padding:5px 0 5px 15px;

background:transparent;
}

.dropdown-menu li a{

padding:12px 10px;
}

}


/* =========================
ENQUIRY MODAL
========================= */

.enquiry-modal{

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

display:flex;

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

z-index:999999;

opacity:0;
visibility:hidden;

transition:.4s;
}

/* ACTIVE */

.enquiry-modal.active{

opacity:1;
visibility:visible;
}

/* OVERLAY */

.enquiry-overlay{

position:absolute;

width:100%;
height:100%;

background:rgba(0,0,0,0.65);

backdrop-filter:blur(4px);
}

/* BOX */

.enquiry-box{

position:relative;

width:92%;
max-width:950px;

background:#fff;

border-radius:24px;

overflow:hidden;

z-index:2;

animation:popupFade .5s ease;
}

/* CONTENT */

.enquiry-content{

display:flex;
min-height:520px;
}

/* LEFT */

.enquiry-left{

width:50%;

padding:60px;

background:linear-gradient(
135deg,
#07204A 0%,
#0E346E 50%,
#4A7BC8 100%
);

color:#fff;
}

.enquiry-left h5{

font-size:14px;

letter-spacing:2px;

margin-bottom:20px;

opacity:.8;
}

.enquiry-left h2{

font-size:52px;

line-height:1.1;

margin-bottom:25px;

font-weight:700;
}

.enquiry-left h2 span{

color:#9bc1ff;
}

.enquiry-left p{

font-size:17px;

line-height:1.7;

margin-bottom:30px;

opacity:.9;
}

.enquiry-left ul{

padding:0;
margin:0;
list-style:none;
}

.enquiry-left ul li{

margin-bottom:16px;

font-size:17px;
}

/* RIGHT */

.enquiry-right{

width:50%;

padding:60px;

display:flex;

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

.enquiry-right form{

width:100%;
}

.enquiry-right input,
.enquiry-right select{

width:100%;

height:58px;

border:1px solid #dbe4f0;

border-radius:14px;

padding:0 18px;

margin-bottom:18px;

font-size:16px;

outline:none;
}

.enquiry-right input:focus,
.enquiry-right select:focus{

border-color:#4A7BC8;
}

/* BUTTON */

.enquiry-right button{

width:100%;

height:58px;

border:none;

border-radius:14px;

background:#4A7BC8;

color:#fff;

font-size:17px;

font-weight:600;

cursor:pointer;

transition:.3s;
}

.enquiry-right button:hover{

background:#07204A;
}

/* CLOSE */

.close-enquiry{

position:absolute;

top:18px;
right:18px;

width:42px;
height:42px;

border:none;

border-radius:50%;

background:#fff;

font-size:30px;

cursor:pointer;

z-index:5;

box-shadow:0 5px 20px rgba(0,0,0,0.1);
}

/* ANIMATION */

@keyframes popupFade{

from{

transform:translateY(40px);
opacity:0;
}

to{

transform:translateY(0);
opacity:1;
}
}

/* MOBILE */

@media(max-width:900px){

.enquiry-content{

flex-direction:column;
}

.enquiry-left,
.enquiry-right{

width:100%;
padding:35px 25px;
}

.enquiry-left h2{

font-size:38px;
}

.enquiry-box{

max-height:90vh;
overflow-y:auto;
}
}




.blog-content h4 a{
text-decoration: none;
color: #000;
transition: 0.3s;
}

.blog-content h4 a:hover{
color: #800000;
}



/* DROPDOWN GAP FIX */

.dropdown-menu{
  padding: 10px 0 !important;
  min-height: auto !important;
}

.dropdown-menu li{
  margin: 0 !important;
  padding: 0 !important;
}

.dropdown-menu li a{
  padding: 14px 25px !important;
  line-height: 1.2 !important;
  display: block;
}