:root {
    --color-black: #000000;
    --color-white: #ffffff;
    --color-primary: #0D4395;
    --color-secondary: #EFF6FF;
    --color-grey: #F9FAFB;
    --color-link: #D1D5DB;
    --color-border: #D1D5DB;
    --color-heading: #1A1A1A;
    --color-body: #4B5563;
    --color-subdued: #9CA3AF;

    --font-base: 1rem;
    --font-xxs: calc(1rem - 3px);
    --font-xs: calc(1rem - 2px);
    --font-sm: calc(1rem - 1px);
    --font-rg: var(--font-base);
    --font-md: calc(1rem + 2px);
    --font-lg: calc(1rem + 4px);
    --font-xl: calc(1rem + 6px);
    --font-xxl: calc(1rem + 8px);

    --font-thin: 300;
    --font-regular: 400;
    --font-medium: 500;
    --font-semibold: 600;
    --font-bold: 700;
    --font-extrabold: 800;
}

@media screen and (max-width: 544px) {
    :root {
        --font-xxs: calc(1rem - 2px);
        --font-xs: calc(1rem - 1px);
        --font-sm: 1rem;
        --font-md: 1rem;
        --font-lg: calc(1rem + 2px);
        --font-xl: calc(1rem + 4px);
        --font-xxl: calc(1rem + 6px);
    }
}

.site-content>.ast-container {
    max-width: 100%;
    padding-left: 0;
    padding-right: 0;
}

#primary {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

a {
    outline: none !important;
}

ol,
ul {
    margin: 0;
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: var(--font-md);
    line-height: 1.5;
    font-weight: var(--font-semibold);
    padding: 12px 32px;
    color: var(--color-white);
    border: 1px solid var(--color-primary);
    background-color: var(--color-primary);
    border-radius: 30px;
    -webkit-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}

.button:hover,
.button:focus,
.button:active,
.button.active {
    color: var(--color-white);
    background-color: transparent;
    border-color: var(--color-white);
}

.button-white {
    color: var(--color-black);
    border: 1px solid var(--color-white);
    background: var(--color-white);
}

.button-white:hover,
.button-white:focus,
.button-white:active,
.button-white.active {
    color: var(--color-white);
    background-color: transparent;
    border-color: var(--color-white);
}

.button-white:hover svg path,
.button-white:focus svg path,
.button-white:active svg path,
.button-white.active svg path {
    fill: var(--color-white);
}

.button-transparent {
    color: var(--color-body);
    border: 1px solid var(--color-border);
    background: transparent;
}

.button-transparent:hover,
.button-transparent:focus,
.button-transparent:active,
.button-transparent.active {
    color: var(--color-white);
    background-color: var(--color-primary);
    border-color: var(--color-primary);
}

.faq-question {
    cursor: pointer;
}