.custom-logo-marquee {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.custom-logo-marquee .marquee-content {
    display: flex;
    align-items: center;
    animation: logo-marquee-scroll var(--marquee-speed) linear infinite;
}

.custom-logo-marquee .logo-item {
    flex: 0 0 calc(100% / var(--page-to-show) - (var(--spacing) * (var(--page-to-show) / (var(--page-to-show) - 1))));
    max-width: calc(100% / var(--page-to-show) - (var(--spacing) * (var(--page-to-show) / (var(--page-to-show) - 1))));
    margin-right: var(--spacing);
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 1024px) {
    .custom-logo-marquee .logo-item {
        flex: 0 0 calc(100% / var(--tablet-page-to-show) - (var(--spacing) * (var(--tablet-page-to-show) / (var(--tablet-page-to-show) - 1))));
        max-width: calc(100% / var(--tablet-page-to-show) - (var(--spacing) * (var(--tablet-page-to-show) / (var(--tablet-page-to-show) - 1))));
    }
    .custom-logo-marquee .marquee-content {
        animation: logo-marquee-scroll calc(var(--marquee-speed-tablet)) linear infinite;
    }
}

@media (max-width: 768px) {
    .custom-logo-marquee .logo-item {
        flex: 0 0 calc(100% / var(--mobile-page-to-show) - (var(--spacing) * (var(--mobile-page-to-show) / (var(--mobile-page-to-show) - 1))));
        max-width: calc(100% / var(--mobile-page-to-show) - (var(--spacing) * (var(--mobile-page-to-show) / (var(--mobile-page-to-show) - 1))));
    }
    .custom-logo-marquee .marquee-content {
        animation: logo-marquee-scroll calc(var(--marquee-speed-mobile)) linear infinite;
    }
}

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