.logo-slider {
    padding: 2.5rem 1.5rem;
    overflow: hidden;
}

.logo-slider__track {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 3rem;
    max-width: 1100px;
    margin: 0 auto;
}

.logo-slider__item {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.logo-slider__image {
    height: var(--logo-slider-height, 48px);
    width: auto;
    max-width: 200px;
    object-fit: contain;
    display: block;
}

.logo-slider__item--duplicate {
    display: none;
}

.logo-slider--animated .logo-slider__item--duplicate {
    display: flex;
}

.logo-slider--animated .logo-slider__track {
    flex-wrap: nowrap;
    justify-content: flex-start;
    max-width: none;
    width: max-content;
    animation: logo-slider-scroll 30s linear infinite;
}

@keyframes logo-slider-scroll {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-50%);
    }
}

@media (max-width: 767.98px) {
    .logo-slider {
        padding: 1.75rem 1.5rem;
    }

    .logo-slider__track {
        gap: 2rem;
    }

    .logo-slider--animated-mobile .logo-slider__item--duplicate {
        display: flex;
    }

    .logo-slider--animated-mobile .logo-slider__track {
        flex-wrap: nowrap;
        justify-content: flex-start;
        max-width: none;
        width: max-content;
        gap: 3rem;
        animation: logo-slider-scroll 30s linear infinite;
    }

}