.zefort-logo-slider .slider {
    overflow: hidden;
    position: relative;
    width: 100%;
    max-width: 1400px;
    height: 48px;
    display: flex;
    margin: 0 auto;
}

.zefort-logo-slider .slider::before,
.zefort-logo-slider .slider::after {
    content: '';
    position: absolute;
    top: 0;
    width: 10px;
    height: 100%;
    z-index: 2;
}

/* .zefort-logo-slider .slider::before {
    background: linear-gradient(to right, rgba(204, 176, 255, 1), rgba(213, 222, 242, 0))
}

.zefort-logo-slider .slider::after {
    right: 0;
    background: linear-gradient(to left, rgba(204, 176, 255, 1), rgba(213, 222, 242, 0))
} */

.zefort-logo-slider .slider-track {
    display: flex;
    animation: zefort-logo-scroll 10s linear infinite;
}

.zefort-logo-slider .slider-track img {
    height: 32px;
    margin-right: 64px;
    opacity: 0.5;
    filter: brightness(0.5) grayscale(1);
    transition: filter 0.3s ease, opacity 0.3s ease;
}

@media (max-width: 800px) {
    .zefort-logo-slider .slider-track img {
        height: 24px;
        margin-right: 32px;
    }
}

.zefort-logo-slider .slider-track img:hover {
    opacity: 1;
    filter: none;
}

.zefort-logo-slider .slider-track:hover {
    animation-play-state: paused;
}

@keyframes zefort-logo-scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}