body{

font-family: Arial;
margin:0;
background:#f4f4f4;

}


header{

display:flex;
justify-content:space-between;
align-items:center;
padding:15px 40px;
background:#0a6a47;
color:white;

}


.logo{

display:flex;
align-items:center;

}


.logo img{

width:55px;
margin-right:10px;

}


nav a{

color:white;
margin-left:20px;
text-decoration:none;
font-weight:bold;

}


.hero{

height:450px;
background:#0a6a47;
color:white;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
text-align:center;

}


.hero h1{

font-size:42px;

}


.hero button{

padding:14px 30px;
border:none;
background:white;
color:#0a6a47;
font-weight:bold;
cursor:pointer;

}


section{

padding:60px 30px;
text-align:center;

}


.services{

display:flex;
flex-wrap:wrap;
justify-content:center;
gap:25px;

}


.card{

background:white;
padding:25px;
width:260px;
border-radius:10px;
box-shadow:0 4px 12px rgba(0,0,0,0.2);

}


.about-grid{

display:flex;
justify-content:center;
gap:40px;
flex-wrap:wrap;

}


footer{

background:#0a6a47;
color:white;
text-align:center;
padding:20px;

}
.whatsapp-float{

position:fixed;
bottom:20px;
right:20px;
background:#25D366;
color:white;
padding:15px 20px;
border-radius:30px;
text-decoration:none;
font-weight:bold;
box-shadow:0 4px 10px rgba(0,0,0,0.3);

}

form{

display:flex;
flex-direction:column;
max-width:400px;
margin:auto;
gap:15px;

}

input, textarea{

padding:12px;
border:1px solid #ccc;
border-radius:6px;

}

form button{

background:#0a6a47;
color:white;
padding:12px;
border:none;
cursor:pointer;

}