@font-face {
        font-family: 'soho gothic';
        src: url('https://hdp-au-prod-app-mcc-yoursay-files.s3.ap-southeast-2.amazonaws.com/fonts/soho-gothic.woff2') format('woff2');
        font-weight: 800;
        font-style: normal;
        font-display: swap;
    }
    
:root, :host {
--main-color: #333333;
--main-color-600: #262626;
--main-color-700: #191919;
--main-color-h: 0;
--main-color-s: 0%;
--main-color-l: 20%;
--secondary-color: #4E6496;
--secondary-color-600: #455987;
--secondary-color-700: #3d4e76;
--secondary-color-h: 222;
--secondary-color-s: 32%;
--secondary-color-l: 45%;
--accent-color: #288AF3;
--accent-color-600: #0e7cf1;
--accent-color-700: #0d6fd9;
--accent-color-h: 211;
--accent-color-s: 89%;
--accent-color-l: 55%;
--button-color: #4E6496;
--button-color-600: #455987;
--button-color-700: #3d4e76;
--button-color-h: 222;
--button-color-s: 32%;
--button-color-l: 45%;
--type-color: #333333;
--link-color: #1C61AA;
--link-hover-color: #0e2f53;
--link-decoration: underline;
--link-color-h: 211;
--link-color-s: 72%;
--link-color-l: 39%;
--heading-color: #333333;
--font-body-base-size: 16px;
--font-weight-normal: 300;
--font-weight-semi-bold: 400;
--font-weight-bold: 600;
--body-font-family: Lexend, Helvetica, Arial, sans-serif;
--body-font-style: normal;
--heading-font-family: Poppins, Helvetica, Arial, sans-serif;
--heading-font-weight: 600;
--heading-font-weight-bold: 700;
--heading-font-style: normal;
--border-radius-base: 4px;
--h4-type-font-family: var(--heading-font-family);
--h5-type-font-family: var(--heading-font-family);
--nav-logo-height-mobile: 5rem;
--nav-logo-height-tablet: 6rem;
--nav-logo-height-desktop: 8rem;
}