.nav-links a[role="menuitem"] {
  position: relative !important;
  display: inline-block !important;
}

.nav-links a[role="menuitem"]::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: -4px !important;
  height: 1.25px !important;
  background-color: #3b82f6 !important;
  transform: scaleX(0) !important;
  transform-origin: left !important;
  transition: transform 0.3s ease !important;
}

.nav-links a[role="menuitem"].active-link::after { 
  transform: scaleX(1) !important;
}

.nav-links a[role="menuitem"]:hover {
  color: #3b82f6 !important;
}

.active-link {
  color: #3b82f6 !important;
  font-weight: 600 !important;
}