@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

:root {
  --font-heading: "IBM Plex Sans Arabic", sans-serif;
  --font-body: "IBM Plex Sans Arabic", sans-serif;
}

body,
a,
button,
input,
select,
textarea,
optgroup,
td,
th,
label,
.navbar,
.brand,
.btn,
.btn-simple,
.alert,
.badge,
.dropdown-item,
.form-control,
.form-select,
.input-group-text,
.card,
.card-title,
.card-body,
.modal-content,
.nice-select,
.select2-container,
.select2-dropdown,
.select2-search__field,
.select2-results__option,
.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button,
.ui-timepicker-standard,
.daterangepicker,
.tooltip,
.popover,
.swal2-popup,
.note-editor .note-editable,
.note-modal,
.td-name,
button.close {
  font-family: "IBM Plex Sans Arabic", sans-serif !important;
}

pre,
code,
kbd,
samp,
pre *,
code *,
kbd *,
samp * {
  font-family: monospace !important;
}