@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Oswald:wght@200..700&display=swap');

:root {
    --brand-font1: "Mulish", sans-serif;
    --brand-font2: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    --extra-bold: 800;
    --normal-bold: 700;
    --demi-bold: 600;
    --semi-bold: 500;
    --normal-text: 400;

    --mulish-bold: {
        font-family: var(--brand-font1);
        font-weight: var(--normal-bold);
    }

    --mulish-semi-bold: {
        font-family: var(--brand-font1);
        font-weight: var(--semi-bold);
    }

    --mulish-extra-bold: {
        font-family: var(--brand-font1);
        font-weight: var(--extra-bold);
    }

    --oswald-normal-bold: {
        font-family: var(--brand-font2);
        font-weight: var(--normal-bold);
    }

    --oswald-semi-bold: {
        font-family: var(--brand-font2);
        font-weight: var(--semi-bold);
    }

    --oswald-demi-bold: {
        font-family: var(--brand-font2);
        font-weight: var(--demi-bold);
    }

    --oswald-extra-bold: {
        font-family: var(--brand-font2);
        font-weight: var(--extra-bold);
    }
}

html {
    --brand-font1: "Mulish", sans-serif;
    --brand-font2: "Oswald", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    --brand-dark-blue: #102b4e;
    --brand-med-dark-blue: #1c3b62;
    --brand-red: #77111a;
    --brand-med-blue: #61748d;
    --brand-med-light-blue: #294d7b;
    --brand-med-gray: #cdcfd2;
    --brand-lt-blue: #9fafbf;
    --brand-lt-gray: #e4e5e9;
    --box-shadow: 0px 7px 12px -4px rgba(0, 0, 0, 0.1);
}

h1,
h2,
h3 {
    font-family: var(--brand-font2);
    font-weight: var(--demi-bold);
    font-size: 1.6rem;
}

h1 {
    font-size: 2rem;
}

.TitleH1 {
    color: var(--brand-red);
    
}

h4,
h5 {
    font-family: var(--brand-font1);
    font-weight: var(--semi-bold);

}

p {
    font-family: var(--brand-font1);
    font-optical-sizing: auto;
    font-weight: var(--normal-text);
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

a {
    font-family: var(--brand-font1);
    font-weight: var(--semi-bold);
    font-size: 1rem;
}

.quicklinkItem h3 {
    font-weight: var(--extra-bold);
    font-size: 1.4rem;
}

.disclaimer-container p {
    font-weight: var(--normal-bold);
}