body{
font-family:Poppins;
margin:0;
background:#0f0f0f;
color:white;
}

/* header{
background:#111;
padding:20px;
position:sticky;
top:0;
} */

header{
background:#111;
padding:20px;
position:sticky;
top:0;
z-index:1000;
}

.nav{
display:flex;
justify-content:space-between;
align-items:center;
max-width:1100px;
margin:auto;
}

.nav-links a{
margin-left:20px;
text-decoration:none;
color:white;
font-weight:500;
}

.hero{
text-align:center;
padding:120px 20px;
background:linear-gradient(135deg,#111,#222);
}

.hero h2{
font-size:40px;
margin-bottom:20px;
}

.hero p{
max-width:600px;
margin:auto;
opacity:.8;
}

.cta{
display:inline-block;
margin-top:30px;
padding:15px 35px;
background:#00c853;
color:white;
text-decoration:none;
border-radius:6px;
}

.about{
padding:80px 20px;
text-align:center;
max-width:900px;
margin:auto;
}

/* .services{
padding:80px 20px;
background:#151515;
text-align:center;
} */

.services{
padding:80px 15px;
background:#151515;
text-align:center;
width:100%;
box-sizing:border-box;
}

.service-container{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:30px;
margin-top:40px;
}

.card{
background:#1f1f1f;
padding:30px;
width:280px;
border-radius:10px;
}

.contact{
padding:80px 20px;
text-align:center;
}

form{
max-width:500px;
margin:auto;
display:flex;
flex-direction:column;
gap:15px;
}

input,select,textarea{
padding:12px;
border:none;
border-radius:6px;
}

textarea{
height:120px;
}

button{
padding:14px;
background:#00c853;
border:none;
color:white;
font-size:16px;
border-radius:6px;
cursor:pointer;
}

footer{
background:#111;
padding:40px;
text-align:center;
}

.social a{
margin:0 10px;
color:#00c853;
text-decoration:none;
}

.whatsapp-float{
position:fixed;
bottom:25px;
right:25px;
background:#25D366;
color:white;
padding:15px 20px;
border-radius:50px;
text-decoration:none;
font-weight:600;
box-shadow:0 5px 15px rgba(0,0,0,.3);
}

.results{
padding:80px 20px;
text-align:center;
}

.results-container{
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:30px;
margin-top:40px;
}

.result-card{
background:#1b1b1b;
padding:25px;
width:260px;
border-radius:10px;
font-style:italic;
}

.instagram{
padding:80px 20px;
text-align:center;
background:#141414;
}

html{
scroll-behavior:smooth;
}

.card{
background:#1f1f1f;
padding:25px;
width:260px;
border-radius:10px;
opacity:0;
transform:translateY(40px);
transition:all .6s ease;
}

@media (max-width:768px){

.nav{
flex-direction:column;
gap:10px;
text-align:center;
}

.nav-links{
display:flex;
gap:15px;
flex-wrap:wrap;
justify-content:center;
}

.hero h2{
font-size:28px;
}

}

@media (max-width:768px){

/* .service-container{
flex-direction:column;
align-items:center;
}

.card{
width:90%;
opacity:1;
transform:none;
} */

.service-container{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
width:100%;
}

.card{
width:90%;
max-width:350px;
margin:auto;
opacity:1;
transform:none;
}

form{
width:90%;
}

input,select,textarea{
font-size:16px;
}

}