.services{
padding:80px 0;
background:#f7f7f7;
}

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

.service-card{
background:white;
border-radius:12px;
overflow:hidden;
box-shadow:0 10px 25px rgba(0,0,0,.06);
transition:.3s;
text-decoration:none;
color:#222;
}

.service-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,.12);
}

.service-card img{
width:100%;
display:block;
}

.service-content{
padding:22px;
text-align:center;
}

.service-content h3{
font-size:20px;
margin-bottom:10px;
}


/* TABLET */

@media(max-width:1000px){

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

}


/* MOBILE */

@media(max-width:600px){

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

.service-card{
max-width:420px;
margin:auto;
}

}