html {
  scroll-behavior: smooth;
}


#menu-toggle {
  z-index: 50; /* Ensures the button is on top */
}

#mobile-menu {
  z-index: 40; /* Ensure this is lower than the button */
}

#menu-toggle svg {
  transition: transform 0.5s ease-in-out;
}

#hamburger-icon,
#close-icon {
  transition: opacity 0.5s ease-in-out;
}

#hamburger-icon.hidden,
#close-icon.hidden {
  opacity: 0;
}

#mobile-menu {
  transition: opacity 0.5s ease-in-out;
  opacity: 0;
}

#mobile-menu.flex {
  opacity: 1;
}