.marquee-container {
    width: max-content;
    display: flex;
    animation: scroll 30s linear infinite; /* Speed yahan se slow/fast karein */
}

.marquee-content {
    flex-shrink: 0;
    display: flex;
    white-space: nowrap;
}

@keyframes scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-50%); /* 50% kyunki humne content duplicate kiya hai */
    }
}

/* Hover par rokne ke liye (Optional) */
.marquee-container:hover {
    animation-play-state: paused;
}