/* REV17 desktop services dropdown interaction and moving underline. */

@media (min-width: 1101px) and (hover: hover) and (pointer: fine) {
  .desktop-nav .nav-services > div {
    overflow: visible;
  }

  .desktop-nav .nav-services > div > a::after {
    display: none !important;
  }

  .desktop-nav .nav-services .nav-services-all {
    border-bottom: 0;
  }

.rev18-dropdown-indicator {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: var(--rev18-line-width, 0);
    height: 2px;
    background: var(--yellow);
    opacity: 0;
    pointer-events: none;
    transform: translate(var(--rev18-line-x, 0), var(--rev18-line-y, 0));
    transform-origin: left center;
    transition: transform 180ms ease, width 180ms ease, opacity 120ms ease;
  }

  .rev18-dropdown-indicator.is-visible {
    opacity: 1;
  }

  .rev18-dropdown-indicator.is-immediate {
    transition: none;
  }
}

@media (prefers-reduced-motion: reduce) {
  .rev18-dropdown-indicator {
    transition: none;
  }
}
