@font-face {
        font-family: 'Interstate';
        src: url('https://hdp-us-prod-app-wspusa-goldenpacific-files.s3.us-west-2.amazonaws.com/fonts/Interstate-bold.ttf') format('truetype');
        font-weight: 700;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Interstate';
        src: url('https://hdp-us-prod-app-wspusa-goldenpacific-files.s3.us-west-2.amazonaws.com/fonts/Interstate-bolditalic.ttf') format('truetype');
        font-weight: 700;
        font-style: italic;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Interstate';
        src: url('https://hdp-us-prod-app-wspusa-goldenpacific-files.s3.us-west-2.amazonaws.com/fonts/Interstate-light-italic.ttf') format('truetype');
        font-weight: 300;
        font-style: italic;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Interstate';
        src: url('https://hdp-us-prod-app-wspusa-goldenpacific-files.s3.us-west-2.amazonaws.com/fonts/Interstate-light.ttf') format('truetype');
        font-weight: 300;
        font-style: normal;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Interstate';
        src: url('https://hdp-us-prod-app-wspusa-goldenpacific-files.s3.us-west-2.amazonaws.com/fonts/Interstate-regular-italic.ttf') format('truetype');
        font-weight: 400;
        font-style: italic;
        font-display: swap;
    }
    
    @font-face {
        font-family: 'Interstate';
        src: url('https://hdp-us-prod-app-wspusa-goldenpacific-files.s3.us-west-2.amazonaws.com/fonts/Interstate-regular.ttf') format('truetype');
        font-weight: 400;
        font-style: normal;
        font-display: swap;
    }
    
:root, :host {
--main-color: #001689;
--main-color-600: #001370;
--main-color-700: #000e57;
--main-color-h: 230;
--main-color-s: 100%;
--main-color-l: 27%;
--secondary-color: #027fb0;
--secondary-color-600: #026d97;
--secondary-color-700: #015b7e;
--secondary-color-h: 197;
--secondary-color-s: 98%;
--secondary-color-l: 35%;
--accent-color: #4C9E45;
--accent-color-600: #458e3e;
--accent-color-700: #3c7c36;
--accent-color-h: 115;
--accent-color-s: 39%;
--accent-color-l: 45%;
--button-color: #027fb0;
--button-color-600: #026d97;
--button-color-700: #015b7e;
--button-color-h: 197;
--button-color-s: 98%;
--button-color-l: 35%;
--type-color: #0C153A;
--link-color: #027fb0;
--link-hover-color: #01364c;
--link-decoration: none;
--link-color-h: 197;
--link-color-s: 98%;
--link-color-l: 35%;
--heading-color: #001689;
--font-body-base-size: 17px;
--font-weight-normal: 400;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
--body-font-family: Arial, sans-serif;
--body-font-style: normal;
--heading-font-family: Arial, sans-serif;
--heading-font-weight: 700;
--heading-font-weight-bold: 800;
--heading-font-style: normal;
--border-radius-base: 4px;
}