/* =====================
SERVICES HERO
===================== */

.services-hero{

padding:150px 0;

background:

linear-gradient(
135deg,
#081B33,
#144272);

text-align:center;

}


.services-hero h1{

color:white;

}


.services-hero p{

color:#dbeafe;

margin-top:20px;

}



/* =====================
ALL SERVICES
===================== */

.all-services{

background:white;

}


.services-grid{

display:grid;

grid-template-columns:

repeat(4,1fr);

gap:30px;

}



.service-card{

background:

var(--light);

padding:30px;

border-radius:30px;

box-shadow:

var(--shadow);

transition:.4s;

text-align:center;

}


.service-card:hover{

transform:

translateY(-10px);

}



.service-card img{

width:100%;

height:220px;

object-fit:cover;

border-radius:20px;

margin-bottom:25px;

}