#header-menus a {
  position: relative;
}

#header-menus a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: linear-gradient(
    to right,
    var(--color-primary-cyan),
    var(--color-primary-blue),
    var(--color-primary-teal)
  );
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}

#header-menus a:hover::after {
  transform: scaleX(1);
}

#header-menus a.active::after {
  transform: scaleX(1);
}

#header-mobile-menus a.active {
  font-weight: bold;
}

#mobile-services-menu, #mobile-submenu-content {
  transition: right 0.3s ease-in-out;
}

#mobile-industry-menu {
  transition: right 0.3s ease-in-out;
}