/* Services CSS *//* ==========================================================
   SERVICES
========================================================== */

.services{

background:white;

}

.services-grid{

display:grid;

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

gap:32px;

margin-top:70px;

}

.service-card{

position:relative;

padding:45px;

border-radius:24px;

background:white;

border:1px solid #EDF1F5;

transition:.35s;

overflow:hidden;

}

.service-card::before{

content:"";

position:absolute;

top:0;

left:0;

width:4px;

height:100%;

background:var(--primary);

transform:scaleY(0);

transition:.35s;

transform-origin:top;

}

.service-card:hover{

transform:translateY(-10px);

box-shadow:0 25px 55px rgba(0,0,0,.08);

}

.service-card:hover::before{

transform:scaleY(1);

}

.service-number{

width:62px;

height:62px;

border-radius:18px;

background:linear-gradient(135deg,#24A8FF,#1684D8);

margin-bottom:35px;

}

.service-card h3{

font-size:30px;

margin-bottom:18px;

color:#111827;

}

.service-card p{

font-size:17px;

line-height:1.9;

margin-bottom:35px;

}

.service-card a{

text-decoration:none;

font-weight:700;

color:var(--primary);

}