/*======================================
SERVICIOS
======================================*/

.services{

    padding:120px 0;

}

/*======================================
GRID
======================================*/

.services-grid{

    display:grid;

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

    gap:30px;

    margin-top:70px;

}

/*======================================
TARJETA
======================================*/

.service-card{

    padding:40px 30px;

    text-align:center;

    border-radius:24px;

    background:

        linear-gradient(

            180deg,

            #10192d,

            #0b1224

        );

    border:1px solid rgba(255,255,255,.08);

    transition:.35s;

}

.service-card:hover{

    transform:translateY(-10px);

    border-color:#27b7ff;

    box-shadow:0 20px 50px rgba(0,0,0,.35);

}

/*======================================
ICONO
======================================*/

.service-card i{

    display:block;

    margin-bottom:25px;

    font-size:52px;

    color:var(--primary);

}

/*======================================
CONTENIDO
======================================*/

.service-card h3{

    margin-bottom:18px;

    font-size:28px;

}

.service-card p{

    color:#9BA8BC;

    line-height:1.8;

}