@media (min-width: 1200px) {
    .infotattwa-navbar #navbar-menu > .navbar-center {
        transform: translateX(clamp(-48px, calc(1200px - 100vw), 0px));
    }
}

@media (max-width: 767px) {
    .home-page h1,
    .home-page h2 {
        font-size: clamp(18px, 5vw, 24px) !important;
        line-height: 1.4 !important;
        letter-spacing: -.3px !important;
    }
}

/* Services dropdown item interactions */
.infotattwa-navbar .services-dropdown .dropdown-menu > li > a {
    border-radius: 6px;
    transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
}

.infotattwa-navbar .services-dropdown .dropdown-menu > li > a:hover,
.infotattwa-navbar .services-dropdown .dropdown-menu > li > a:focus-visible {
    color: var(--color-primary);
    background-color: rgba(37, 99, 235, 0.08);
    transform: translateX(3px);
}

.infotattwa-navbar .services-dropdown .dropdown-menu > li > a:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    .infotattwa-navbar .services-dropdown .dropdown-menu > li > a {
        transition: none;
    }
}

/* Keep the page fixed behind the open mobile navigation. */
html.mobile-menu-open,
body.mobile-menu-open {
    overflow: hidden;
    overscroll-behavior: none;
}

body.mobile-menu-open {
    position: fixed;
    right: 0;
    left: 0;
    width: 100%;
}