header, nav, .navbar, .menu, .nav-wrapper {
  overflow: visible !important;
  position: relative !important;
  z-index: 99999 !important;
}

.nav-item {
  position: relative !important;
}

.nav-item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 100%;
  height: 20px;
}

.nav-item > a {
  position: relative;
  z-index: 10001;
}

.nav-item .mega {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 99999 !important;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: none;
  margin-top: 0;
}

.nav-item:hover .mega,
.nav-item:focus-within .mega,
.nav-item .mega:hover {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}