@font-face {
        font-family: 'Gilroy';
        src: url('https://hdp-au-prod-app-yrra-yoursay-files.s3.ap-southeast-2.amazonaws.com/fonts/3967B4_0_0.woff2') format('woff2');
        font-weight: 800;
        font-style: normal;
        font-display: swap;
    }
    
:root, :host {
--main-color: #006ccd;
--main-color-600: #005fb3;
--main-color-700: #005299;
--main-color-h: 208;
--main-color-s: 100%;
--main-color-l: 40%;
--secondary-color: #006ccd;
--secondary-color-600: #005fb3;
--secondary-color-700: #005299;
--secondary-color-h: 208;
--secondary-color-s: 100%;
--secondary-color-l: 40%;
--accent-color: #009DD1;
--accent-color-600: #008ab8;
--accent-color-700: #00779e;
--accent-color-h: 195;
--accent-color-s: 100%;
--accent-color-l: 41%;
--button-color: #006ccd;
--button-color-600: #005fb3;
--button-color-700: #005299;
--button-color-h: 208;
--button-color-s: 100%;
--button-color-l: 40%;
--type-color: #231f20;
--link-color: #006ccd;
--link-hover-color: #003666;
--link-decoration: none;
--link-color-h: 208;
--link-color-s: 100%;
--link-color-l: 40%;
--heading-color: #006ccd;
--font-body-base-size: 16px;
--font-weight-normal: 400;
--font-weight-semi-bold: 600;
--font-weight-bold: 700;
--body-font-family: muli, Helvetica, Arial, sans-serif;
--body-font-style: normal;
--heading-font-family: Gilroy, Helvetica, Arial, sans-serif;
--heading-font-weight: 800;
--heading-font-weight-bold: 800;
--heading-font-style: normal;
--border-radius-base: 4px;
--card-color-bg: #f2f2f2;
--tertiary-color: #7ed2ff;
--nav-font-family: var(--body-font-family);
--card-border-width: 0px;
--card-border-radius: 0px;
--card-color-bg-hover: #dff0ff;
--nav-logo-height-mobile: 5rem;
--nav-logo-height-tablet: 6rem;
--nav-logo-height-desktop: 7rem;
--project-list-block-heading-align: center;
}