@media (min-width: 992px) {
    .navbar .nav-item.keyboard-open:not(.menu-dismissed) > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }

    .navbar .nav-item.menu-dismissed > .dropdown-menu {
        opacity: 0;
        visibility: hidden;
    }
}

.navbar a:focus-visible,
.navbar button:focus-visible,
[data-job-details]:focus-visible {
    outline: 2px solid #f3a213;
    outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
    .navbar, .dropdown-menu, .hero-single .animated {
        animation-duration: .01ms !important;
        transition-duration: .01ms !important;
    }
}