/* Marquee Loop Animation */

.marquee-wrapper {
  background: rgba(150,193,33,0.9);
  color: #ffffff;
  padding: 15px 0;
  overflow: hidden;
  position: relative;
  display: flex;
  font-family: 'Montserrat';
  font-weight: bold;
}

.marquee-wrapper:hover .marquee-track {
  animation-play-state: paused;
}

/* الحاوية الخارجية */

.marquee-container {
  overflow: hidden;
  width: 100%;
}

/* المسار المتحرك */

.marquee-track {
  display: flex;
  gap: 30px;
  width: max-content;
  animation: marquee-scroll 15s linear infinite;
}

/* الحركة اللانهائية */

@keyframes marquee-scroll {
  0% {
    transform: translateX(10%);
  }
  100% {
    transform: translateX(-90%);
  }
}

/* إيقاف الحركة عند التمرير بالماوس (اختياري) */

.marquee-container:hover .marquee-track {
  animation-play-state: paused;
}

/* إيقاف الحركة عند التمرير بالماوس (اختياري) */