/* ============================
   CLIENT SECTION
============================ */


.clients-section {


    padding: 90px 0;

    background: #ffffff;


}




.clients-section .section-heading span {


    color: #e63946;

    font-size: 14px;

    font-weight: 700;

    letter-spacing: 2px;


}



.clients-section .section-heading h2 {


    font-size: 45px;

    font-weight: 800;

    color: #081426;

    margin: 15px 0;


}



.clients-section .section-heading p {


    color: #64748b;

    font-size: 18px;


}







/* LOGO SLIDER */


.clients-slider {


    margin-top: 60px;

    overflow: hidden;

    position: relative;


}





.clients-track {


    display: flex;

    width: max-content;


    animation:
        clientScroll 25s linear infinite;


}





.clients-slider:hover .clients-track {


    animation-play-state: paused;


}






.client-logo {


    width: 220px;

    height: 120px;


    margin-right: 30px;


    background: #fff;


    border-radius: 20px;


    display: flex;

    align-items: center;

    justify-content: center;


    padding: 25px;


    box-shadow:

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


    transition: .4s;


}






.client-logo img {


    max-width: 150px;

    max-height: 70px;


    object-fit: contain;


    filter: grayscale(100%);


    opacity: .7;


    transition: .4s;


}




.client-logo:hover {


    transform:

        translateY(-10px);


    box-shadow:

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


}




.client-logo:hover img {


    filter: grayscale(0);

    opacity: 1;


}








/* AUTO SCROLL */


@keyframes clientScroll {


    from {


        transform: translateX(0);


    }



    to {


        transform: translateX(-50%);


    }


}







@media(max-width:768px) {



    .clients-section .section-heading h2 {


        font-size: 34px;


    }




    .client-logo {


        width: 160px;

        height: 100px;

    }



    .client-logo img {


        max-width: 110px;


    }


}