@import url('https://fonts.googleapis.com/css2?family=Almarai:wght@300;400;700;800&display=swap');

:root {
    --pe-font-sans-serif: "Almarai", sans-serif;
    --bs-body-font-family: "Almarai", sans-serif;
}

html,
body,
button,
input,
select,
textarea,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.btn,
.form-control,
.form-select,
.form-label,
.table,
.card,
.modal,
.dropdown-menu,
.navbar,
.sidebar,
.app-wrapper,
p, span, a, label, li, td, th, div,
.swal2-popup,
.choices__inner,
.gridjs-table,
.apexcharts-text,
.apexcharts-title-text,
.apexcharts-legend-text {
    font-family: "Almarai", sans-serif !important;
}