.services-hero{

padding:100px 20px;

background:linear-gradient(
135deg,
#009639,
#005b2e);

color:#fff;

text-align:center;

}

.container{

max-width:1200px;

margin:auto;

}

.services-hero h1{

font-size:52px;

margin-bottom:20px;

}

.services-hero p{

font-size:20px;

max-width:700px;

margin:auto;

line-height:1.8;

}



.services-grid{

padding:90px 20px;

background:#fafafa;

}



.services-grid .container{

display:grid;

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

gap:35px;

}



.service-card{

background:#fff;

padding:40px;

border-radius:18px;

box-shadow:0 10px 40px rgba(0,0,0,.08);

transition:.35s;

}



.service-card:hover{

transform:translateY(-12px);

}



.service-icon{

font-size:50px;

margin-bottom:25px;

}



.service-card h2{

margin-bottom:20px;

}



.service-card p{

line-height:1.8;

color:#666;

margin-bottom:30px;

}



.service-button{

display:inline-block;

background:#009639;

padding:14px 28px;

border-radius:40px;

text-decoration:none;

color:#fff;

font-weight:600;

}



.service-button:hover{

background:#006a2c;

}



@media(max-width:900px){

.services-grid .container{

grid-template-columns:1fr;

}

.services-hero h1{

font-size:38px;

}

}