html, body {
  font-family: 'Cairo', system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Noto Sans Arabic", "Noto Sans", sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.navbar, .btn, .form-control, .table, .modal,
.sidebar, .app-title, .breadcrumb {
  font-family: 'Cairo', system-ui, -apple-system, "Segoe UI", Roboto,
               "Helvetica Neue", Arial, "Noto Sans Arabic", "Noto Sans", sans-serif !important;
}