@font-face {
    font-family: 'Font Awesome 5 Brands';
    src: url('../fonts/fa-brands-400.woff2') format('woff2');
}
h1, h2, h3, h4, h5, h6 {
    margin: 20px 0 10px 0;
}

p {
    margin: 5px 0 10px 0;
}

ul {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
    list-style-type: disc;
}

a.traditional-anchor {
    color: #0d6efd;
    text-decoration: none;
    text-decoration: underline !important;
}

h1, h2, h3, h4, h5, h6 {
    margin: 20px 0 10px 0;
}

p {
    margin: 5px 0 10px 0;
}

ul {
    margin: 0 0 1rem;
    padding-left: 1.5rem;
    list-style-type: disc;
}

.c-navbar--utility {
    background-color: #fff;
}

.c-navbar--utility__link p {
    padding: 1rem 2rem;
    margin: 0;
}

.c-navbar__left {
    align-items: center;
}

.c-navbar--utility .c-navbar__left {
    padding-left: 0;
}

.c-navbar {
    background: linear-gradient(93.27deg, #002a39 67.96%, #00759f 126.83%);
}

.no-margin {
    margin: 0;
}

.c-navbar__carrot {
    bottom: 0;
    top: .3rem;
}

.preview-banner {
    text-align: center;
    padding: .2em;
    color: white;
    background-color: red;
}

    .preview-banner a {
        text-decoration: underline;
        font-size: .8em;
    }

.header ul {
    margin-bottom: 0;
}

.header p.header-submenu-title {
    color: #21272A;
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%; /* 35.2px */
    margin-bottom: 30px;
}

.header a.header-submenu-link {
    display: block;
    color: #037D96;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 250%; /* 60.6px */
    margin-bottom: 18px;
}

.header .c-navbar__dropdown-menu--mobile a {
    display: block;
    color: #037D96;
    font-size: 20px;
    font-style: normal;
    line-height: 250%;
    margin-bottom: 18px;
}

.header .c-navbar__dropdown-menu--mobile p {
    font-size: 32px;
    font-style: normal;
    font-weight: 700;
    line-height: 110%;
    margin-bottom: 0;
}

.header .c-navbar__dropdown-menu--mobile .c-accordion__content p {
    margin-bottom: 30px;
}

.header .c-navbar__dropdown-menu--mobile .c-accordion .c-accordion__title:hover {
    color: black;
}

.footer-wrapper {
    background: linear-gradient(93.27deg, #002a39 67.96%, #00759f 126.83%);
}

.footer {
    padding: 48px 40px;
    color: #fff;
    font: 400 14px/1.5 Roboto;
}

    .footer .footer-heading {
        display: inline-flex;
        align-items: center;
        gap: 0.375rem;
        font-style: normal;
        font: 400 20px/125% Roboto;
    }

        .footer .footer-heading img {
            display: block;
            height: 18px;
        }

    .footer .footer-bubble-buttons {
        max-width: 352px;
        margin-bottom: 16px;
    }

    .footer .disclaimer {
        color: #e4e4e4;
        font: 400 14px/140% Roboto, sans-serif;
    }

        .footer .disclaimer a {
            white-space: pre;
        }

    .footer hr {
        margin: 1em 0;
        border: 1px solid #828282;
    }

    .footer .footer-link {
        display: block;
        margin: 16px 0;
        font: 400 16px/140% Roboto;
    }

        .footer .footer-link.last-in-column {
            margin-bottom: 35px; /* space needed when columns stacked */
        }

    .footer .socials ul {
        display: flex;
        list-style: none;
        color: #fff;
        font-family: "Font Awesome 5 Brands";
        font-weight: 400;
    }

        .footer .socials ul a {
            font-size: 20px !important;
        }

        .footer .socials ul li {
            margin-top: 17px
        }

            .footer .socials ul li ~ li {
                margin-left: 20px;
                margin-top: 17px !important
            }

.bubble-button {
    display: flex;
    align-items: center;
    width: 98%;
}

    .bubble-button a {
        display: block;
        width: 100%;
        margin: 8px 0;
        padding: 16px;
        border: 1px solid rgba(123, 123, 123, 0.46);
        border-radius: 15px;
    }

    .bubble-button .content {
        display: flex;
        align-items: center;
        gap: 0.5rem;
        width: 100%;
        font: 500 16px/1 Roboto;
        letter-spacing: 0.5px;
    }

    .bubble-button img {
        width: 48px;
        height: 48px;
    }

    .bubble-button .chevron {
        margin-left: auto;
        height: 24px;
        text-align: right;
    }

.how-can-we-help-you h2 {
    text-align: center;
    margin-bottom: 50px;
}

.how-can-we-help-you .p-subtitle-2 {
    font-size: 1.1rem;
}