@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('../fonts/montserrat/montserrat-400.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('../fonts/montserrat/montserrat-500.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('../fonts/montserrat/montserrat-600.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url('../fonts/montserrat/montserrat-700.ttf') format('truetype');
}

@font-face {
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: url('../fonts/montserrat/montserrat-800.ttf') format('truetype');
}

:root {
    --tblr-font-sans-serif: 'Montserrat', Arial, sans-serif;
}

html,
body {
    font-family: 'Montserrat', Arial, sans-serif !important;
}

button,
input,
select,
textarea,
optgroup,
option,
.btn,
.form-control,
.form-select,
.dropdown-menu,
.modal,
.popover,
.tooltip,
.ts-control,
.ts-dropdown,
.select2-container,
.tox,
.swal2-container {
    font-family: 'Montserrat', Arial, sans-serif !important;
}