/* Display titles and detail subheadings are separate typography roles. */
:root {
  --type-heading-family: var(--font-en-display, "Chonburi", Georgia, serif);
  --type-heading-weight: 700;
  --type-detail-family: var(--font-en-ui, "Rubik", sans-serif);
  --type-detail-weight: 700;
}
html[lang="ar"] {
  --type-heading-family: var(--font-ar-display, "Fustat", sans-serif);
  --type-heading-weight: 700;
  --type-detail-family: var(--font-ar-ui, "Cairo", sans-serif);
}
html[lang] #main :is([data-ias-type="heading"],.ias-cert-heading,.ias-unified-heading,[data-framer-name="Number"] h3) {
  font-family: var(--type-heading-family) !important;
  --framer-font-family: var(--type-heading-family) !important;
  font-weight: var(--type-heading-weight) !important;
  --framer-font-weight: var(--type-heading-weight) !important;
}
html[lang] #main :is([data-ias-type="heading"],.ias-cert-heading,.ias-unified-heading) :is(span,strong,em,b) {
  font-family: inherit !important;
  font-weight: inherit !important;
  --framer-font-family: inherit !important;
  --framer-font-weight: inherit !important;
}
html[lang] #main [data-ias-type="subheading"] {
  font-family: var(--type-heading-family) !important;
  --framer-font-family: var(--type-heading-family) !important;
  font-weight: var(--type-heading-weight) !important;
  --framer-font-weight: var(--type-heading-weight) !important;
  text-wrap: balance;
  line-height: 1.25 !important;
}
html[lang] #main [data-ias-type="body"] {
  font-family: var(--type-detail-family) !important;
  --framer-font-family: var(--type-detail-family) !important;
  font-weight: 400 !important;
}
html[lang] #main [data-framer-name="Number"] h3 {
  font-size: var(--type-display-lg, 3rem) !important;
  --framer-font-size: var(--type-display-lg, 3rem) !important;
  line-height: 1.2 !important;
}
.framer-10p5pdc h2 strong {
  color: var(--color-text-highlight, #a64823) !important;
  --framer-text-color: var(--color-text-highlight, #a64823) !important;
}

/* Both lines share the exported centered title treatment in either language. */
html[lang] #main .framer-1jweqf8 h2 {
  text-align: center !important;
  --framer-text-alignment: center !important;
  width: 100%;
}
html[lang] :is(.ias-chatbot-widget, #ias-chatbot-widget) :is(h1,h2,h3,h4,[role="heading"]) {
  font-family: var(--type-heading-family) !important;
  font-weight: var(--type-heading-weight) !important;
}
html[lang] #main [data-ias-type="subheading"] :is(strong,span,b) { font-family: inherit !important; font-weight: inherit !important; }

html[lang] #main .ias-project-impact { color: var(--color-text-highlight, #a64823) !important; --framer-text-color: var(--color-text-highlight, #a64823) !important; }
html[lang] .ias-chatbot-header-title { font-family: var(--type-heading-family); font-weight: var(--type-heading-weight); }

/* Accent is semantic; its weight always belongs to the complete heading. */
html[lang] #main :is([data-ias-type="heading"],[data-ias-type="subheading"]) .ias-localized-emphasis { color: var(--color-text-highlight, #a64823) !important; --framer-text-color: var(--color-text-highlight, #a64823) !important; }

/* Exported screenshot captions are section headings too, in both locales. */
html[lang] #main :is(h1,h2,h3,h4,p[role="heading"]):not([data-ias-type="body"]):not([data-ias-type="label"]) {
  font-weight:var(--type-heading-weight) !important;
  --framer-font-weight:var(--type-heading-weight) !important;
}