body{
margin:0;
font-family:'Poppins',sans-serif;
background:#0e0e0e;
color:white;
}

header{
background:black;
padding:15px 0;
}

.container{
width:90%;
margin:auto;
max-width:1200px;
}

.nav{
display:flex;
justify-content:space-between;
align-items:center;
}

.logo{
height:45px;
}

.whats-btn{
background:#16c45b;
padding:10px 20px;
border-radius:30px;
color:white;
text-decoration:none;
font-weight:500;
}

.hero{
position:relative;
height:90vh;
background:url('img/banner.jpg') center/cover no-repeat;
display:flex;
align-items:center;
}

.overlay{
position:absolute;
width:100%;
height:100%;
background:rgba(0,0,0,0.6);
}

.hero-content{
position:relative;
z-index:2;
width:90%;
margin:auto;
max-width:600px;
}

.hero h1{
font-family:'Playfair Display',serif;
font-size:55px;
margin-bottom:10px;
}

.hero h2{
color:#d4a017;
margin-bottom:15px;
}

.btn{
display:inline-block;
background:#d4a017;
padding:12px 30px;
border-radius:30px;
color:black;
text-decoration:none;
font-weight:600;
margin-top:15px;
}

.services{
padding:80px 10%;
text-align:center;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:20px;
margin-top:40px;
}

.service{
background:#1c1c1c;
padding:20px;
border-radius:10px;
transition:0.3s;
}

.service:hover{
background:#d4a017;
color:black;
}

.about{
padding:80px 20%;
}

.about-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

.about img{
width:80%;
border-radius:10px;
}

@media (max-width: 768px) {
.about{
padding:40px 5%;
}

.about-grid{
grid-template-columns:1fr;
gap:20px;
}

.about img{
max-width:100%;
height:auto;
}
}

.cta{
text-align:center;
padding:80px 20px;
background:#111;
}

footer{
text-align:center;
padding:30px;
background:black;
font-size:14px;
}
.hero-logo{
width:420px;
max-width:90%;
margin-bottom:20px;
}
.whatsapp-float{
position:fixed;
bottom:25px;
right:25px;

width:60px;
height:60px;

background:#25D366;
border-radius:50%;

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

box-shadow:0 6px 15px rgba(0,0,0,0.3);

z-index:999;
transition:0.3s;
}

.whatsapp-float:hover{
transform:scale(1.1);
background:#1ebe5b;
}
.location{
text-align:center;
padding:70px 20px;
background:#111;
}

.location h2{
font-family:'Playfair Display',serif;
font-size:34px;
margin-bottom:15px;
}

.location p{
font-size:18px;
margin-bottom:25px;
color:#ddd;
}

.map-btn{
background:#d4a017;
color:black;
padding:12px 28px;
border-radius:30px;
text-decoration:none;
font-weight:600;
transition:0.3s;
}

.map-btn:hover{
background:#f1c232;
}