.logo-slider-wrapper-bf0080af {
    overflow: hidden;
    width: 100%;
    position: relative;
    padding: 20px 0;
    --gap-width: 40px;
}

/* Create soft fade at edges */
.logo-slider-wrapper-bf0080af::before,
.logo-slider-wrapper-bf0080af::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    z-index: 2;
    pointer-events: none;
}
.logo-slider-wrapper-bf0080af::before {
    left: 0;
    background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
}
.logo-slider-wrapper-bf0080af::after {
    right: 0;
    background: linear-gradient(to left, rgba(0,0,0,1) 0%, rgba(255,255,255,0) 100%);
}

.logo-slider-track-bf0080af {
    display: flex;
    width: max-content;
    align-items: center;
    gap: var(--gap-width, 40px);
    animation: logoMarquee_bf0080af linear infinite;
}

/* Pause scroll animation on hover */
.logo-slider-wrapper-bf0080af:hover .logo-slider-track-bf0080af {
    animation-play-state: paused;
}

.logo-item-bf0080af {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.3s ease;
}

.logo-item-bf0080af img {
    height: 60px;
    width: auto;
    object-fit: contain;
    display: block;
}

@keyframes logoMarquee_bf0080af {
    0% {
        transform: translate3d(0, 0, 0);
    }
    100% {
        transform: translate3d(calc(-50% - (var(--gap-width, 40px) / 2)), 0, 0);
    }
}