.mogul-intro-gallery {
    display: grid;
    width: 100%;
    height: var(--height, 100vh);
    gap: var(--gap, 5px);
    overflow: hidden;
    position: relative;
}

.elementor-widget-mogul_intro {
    display: flex;
}

.elementor-widget-mogul_intro .elementor-widget-container {
    width: 100%;
    display: flex;
}

.mogul-intro-column {
    overflow: hidden;
    position: relative;
    min-height: 100%;
    transition:
        transform 1.2s cubic-bezier(0.22, 1, 0.36, 1) var(--intro-delay, 0ms),
        opacity 0.6s ease var(--intro-delay, 0ms);
}

/* Upward-scrolling columns enter from the bottom, downward ones from the top */
.mogul-intro-column.is-entering {
    opacity: 0;
    transform: translateY(100%);
}

.mogul-intro-column[data-direction="down"].is-entering {
    transform: translateY(-100%);
}

.mogul-intro-track {
    display: flex;
    flex-direction: column;
    animation: mogul-scroll-up var(--animation-duration, 90s) linear infinite;
    will-change: transform;
}

.mogul-intro-column[data-direction="down"] .mogul-intro-track {
    animation-name: mogul-scroll-down;
}

.mogul-intro-loop {
    display: flex;
    flex-direction: column;
    gap: var(--gap, 5px);
    padding-bottom: var(--gap, 5px);
}

.mogul-intro-slide {
    display: block;
    width: 100%;
    height: auto;
    flex: 0 0 auto;
}

.mogul-intro-slide img {
    display: block;
    width: 100%;
    height: auto;
}

@keyframes mogul-scroll-up {
    to {
        transform: translateY(-50%);
    }
}

@keyframes mogul-scroll-down {
    from {
        transform: translateY(-50%);
    }

    to {
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .mogul-intro-track {
        animation: none;
    }

    .mogul-intro-column,
    .mogul-intro-column.is-entering {
        transition: none;
        transform: none;
        opacity: 1;
    }
}