/* =========================
SERVICES SECTION
========================= */

.services-section{
padding:100px 20px;
text-align:center;
}

.services-title{
margin-bottom:50px;
}

.services-title h1{
font-size:40px;
}

/* SERVICES GRID */

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

.service-card{
background:white;
padding:30px;
border-radius:10px;
box-shadow:0 5px 15px rgba(0,0,0,0.05);
transition:0.3s;
}

.service-card:hover{
transform:translateY(-5px);
}

/* =========================
RESPONSIVE
========================= */

@media(max-width:900px){

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

}

@media(max-width:768px){

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

.services-title h1{
font-size:30px;
}

}