.marquee-container-5bc2ef28 {
    display: flex;
    overflow: hidden;
    width: 100%;
    position: relative;
}

.marquee-track-5bc2ef28 {
    display: flex;
    align-items: center;
    width: max-content;
    gap: var(--marquee-gap, 20px);
    animation: marqueeAnimation5bc2ef28 var(--marquee-speed, 20s) linear infinite var(--marquee-direction, normal);
}

.marquee-track-5bc2ef28.marquee-pause-hover:hover {
    animation-play-state: paused;
}

.marquee-item-5bc2ef28 {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.marquee-item-5bc2ef28 img {
    max-width: none;
    object-fit: contain;
    /* Height and width controlled via Elementor CSS variables */
}

@keyframes marqueeAnimation5bc2ef28 {
    0% {
        transform: translateX(0);
    }
    100% {
        /* Translates exactly 50% of the total width plus half a gap 
           because we duplicated the items (2 sets). This makes it loop seamlessly. */
        transform: translateX(calc(-50% - (var(--marquee-gap, 20px) / 2)));
    }
}