@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-900px); /* Exactly 5 logos × 180px */
    }
}

.animate-scroll {
    animation: scroll 50s linear infinite;
}

/* Optional: Pause on hover */
.animate-scroll:hover {
    animation-play-state: paused;
}

/*BG PATTERN*/
.dots-gray {
    background-color: #111827; /* gray-900 */
    background-image: radial-gradient(circle, #374151 1px, transparent 1px); /* gray-700 dots */
    background-size: 20px 20px;
}

/* Or for gray-800 dots */
.dots-gray-800 {
    background-color: #111827; /* gray-900 */
    background-image: radial-gradient(circle, #1f2937 1px, transparent 1px); /* gray-800 dots */
    background-size: 20px 20px;
}