/*====================================================
              DIFERENCIAIS
=====================================================*/


.diferenciais{

    background:#ffffff;
    padding:40px 0;

}





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


.diferenciais-grid{

    display:grid;

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

    gap:25px;

}





/*====================================================
              CARD
=====================================================*/


.diferencial-card{

    text-align:center;

    padding:35px 20px;

    border-radius:18px;

    background:#ffffff;

    border:1px solid #eeeeee;

    transition:.3s;

}



.diferencial-card:hover{

    transform:translateY(-8px);

    box-shadow:0 20px 40px rgba(0,0,0,.08);

    border-color:#0066ff;

}





/*====================================================
              ICONE
=====================================================*/


.diferencial-card .icon{

    width:65px;

    height:65px;

    margin:0 auto 25px;

    border-radius:50%;

    background:#eaf2ff;

    display:flex;

    align-items:center;

    justify-content:center;

    transition:.3s;

}



.diferencial-card .icon i{

    color:#0066ff;

    font-size:26px;

}



.diferencial-card:hover .icon{

    background:#0066ff;

    transform:scale(1.1);

}



.diferencial-card:hover .icon i{

    color:#ffffff;

}





/*====================================================
              TEXTO
=====================================================*/


.diferencial-card h3{

    font-size:17px;

    color:#111111;

    margin-bottom:15px;

    font-weight:700;

}



.diferencial-card p{

    color:#666666;

    font-size:14px;

    line-height:1.6;

}





/*====================================================
              TABLET
=====================================================*/


@media(max-width:1100px){


    .diferenciais-grid{

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

    }


}





/*====================================================
              CELULAR
=====================================================*/


@media(max-width:768px){


    .diferenciais{

        padding:60px 0;

    }



    .diferenciais-grid{

        grid-template-columns:1fr;

        gap:20px;

    }



    .diferencial-card{

        padding:30px 25px;

    }


}