/* Shared hero typography for the six main internal pages, EN and AR. */
html[lang="en"] #main-content h1,
html[lang="ar"] #main-content h1 {
  font-weight: 700 !important;
  min-width: 0;
  max-width: 100%;
  overflow-wrap: anywhere;
}
html[lang="en"] #main-content h1 {
  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;
  font-size: clamp(48px, 4.6vw, 68px) !important;
  line-height: 1.12 !important;
  letter-spacing: -.035em !important;
}
html[lang="ar"] #main-content h1 {
  font-family: "Tajawal", Tahoma, Arial, sans-serif !important;
  font-size: clamp(46px, 4.2vw, 62px) !important;
  line-height: 1.35 !important;
  letter-spacing: 0 !important;
}
@media (max-width: 620px) {
  html[lang="en"] #main-content h1 {
    font-size: clamp(36px, 9.5vw, 48px) !important;
  }
  html[lang="ar"] #main-content h1 {
    font-size: clamp(34px, 9vw, 46px) !important;
  }
}