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

.services-section{

padding:110px 0;

background:#f8fafc;

}

.container{

width:min(1320px,92%);

margin:auto;

}

.section-title{

text-align:center;

margin-bottom:60px;

}

.section-title span{

color:#0A84FF;

font-weight:900;

letter-spacing:2px;

}

.section-title h2{

font-size:48px;

margin:16px 0;

color:#071326;

}

.section-title p{

font-size:18px;

color:#64748b;

}

.services-grid{

display:grid;

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

gap:26px;

}

.service-card{

background:#fff;

padding:36px;

border-radius:24px;

transition:.35s;

}

.service-card:hover{

transform:translateY(-10px);

}

.service-card h3{

font-size:24px;

margin-bottom:18px;

}

.service-card p{

line-height:1.8;

color:#64748b;

}

@media(max-width:991px){

.services-grid{

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

}

}

@media(max-width:600px){

.services-grid{

grid-template-columns:1fr;

}

}