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

:root {
  --prestige-font-en: "Tenor Sans", sans-serif;
  --prestige-font-ar: "Tajawal", sans-serif;
  --prestige-font-active: var(--prestige-font-en);
  --bs-body-font-family: var(--prestige-font-active);
  --title-font: var(--prestige-font-active);
}

html[lang^="ar"],
html[lang^="ps"],
html[dir="rtl"] {
  --prestige-font-active: var(--prestige-font-ar);
  --bs-body-font-family: var(--prestige-font-active);
  --title-font: var(--prestige-font-active);
}

body {
  font-family: var(--prestige-font-active) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
span,
a,
small,
strong,
b,
em,
label,
input,
textarea,
select,
option,
button,
li,
td,
th,
.form-control,
.form-select,
.dropdown-item,
.nav-link,
.btn,
.card-title,
.table,
.select2-container,
.select2-results__option,
.swal2-title,
.swal2-content {
  font-family: inherit !important;
}