/* HERO */

.service-hero{

padding:160px 0;

background:

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

text-align:center;

}


.service-hero h1{

color:white;

}


.service-hero p{

color:#dbeafe;

margin-top:20px;

}



/* OVERVIEW */

.overview-grid{

display:grid;

grid-template-columns:

1fr 1fr;

gap:80px;

align-items:center;

}


.overview-grid img{

border-radius:30px;

box-shadow:

var(--shadow);

}



.overview-grid ul{

margin-top:30px;

}


.overview-grid li{

margin-bottom:20px;

}



/* PROBLEMS */

.problem-grid{

display:grid;

grid-template-columns:

repeat(4,1fr);

gap:30px;

}


.problem-card{

background:white;

padding:40px;

border-radius:30px;

box-shadow:

var(--shadow);

text-align:center;

}



/* CTA */

.cta-banner{

background:

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

text-align:center;

}


.cta-banner h2{

color:white;

}


.cta-banner p{

color:#dbeafe;

margin:30px 0;

}