#navMain {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.faq-buttons {
    z-index: 1019;
}
    #navMain .navbar-brand {
        width: 150px;
        padding-top: 0;
    }
    #navMain .navbar-brand.team-logo {
        width: 232px;
    }

    #navMain .nav-link {
        font-size: 0.8rem;
        padding-left: .5rem;
        padding-right: .5rem;
    }

    #navMain .nav-item.locations, #navMain .nav-item.careers, #navMain .nav-item.contact, #navMain .nav-item.prequalify, .nav-item .dropdown-menu .learn {
        display: none;
    }


    #navMain .navbar-nav .dropdown-menu {
        border-color: var(--color-orange);
    }
    #navMain .dropdown-menu {
        font-size: 0.9rem;
    }

    #navMain .dropdown-item {
        padding: 0.25rem 1rem;
    }

#navSubsite .navbar-nav .nav-link {
    padding-right: 1rem;
    padding-left: 1rem;
}

@media (min-width: 768px) {
    .navbar-expand-md .navbar-nav .dropdown-menu {
        top: calc(100% + 7px);
    }

    .nav-item.prequalify {
        margin-left: 1rem;
    }
}

.bg-waves {
    background: #7fcbeb url("/media/itnggcpu/bg-waves.svg") no-repeat left center;
    background-size: cover;
}

.highlight {
    padding: .5rem .5rem .5rem 0;
    font-family: var(--font-sans-serif);
    letter-spacing: 0.2rem;
    position: relative;
    margin-bottom: 1rem;
}

    .highlight:before {
        content: "";
        position: absolute;
        right: 100%;
        height: 100%;
        width: 100vw;
        display: block;
        background-color: inherit;
        top: 0;
    }

    .highlight.highlight-blue {
        background-color: var(--color-blue);
        color: white;
    }

    .highlight.highlight-green {
        background-color: var(--color-green);
        color: white;
    }

    .highlight.highlight-orange {
        background-color: var(--color-orange);
        color: white;
    }