.client-section{
    padding:80px 0;
    text-align:center;
    background:#fff;
}

.client-section h2{
    font-size:42px;
    font-weight:700;
    margin-bottom:50px;
}

.logo-slider{
    overflow:hidden;
    position:relative;
    width:100%;
}

.logo-track{
    display:flex;
    align-items:center;
    width:calc(250px * 12);
    animation:scroll 25s linear infinite;
}

.logo-track img{
    width:200px;
     height:100px;
    margin:0 40px;
    object-fit:contain;
    transition:.3s;
} 

.logo-track img:hover{
    filter:grayscale(0%);
    transform:scale(1.05);
}

@keyframes scroll {

    0%{
        transform:translateX(0);
    }

    100%{
        transform:translateX(calc(-250px * 6));
    }

}

.logo-slider:hover .logo-track{
    animation-play-state:paused;
}

@media(max-width:768px){

    .client-section h2{
        font-size:28px;
    }

    .logo-track img{
        width:120px;
        margin:0 20px;
    }

}