.flex-content.logo-slider .main-title {
    font-weight: 500;
    margin-bottom: 35px;
}

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

.flex-content.logo-slider .logo-track {
    display: flex;
    width: max-content;
    gap: 60px;
    /* control speed here */
    --marquee-speed: 30s;
    animation: scroll-logo-slider var(--marquee-speed) linear infinite;
}

.flex-content.logo-slider .logo-marquee:hover .logo-track.pause-on-hover {
    animation-play-state: paused;
}

.flex-content.logo-slider .logo-track img {
    height: 60px;
    width: auto;
    flex-shrink: 0;
}

.flex-content.logo-slider .logo-track.greyscale img {
    filter: grayscale(100%)
}

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