/* Marquee Animation */
@keyframes scroll-left {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

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

.marquee-track {
  display: flex;
  width: max-content;
  gap: 64px;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

.marquee-left {
  animation: scroll-left 80s linear infinite;
}

.marquee-right {
  animation: scroll-right 80s linear infinite;
}

.marquee-container {
  overflow: hidden;
}

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

/* Navigation Link Underline Effect */
.nav-link {
  position: relative;
  padding-bottom: 6px;
}

.nav-link::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background-color: #00338E;
  border-radius: 2px;
  transition: width 0.25s ease;
}

.nav-link:hover::after,
.nav-link.active::after {
  width: 100%;
}