/* CONTENEUR */
.logo-slider {
    width: 100%;
    max-width: none !important;
    overflow: hidden;
    padding: 30px 0;
}

/* PISTE DE DÉFILEMENT */
.logo-track {
    display: flex;
    gap: 100px;
    width: max-content;
    animation: scroll 45s linear infinite;
}

/* LOGOS */
.logo-track img {
    width: auto;
    height: 100px;
    margin: 0 30px;
    object-fit: contain;
    filter: grayscale(100%);
}

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

/* ANIMATION */
@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .logo-track img {
        width: 120px;
        margin: 0 20px;
    }
}