/* --- Optimized Brand Marquee (Full Color & Faster) --- */
@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  display: flex;
  width: max-content;
  /* Speed increased: 20s for a snappy feel */
  animation: marquee 40s linear infinite; 
}

/* UX: Pause on hover so users can click specific brands easily */
.group:hover .animate-marquee {
  animation-play-state: paused;
}

/* Polished Logo Styling - NOW IN FULL COLOR */
.marquee-logo {
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  filter: none; /* Removed grayscale/contrast filters */
  opacity: 1;    /* Full visibility */
  padding: 0 10px; 
}

.marquee-logo:hover {
  transform: scale(1.1); /* Subtle pop on hover */
  cursor: pointer;
}

/* Fade Edges for Professional Look */
.marquee-overlay-left {
  background: linear-gradient(to right, #f9fafb 0%, rgba(249, 250, 251, 0) 100%);
}

.marquee-overlay-right {
  background: linear-gradient(to left, #f9fafb 0%, rgba(249, 250, 251, 0) 100%);
}