.logo-slider-container {
    overflow: hidden;
    width: 100%;
    background: transparent;
    padding: 20px 0;
}

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

.logo-track {
    display: flex;
    /* Remove CSS animation, will be controlled by JS */
}

.logo-item {
    flex-shrink: 0;
    width: 200px; /* Adjust based on logo size */
    height: 100px; /* Adjust based on logo size */
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
}

.logo-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    transition: filter 0.3s ease;
}

.logo-item img:hover {
    filter: grayscale(0%);
}

/* Responsive */