@font-face {
    font-family: 'gilroy';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/gilroy.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'gilroy';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/gilroy-medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'gilroy';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/gilroy-semibold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'gilroy';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/gilroy-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'raleway';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/raleway.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/raleway-medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/raleway-semibold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'raleway';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/raleway-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'mulish';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/mulish.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'mulish';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/mulish-medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'mulish';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/mulish-semibold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'mulish';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/mulish-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'sfpro';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/sfpro.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'sfpro';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/sfpro-medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'sfpro';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/sfpro-semibold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'sfpro';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/sfpro-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'open-sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/open-sans.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'open-sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/open-sans-medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'open-sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/open-sans-semibold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'open-sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/open-sans-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'philosopher';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/philosopher.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'philosopher';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/philosopher-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'nunito';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/nunito.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'nunito';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/nunito-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'jost';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/jost.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'jost';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/jost-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'charis-sil';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/charis-sil.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'charis-sil';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/charis-sil-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'scada';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/scada.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'scada';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/scada-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'roboto';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/roboto.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'roboto';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/roboto-medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'roboto';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/roboto-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'wix-madefor-display';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/wix-madefor-display.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'wix-madefor-display';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/wix-madefor-display-medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'wix-madefor-display';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/wix-madefor-display-semibold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'wix-madefor-display';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/wix-madefor-display-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'google-sans';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/google-sans.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'google-sans';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/google-sans-medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'google-sans';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/google-sans-semibold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'google-sans';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/google-sans-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'lora';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/lora.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'lora';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/lora-medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'lora';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/lora-semibold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'lora';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/lora-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'golos-text';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/golos-text.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'golos-text';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/golos-text-medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'golos-text';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/golos-text-semibold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'golos-text';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/golos-text-bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: 'inter';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/inter.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'inter';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/inter-medium.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'inter';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/inter-semibold.woff2') format('woff2');
    font-display: swap;
}
@font-face {
    font-family: 'inter';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/inter-bold.woff2') format('woff2');
    font-display: swap;
}

.font--gilroy {
    font-family: 'gilroy', sans-serif;
}

.font--raleway {
    font-family: 'raleway', sans-serif;
    font-variant-numeric: lining-nums;
}

.font--mulish {
    font-family: 'mulish', sans-serif;
}

.font--sfpro {
    font-family: 'sfpro', sans-serif;
}

.font--open-sans {
    font-family: 'open-sans', sans-serif;
}

.font--philosopher {
    font-family: 'philosopher', serif;
}

.font--nunito {
    font-family: 'nunito', sans-serif;
}

.font--jost {
    font-family: 'jost', sans-serif;
}

.font--charis-sil {
    font-family: 'charis-sil', serif;
}

.font--scada {
    font-family: 'scada', sans-serif;
}

.font--roboto {
    font-family: 'roboto', sans-serif;
}

.font--wix-madefor-display {
    font-family: 'wix-madefor-display', sans-serif;
}

.font--google-sans {
    font-family: 'google-sans', sans-serif;
}

.font--lora {
    font-family: 'lora', serif;
}

.font--golos-text {
    font-family: 'golos-text', sans-serif;
}

.font--inter {
    font-family: 'inter', sans-serif;
}