@font-face {
  font-family: "Cairo";
  src: url("/requests-app/resource/Zm9udHMvQ2Fpcm8tVmFyaWFibGUudHRm") format("truetype");
  font-style: normal;
  font-weight: 200 1000;
  font-display: swap;
}

:root {
  --qimah-type-size-base: 15px;
  --qimah-type-weight-secondary: 400;
  --qimah-type-weight-regular: 400;
  --qimah-type-weight-medium: 500;
  --qimah-type-weight-semibold: 500;
  --qimah-type-weight-bold: 600;
}

html[lang="ar"] body {
  font-family: "Cairo", Tahoma, Arial, sans-serif;
  font-size: var(--qimah-type-size-base);
  font-weight: var(--qimah-type-weight-regular);
  line-height: 1.8;
  font-synthesis: none;
}

:where(html[lang="ar"] body) :where(h1, .h1) {
  font-size: clamp(2rem, 4vw, 2.75rem);
  font-weight: var(--qimah-type-weight-bold) !important;
  line-height: 1.35;
}

:where(html[lang="ar"] body) :where(h2, .h2) {
  font-size: clamp(1.65rem, 3vw, 2.15rem);
  font-weight: var(--qimah-type-weight-bold) !important;
  line-height: 1.4;
}

:where(html[lang="ar"] body) :where(h3, .h3) {
  font-size: clamp(1.3rem, 2.2vw, 1.65rem);
  font-weight: var(--qimah-type-weight-semibold) !important;
  line-height: 1.45;
}

:where(html[lang="ar"] body) :where(h4, .h4) {
  font-size: clamp(1.12rem, 1.8vw, 1.35rem);
  font-weight: var(--qimah-type-weight-semibold) !important;
  line-height: 1.5;
}

:where(html[lang="ar"] body) :where(h5, .h5) {
  font-size: 1.05rem;
  font-weight: var(--qimah-type-weight-semibold) !important;
  line-height: 1.55;
}

:where(html[lang="ar"] body) :where(h6, .h6) {
  font-size: .95rem;
  font-weight: var(--qimah-type-weight-semibold) !important;
  line-height: 1.6;
}

:where(html[lang="ar"] body) :where(p, li, dt, dd, td, blockquote) {
  font-weight: var(--qimah-type-weight-regular) !important;
}

:where(html[lang="ar"] body) :where(small, .small) {
  font-size: .875rem;
  font-weight: var(--qimah-type-weight-regular) !important;
  line-height: 1.65;
}

:where(html[lang="ar"] body) :where(strong, b) {
  font-weight: var(--qimah-type-weight-bold) !important;
}

html[lang="ar"] body :where(
  button,
  input,
  select,
  textarea,
  .button,
  .public-button,
  .form-submit,
  .primary-button,
  .secondary-button,
  .filter-submit,
  .approve-button,
  .reject-button,
  [role="button"]
) {
  font-family: "Cairo", Tahoma, Arial, sans-serif;
}

html[lang="ar"] body :where(
  button,
  .button,
  .public-button,
  .form-submit,
  .primary-button,
  .secondary-button,
  .filter-submit,
  .approve-button,
  .reject-button,
  [role="button"],
  .nav-item,
  .qimah-header__nav a,
  .text-link
) {
  font-weight: var(--qimah-type-weight-semibold) !important;
}

html[lang="ar"] body :where(
  label,
  legend,
  summary,
  th,
  .nav-label,
  .section-kicker,
  .section-eyebrow,
  .hero-kicker,
  .request-number,
  .status-pill,
  .panel-chip,
  .connection-pill,
  .live-dot,
  .number-pill,
  .heading-count,
  [class$="__kicker"],
  [class$="-badge"],
  [class*="-badge "],
  [class$="-chip"],
  [class*="-chip "]
) {
  font-weight: var(--qimah-type-weight-semibold) !important;
}

html[lang="ar"] body :where(.muted, .text-muted, .text-secondary, .form-help, .help-text, .description, .meta, [class$="__meta"], [class$="-meta"]) {
  font-weight: var(--qimah-type-weight-secondary) !important;
}

html[lang="ar"] body :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]), textarea) {
  font-weight: var(--qimah-type-weight-regular) !important;
}

@media (max-width: 700px) {
  html[lang="ar"] body {
    font-size: var(--qimah-type-size-base);
  }
}