/* Smooth transitions for mobile menu */
#mobile-user-menu a {
  transition: all 0.3s ease;
  padding: 8px 0;
}

/* Mobile user menu styling */
#mobile-user-menu {
  border-top: 1px solid #e5e7eb;
  margin-top: 8px;
}

/* Active Link Styling */
nav a.active {
  color: #00793e !important; /* Green color for active link */
  font-weight: 600; /* Optional: Make the text bold */
}

/* Ensure hover effects don't override the active state */
nav a.active:hover {
  color: #00793e !important;
}