.marquee { width: 100%; overflow: hidden; padding: 15px 0px; }
.marquee-content { display: inline-flex; gap: 80px; white-space: nowrap; animation: 50s linear 0s infinite normal none running scroll; }
.marquee-content span { color: rgb(255, 255, 255); font-size: 22px; text-transform: uppercase; font-weight: 600; letter-spacing: 0.5px; }
@keyframes scroll { 
  0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }
}
.marquee:hover .marquee-content { animation-play-state: paused; }