@font-face {
  font-family: "29LT Bukra";
  src: url("../fonts/29lt-bukra/29LTBukra-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "29LT Bukra";
  src: url("../fonts/29lt-bukra/29LTBukra-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "29LT Bukra";
  src: url("../fonts/29lt-bukra/29LTBukra-Regular.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "29LT Bukra";
  src: url("../fonts/29lt-bukra/29LTBukra-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "29LT Bukra";
  src: url("../fonts/29lt-bukra/29LTBukra-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "29LT Bukra";
  src: url("../fonts/29lt-bukra/29LTBukra-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Noto Sans Arabic";
  src: url("../fonts/noto-sans-arabic/NotoSansArabic-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Arabic";
  src: url("../fonts/noto-sans-arabic/NotoSansArabic-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Arabic";
  src: url("../fonts/noto-sans-arabic/NotoSansArabic-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans Arabic";
  src: url("../fonts/noto-sans-arabic/NotoSansArabic-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Inter;
  src: url("../fonts/inter/Inter-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("../fonts/inter/Inter-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("../fonts/inter/Inter-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Inter;
  src: url("../fonts/inter/Inter-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Tajawal;
  src: url("../fonts/tajawal/Tajawal-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Tajawal;
  src: url("../fonts/tajawal/Tajawal-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: Tajawal;
  src: url("../fonts/tajawal/Tajawal-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: SaudiRiyal;
  src: url("../fonts/saudi-riyal/saudi_riyal.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: SaudiRiyal;
  src: url("../fonts/saudi-riyal/saudi_riyal_bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-arabic-heading: Alexandria, "Montserrat Arabic", sans-serif;
  --font-arabic-body: "Scheherazade New", "Noto Sans Arabic", Tajawal, serif;
  --font-latin: Inter, system-ui, sans-serif;
  --default-font: "Scheherazade New", "Noto Sans Arabic", Tajawal, serif;
  --heading-font: Alexandria, "Montserrat Arabic", sans-serif;
  --nav-font: Alexandria, "Montserrat Arabic", sans-serif;
  --body-weight: 700;
  --body-size: 1.2rem;
  --bs-font-sans-serif: var(--default-font);
  --bs-body-font-family: var(--default-font);
  --bs-btn-font-family: var(--heading-font);
}

html {
  font-family: var(--default-font);
}

body {
  font-family: var(--default-font);
  font-size: var(--body-size, 1.2rem);
  font-weight: var(--body-weight, 700);
}

h1, h2, h3, h4, h5, h6,
.about-title,
.hero-content h1,
.section-title h2,
.login-logo h1,
.sidebar-logo,
.sidebar-logo .brand,
.brand,
.office-kicker,
.navmenu a,
.btn, .btn-gold, .btn-ghost, .btn-consult,
.top-bar h2 {
  font-family: var(--heading-font);
}

button, input, select, textarea, label,
.form-control, .form-select, .form-label,
.dropdown-menu, .dropdown-item,
.card, .list-group, .alert, .badge, .pagination,
.modal, .offcanvas, .tooltip, .popover,
.site-topbar, .site-footer, .office-footer,
.article-body, .legal-content, .intake-form {
  font-family: var(--default-font);
}

.sar {
  font-family: SaudiRiyal, var(--default-font);
}

.hgi-stroke,
.hgi {
  font-size: 1.15em;
  line-height: 1;
  vertical-align: -0.12em;
}