/* Fix for mobile menu dropdown issue */
@media (max-width: 767px) {
  /* Completely hide dropdown menu content when not active */
  .main-nav .dropdown-menu {
    display: none !important; /* Use !important to override any conflicting styles */
    max-height: 0;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
  }
  
  /* Show dropdown menu content only when parent is active */
  .main-nav .dropdown.active .dropdown-menu {
    display: block !important;
    max-height: 800px;
    padding: 5px 10px;
    background-color: rgba(231, 241, 251, 0.5);
    visibility: visible;
    opacity: 1;
  }
}