@font-face {
font-family: 'INTER';
font-weight:500;
src: 	url('INTER_bold.woff') format('woff'),
	url('INTER_bold.ttf') format('truetype'),
	url('INTER_bold.otf') format('opentype');
}

@font-face {
font-family: 'INTER';
font-weight:600;
src: 	url('INTER_bold.woff') format('woff'),
	url('INTER_bold.ttf') format('truetype'),
	url('INTER_bold.otf') format('opentype');
}

@font-face {
font-family: 'INTER';
font-weight:700;
src: 	url('INTER_bold.woff') format('woff'),
	url('INTER_bold.ttf') format('truetype'),
	url('INTER_bold.otf') format('opentype');
}

@font-face {
font-family: 'INTER';
font-style: italic;
src: 	url('INTER_italic.ttf') format('truetype'),
	url('INTER_italic.otf') format('opentype');
}

@font-face {
font-family: 'INTER';
font-weight:200;
src: 	url('INTER_light.woff') format('woff'),
	url('INTER_light.ttf') format('truetype'),
	url('INTER_light.otf') format('opentype');
}

@font-face {
font-family: 'INTER';
font-weight:300;
src: 	url('INTER_regular.woff') format('woff'),
	url('INTER_regular.ttf') format('truetype'),
	url('INTER_regular.otf') format('opentype');
}

@font-face {
font-family: 'INTER';
font-weight:400;
src: 	url('INTER_regular.woff') format('woff'),
	url('INTER_regular.ttf') format('truetype'),
	url('INTER_regular.otf') format('opentype');
}


:root,
html {
    --custom-font: "INTER" !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;
}