@media (min-width: 992px) {
    .dropdown-animate > .dropdown-menu {
      opacity: 0;
      position: absolute;
      display: block;
      pointer-events: none;
    }
    .dropdown-animate:not([data-toggle=hover]) .dropdown-menu.show {
      pointer-events: auto;
      animation: show-dropdown 0.3s ease forwards;
    }
    .dropdown-animate:not([data-toggle=hover]) .dropdown-menu.hide {
      display: block;
      animation: hide-dropdown 0.3s ease backwards;
    }
    .dropdown-animate[data-toggle=hover] > .dropdown-menu {
      display: block;
      margin: 0;
      transform: translateX(0) translateY(-3px) scale(0.97);
      transition: all 0.2s ease;
    }
  }
  @media (min-width: 992px) and (prefers-reduced-motion: reduce) {
    .dropdown-animate[data-toggle=hover] > .dropdown-menu {
      transition: none;
    }
  }
  @media (min-width: 992px) {
    .dropdown-animate[data-toggle=hover]:hover > .dropdown-menu {
      display: block;
      opacity: 1;
      pointer-events: auto;
      visibility: visible;
      transform: translateX(0) translateY(-3px) scale(1);
    }
  }