/* Hide the page content initially */
body {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  /* Smooth fade-in transition */
}

/* Show the content after loading */
body.content-visible {
  visibility: visible;
  opacity: 1;
}

#overlay {
    position: fixed; /* Fixed position */
    width: 100%;
    height: 100%;
    display: none; /* Hidden by default */
    z-index: 1000; /* Above other content */
}

#mobile-menu {
    position: absolute; /* Position the menu absolutely */
    width: 100%; /* Full width */
    z-index: 1100; /* Higher z-index to be above the overlay */
    display: none; /* Initially hidden */
}