.marquee-container {
    display: flex;
    flex-wrap: nowrap;
    overflow: hidden;
    width: 100%;
}

.marquee-col {
    overflow: hidden;
    flex: 1;
    position: relative;
}

/* Vertical Animation */
@keyframes scroll-down {
    0% { transform: translateY(-50%); }
    100% { transform: translateY(0); }
}

@keyframes scroll-up {
    0% { transform: translateY(0); }
    100% { transform: translateY(-60%); }
}

.vertical .marquee-col:nth-child(odd) .marquee-items {
    animation: scroll-down 10s linear infinite;
}

.vertical .marquee-col:nth-child(even) .marquee-items {
    animation: scroll-up 10s linear infinite;
}

/* Horizontal Animation */
@keyframes scroll-left {
    0% { transform: translateX(60%); }
    100% { transform: translateX(0); }
}

@keyframes scroll-right {
    0% { transform: translateX(0); }
    100% { transform: translateX(60%); }
}

.horizontal .marquee-col:nth-child(odd) .marquee-items {
    animation: scroll-left 10s linear infinite;
}

.horizontal .marquee-col:nth-child(even) .marquee-items {
    animation: scroll-right 10s linear infinite;
}
