/* ======================================== */
/* CLIENTS SECTION */
/* ======================================== */

.clients-section{

    width:100%;

    background:#f3f3f3;

    overflow:hidden;
}

/* ======================================== */
/* SLIDER */
/* ======================================== */

.clients-slider{

    width:100%;

    overflow:hidden;
}

/* ======================================== */
/* TRACK */
/* ======================================== */

.clients-track{

    display:flex;

    align-items:center;

    gap:80px;

    width:max-content;

    height:120px;

    animation:
    clientsScroll 22s linear infinite;
}

/* ======================================== */
/* LOGOS */
/* ======================================== */

.clients-track img{

    height:75px;

    width:auto;

    display:block;

    object-fit:contain;

    filter:grayscale(100%);

    opacity:.7;

    transition:.35s ease;
}

/* HOVER */

.clients-track img:hover{

    filter:grayscale(0);

    opacity:1;

    transform:scale(1.05);
}

/* ======================================== */
/* ANIMATION */
/* ======================================== */

@keyframes clientsScroll{

    from{

        transform:translateX(0);
    }

    to{

        transform:translateX(-50%);
    }
}

/* ======================================== */
/* MOBILE */
/* ======================================== */

@media(max-width:768px){

    .clients-track{

        gap:45px;

        height:85px;
    }

    .clients-track img{

        height:45px;
    }
}