@font-face {
font-family: 'ENGIE';
font-weight:500;
src: 	url('ENGIE_bold.ttf') format('truetype');
}

@font-face {
font-family: 'ENGIE';
font-weight:600;
src: 	url('ENGIE_bold.ttf') format('truetype');
}

@font-face {
font-family: 'ENGIE';
font-weight:700;
src: 	url('ENGIE_bold.ttf') format('truetype');
}

@font-face {
font-family: 'ENGIE';
font-style: italic;
src: 	url('ENGIE_italic.ttf') format('truetype');
}

@font-face {
font-family: 'ENGIE';
font-weight:200;
src: 	url('ENGIE_light.ttf') format('truetype');
}

@font-face {
font-family: 'ENGIE';
font-weight:300;
src: 	url('ENGIE_regular.ttf') format('truetype');
}

@font-face {
font-family: 'ENGIE';
font-weight:400;
src: 	url('ENGIE_regular.ttf') format('truetype');
}


:root,
html {
    --custom-font: "ENGIE" !important;
    --mat-sys-brand-font-family: var(--custom-font), helvetica, sans-serif, arial, serif !important;
    --mat-sys-plain-font-family: var(--custom-font), helvetica, sans-serif, arial, serif !important;
}