#desktop-header .mega-menu-toggle:not(:hover) div:last-child {
  opacity: 0;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s;
}

#desktop-header .mega-menu-toggle:hover div:last-child {
  opacity: 100;
  max-height: 80vh;
  overflow: auto;
}

#desktop-header .menu-item:hover {
  background: var(--color-primary);
}

#desktop-header .menu-item:hover > .menu-item__link > .menu-item__link-text {
  color: var(--color-white);
}

#desktop-header .menu-item:hover > .menu-item__icon-container > .menu-item__icon {
  filter: brightness(0) invert(1);
}