@media (min-width: 1024px) {
  .hgw-main-menu .hgw-main-menu__section:hover:not(.is-open) > .hgw-main-menu__dropdown {
    opacity: 0;
    visibility: hidden;
    transform: translate(50%, 8px);
    pointer-events: none;
  }

  .hgw-main-menu .hgw-main-menu__section.is-open > .hgw-main-menu__dropdown,
  .hgw-main-menu .hgw-main-menu__section:focus-within > .hgw-main-menu__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translate(50%, 0);
    pointer-events: auto;
  }
}