@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-marquee {
  animation: marquee 20s linear infinite;
}

@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes scrollRight {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(0);
  }
}

.animate-left {
  animation: scrollLeft 25s linear infinite;
}

.animate-right {
  animation: scrollRight 25s linear infinite;
}

/* Pause on hover (optional) */
.marquee-left:hover .animate-left,
.marquee-right:hover .animate-right {
  animation-play-state: paused;
}

#main-header {
  transition:
    background 0.3s ease,
    color 0.3s ease,
    box-shadow 0.3s ease;
}
#main-header.scrolled {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 50;
  background: white;
  color: black;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  border-color: rgba(0, 0, 0, 0.08);
  width: full;
}
#main-header.scrolled .nav-link {
  color: black;
}
#main-header.scrolled .nav-link:hover {
  color: #ca8a04;
}
#main-header.scrolled .phone-text {
  color: black;
}
#main-header.scrolled .phone-icon {
  color: black;
}
#main-header.scrolled .logo-text {
  color: black;
}