*{
}
.marquee-container {
  overflow: hidden; /* Hides the text when it leaves the box */
  white-space: nowrap; /* Keeps text in one line */
  background: #FFF200;
  padding: 10px 0;
  color: blue;
font-weight: 500;
}

.marquee-content {
  display: inline-block;
  padding-left: 100%; /* Starts the text off-screen to the right */
  animation: scroll-left 30s linear infinite;
}

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

/* Optional: Pause on hover */
.marquee-container:hover .marquee-content {
  animation-play-state: paused;
}