/*=========================================
CLIENT LOGOS
=========================================*/
.clients-section{
    padding:120px 0;
    background:#ffffff;
    overflow:hidden;
}

.clients-marquee{
    overflow:hidden;
    margin-top:70px;
}

.clients-track{
    display:flex;
    align-items:center;
    gap:90px;
    width:max-content;
    animation:marquee 30s linear infinite;
}

.clients-track img{
    height:70px;
    width:auto;
    filter:grayscale(100%);
    opacity:.6;
    transition:.4s;
}

.clients-track img:hover{
    filter:none;
    opacity:1;
    transform:scale(1.1);
}

@keyframes marquee{
    0%{
        transform:translateX(0);
    }
    100%{
        transform:translateX(-50%);
    }
}