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

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

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

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

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

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

:root {
    --noor-font-family: "NoorArabic", sans-serif;
    --noor-font-light: 300;
    --noor-font-regular: 400;
    --noor-font-bold: 700;
}

html,
body {
    font-family: var(--noor-font-family) !important;
    font-weight: var(--noor-font-regular) !important;
}

body *:not(i):not(code):not(pre):not(kbd):not(samp):not(.fa):not([class^="fa"]):not([class*=" fa"]):not([class^="fas"]):not([class*=" fas"]):not([class^="far"]):not([class*=" far"]):not([class^="fab"]):not([class*=" fab"]):not([class^="fal"]):not([class*=" fal"]):not([class^="ion-"]):not([class*=" ion-"]):not([class^="glyphicon"]):not([class*=" glyphicon"]):not([class^="dx-icon"]):not([class*=" dx-icon"]) {
    font-family: var(--noor-font-family) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
th,
thead td,
label,
button,
.btn,
strong,
b,
.main-header .logo,
.main-header .navbar .nav > li > a,
.main-sidebar .user-panel .info p,
.sidebar-menu > li > a,
.sidebar-menu .treeview-menu > li > a,
.nav > li > a,
.navbar-nav > li > a,
.pagination > li > a,
.pagination > li > span,
.modal-title,
.box-title,
.card-title,
.control-sidebar-heading,
.control-sidebar-subheading,
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.dx-datagrid-headers .dx-datagrid-text-content,
.dx-header-row td,
.dx-tab-text,
.dx-toolbar-label {
    font-family: var(--noor-font-family) !important;
    font-weight: var(--noor-font-bold) !important;
}

small,
.small,
.text-muted,
.help-block,
.form-text,
.muted,
input::placeholder,
textarea::placeholder,
.select2-search__field::placeholder {
    font-family: var(--noor-font-family) !important;
    font-weight: var(--noor-font-light) !important;
}