/*====================================
        BANNER BENEFICIOS
====================================*/

.beneficios{

    background:#fff;

    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec;

    overflow:hidden;

    padding:18px 0;

}

.beneficios-track{

    display:flex;
    align-items:center;

    width:max-content;

    animation:scrollBeneficios 32s linear infinite;

}

.beneficios:hover .beneficios-track{

    animation-play-state:paused;

}

.beneficio{

    display:flex;
    align-items:center;

    gap:18px;

    padding:0 60px;

    flex-shrink:0;

}

.beneficio i{

    font-size:34px;

    color:#ef4d3d;

    flex-shrink:0;

}

.beneficio-texto h4{

    margin:0;

    font-size:15px;

    font-weight:700;

    color:#EF4D3D;

    letter-spacing:.3px;

}

.beneficio-texto p{

    margin:4px 0 0;

    font-size:14px;

    color:#777;

    white-space:nowrap;

}

.beneficio::after{

    content:"•";

    color:#ef4d3d;

    font-size:24px;

    margin-left:60px;

}

.beneficio:last-child::after{

    display:none;

}

@keyframes scrollBeneficios{

    from{

        transform:translateX(0);

    }

    to{

        transform:translateX(-50%);

    }

}

@media(max-width:768px){

    .beneficio{

        padding:0 35px;

    }

    .beneficio i{

        font-size:26px;

    }

    .beneficio-texto h4{

        font-size:13px;

    }

    .beneficio-texto p{

        font-size:12px;

    }

}