.att-site-header {
        --att-header-blue: #082f49;
        --att-header-blue-light: #0d506f;
        --att-header-aqua: #0aa7a0;
        --att-header-aqua-light: #29beb5;
        --att-header-white: #ffffff;
        --att-header-max: 1260px;

        position: relative;
        z-index: 999;
        width: 100%;
        background: #082f49;
        font-family:
            Inter,
            "Helvetica Neue",
            Helvetica,
            Arial,
            sans-serif;
    }

    .att-site-header *,
    .att-site-header *::before,
    .att-site-header *::after {
        box-sizing: border-box;
    }

    .att-site-header a {
        color: inherit;
        text-decoration: none;
    }

    .att-site-header button {
        font: inherit;
    }

    .att-site-header .att-header-inner {
        width: min(calc(100% - 64px), var(--att-header-max));
        min-height: 82px;
        margin-inline: auto;

        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 45px;
    }


    

    .att-site-header .att-header-logo {
        display: flex;
        align-items: center;
        flex-shrink: 0;
    }

    .att-site-header .att-header-logo img {
        display: block;
        width: 142px;
        height: auto;
        max-height: 55px;
        object-fit: contain;
    }


    

    .att-site-header .att-header-right {
        display: flex;
        align-items: center;
        gap: 42px;
    }

    .att-site-header .att-header-nav {
        display: flex;
        align-items: center;
        gap: 34px;
    }

    .att-site-header .att-header-nav a {
        position: relative;
        display: inline-flex;
        align-items: center;
        min-height: 82px;

        color: rgba(255, 255, 255, .78);

        font-size: 13px;
        font-weight: 650;
        letter-spacing: .01em;

        transition:
            color .25s ease;
    }

    .att-site-header .att-header-nav a::after {
        content: "";

        position: absolute;
        left: 0;
        right: 100%;
        bottom: 21px;

        height: 2px;

        background: var(--att-header-aqua-light);

        transition:
            right .3s cubic-bezier(.22, 1, .36, 1);
    }

    .att-site-header .att-header-nav a:hover {
        color: #ffffff;
    }

    .att-site-header .att-header-nav a:hover::after {
        right: 0;
    }


    

    .att-site-header .att-header-cta {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 10px;

        min-height: 44px;
        padding: 0 19px;

        border-radius: 999px;

        background: var(--att-header-aqua);
        color: #ffffff;

        font-size: 13px;
        font-weight: 750;

        transition:
            background .25s ease,
            transform .25s cubic-bezier(.22, 1, .36, 1);
    }

    .att-site-header .att-header-cta:hover {
        background: #008c87;
        transform: translateY(-1px);
    }

    .att-site-header .att-header-cta svg {
        width: 16px;
        height: 16px;
    }


    

    .att-site-header .att-header-toggle {
        display: none;

        width: 45px;
        height: 45px;

        padding: 0;
        border: 1px solid rgba(255, 255, 255, .18);
        border-radius: 50%;

        background: rgba(255, 255, 255, .06);
        color: white;

        align-items: center;
        justify-content: center;

        cursor: pointer;
    }

    .att-site-header .att-header-toggle-lines {
        position: relative;

        width: 19px;
        height: 14px;
    }

    .att-site-header .att-header-toggle-lines span {
        position: absolute;
        left: 0;

        width: 19px;
        height: 1.5px;

        background: currentColor;

        transition:
            top .3s ease,
            transform .3s ease,
            opacity .2s ease;
    }

    .att-site-header .att-header-toggle-lines span:nth-child(1) {
        top: 0;
    }

    .att-site-header .att-header-toggle-lines span:nth-child(2) {
        top: 6px;
    }

    .att-site-header .att-header-toggle-lines span:nth-child(3) {
        top: 12px;
    }

    .att-site-header.is-open .att-header-toggle-lines span:nth-child(1) {
        top: 6px;
        transform: rotate(45deg);
    }

    .att-site-header.is-open .att-header-toggle-lines span:nth-child(2) {
        opacity: 0;
    }

    .att-site-header.is-open .att-header-toggle-lines span:nth-child(3) {
        top: 6px;
        transform: rotate(-45deg);
    }


    

    .att-site-header .att-mobile-menu {
        display: none;
    }


    

    @media (max-width: 850px) {

        .att-site-header .att-header-inner {
            width: calc(100% - 36px);
            min-height: 72px;
        }

        .att-site-header .att-header-logo img {
            width: 120px;
            max-height: 48px;
        }

        .att-site-header .att-header-right {
            display: none;
        }

        .att-site-header .att-header-toggle {
            display: flex;
        }

        .att-site-header .att-mobile-menu {
            display: grid;
            grid-template-rows: 0fr;

            background: #082f49;

            border-top: 1px solid rgba(255, 255, 255, .08);

            overflow: hidden;

            transition:
                grid-template-rows .4s cubic-bezier(.22, 1, .36, 1);
        }

        .att-site-header.is-open .att-mobile-menu {
            grid-template-rows: 1fr;
        }

        .att-site-header .att-mobile-menu-inner {
            min-height: 0;
            overflow: hidden;

            width: calc(100% - 36px);
            margin-inline: auto;
        }

        .att-site-header .att-mobile-links {
            padding: 18px 0 28px;
        }

        .att-site-header .att-mobile-links>a {
            display: flex;
            align-items: center;
            justify-content: space-between;

            min-height: 58px;

            border-bottom: 1px solid rgba(255, 255, 255, .1);

            color: rgba(255, 255, 255, .9);

            font-size: 17px;
            font-weight: 600;
            letter-spacing: -.01em;
        }

        .att-site-header .att-mobile-links>a svg {
            width: 17px;
            height: 17px;

            color: #67d8d0;
        }

        .att-site-header .att-mobile-contact {
            display: flex;
            align-items: center;
            justify-content: center;

            min-height: 52px;
            margin-top: 22px;

            border-radius: 999px;

            background: var(--att-header-aqua);

            color: white !important;

            font-size: 14px !important;
            font-weight: 750 !important;

            border: 0 !important;
        }

    }


    

    @media (max-width: 420px) {

        .att-site-header .att-header-inner {
            min-height: 68px;
        }

        .att-site-header .att-header-logo img {
            width: 108px;
        }

        .att-site-header .att-header-toggle {
            width: 42px;
            height: 42px;
        }

    }