.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.menu > li {
  margin: 0;
}

/* Top-level links */
.menu > li > a {
  display: block;
}

/* Dropdown */
.menu .dropdown {
  max-height: 0;
  overflow: hidden;
  transition: max-height 1s ease;
}

.menu .dropdown li a {
  display: block;
}

/* Active dropdown (JS toggles this) */
.menu .has-dropdown.open .dropdown {
  max-height: 500px; /* Adjust as needed for content height */
}
.toggle-icon {
  transition: transform 0.3s ease;
}

/* Change + to - when open */
.has-dropdown.open .toggle-icon {
  content: "-"; /* This won’t work; we’ll change it with JS */
}

.dropdown-toggle::after{
    display: none;
}


@media (max-width: 767px) and (min-width: 320px) {
  .about-page .hero-img {
    height: 100vh; /* fallback for older browsers */
    object-fit: cover;
  }

  @supports (height: 100dvh) {
    .about-page .hero-img {
      height: 100dvh; /* modern browsers use dynamic viewport */
    }
  }
}