@font-face {
    font-family: "Noor Arabic";
    src: url("/noor/AGCLight.ttf") format("truetype");
    font-style: normal;
    font-weight: 300;
    font-display: swap;
}

@font-face {
    font-family: "Noor Arabic";
    src: url("/noor/AGCRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Noor Arabic";
    src: url("/noor/AGCBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

:root {
    --app-font-family: "Noor Arabic", sans-serif;
}

html,
body,
p,
a,
li,
td,
input,
select,
textarea,
button,
.form-control,
.navbar,
.nav,
.wrapper,
.content-wrapper,
.main-sidebar,
.sidebar,
.box,
.card,
.modal-content,
.table,
.dx-widget,
.dx-datagrid,
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-results__option {
    font-family: var(--app-font-family) !important;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
strong,
b,
label,
th,
.btn,
.nav > li > a,
.sidebar-menu > li > a,
.main-header .logo,
.box-title,
.card-title,
.modal-title,
.widget-title,
.info-box-text,
.system-name,
.login-title {
    font-family: var(--app-font-family) !important;
    font-weight: 700 !important;
}

small,
.small,
.text-muted,
.help-block,
.form-text,
.system-description,
.login-subtitle,
.content-header > h1 > small,
.small-box p,
.info-box-number {
    font-family: var(--app-font-family) !important;
    font-weight: 300 !important;
}