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


.services{

    padding:100px 0;

    background:#f5f7fb;

}


.services h2{

    text-align:center;

    font-size:42px;

    margin-bottom:60px;

    color:#0d1b2a;

}


/* Сетка */

.cards{

    display:grid;

    grid-template-columns:
    repeat(auto-fit,minmax(280px,1fr));

    gap:30px;

}



/* Карточка */

.card{


    background:#fff;

    padding:40px 30px;

    border-radius:20px;

    text-align:center;

    position:relative;

    overflow:hidden;

    box-shadow:

    0 10px 30px rgba(0,0,0,.08);

    transition:.35s;


}



.card::before{


    content:"";

    position:absolute;

    top:0;

    left:0;

    width:100%;

    height:5px;

    background:#005bbb;

    transform:scaleX(0);

    transition:.35s;


}



.card:hover::before{


    transform:scaleX(1);


}



.card:hover{


    transform:translateY(-10px);


    box-shadow:

    0 25px 50px rgba(0,0,0,.15);


}



/* Иконки */


.card i{


    display:block;

    font-size:55px;

    color:#005bbb;

    margin-bottom:25px;


}



.card h3{


    font-size:23px;

    color:#0d1b2a;

    margin-bottom:15px;


}



.card p{


    color:#666;

    font-size:16px;

    line-height:1.6;


}

/* END SERVICES */