@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(./ibm-plex-sans-arabic-400.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(./ibm-plex-sans-arabic-500.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(./ibm-plex-sans-arabic-600.ttf) format('truetype');
}
@font-face {
  font-family: 'IBM Plex Sans Arabic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(./ibm-plex-sans-arabic-700.ttf) format('truetype');
}

html[dir="rtl"] { --body: "IBM Plex Sans Arabic", Tahoma, sans-serif; --display: "IBM Plex Sans Arabic", Tahoma, sans-serif; }
html[dir="rtl"] body { font-family: "IBM Plex Sans Arabic", Tahoma, sans-serif; }
html[dir="rtl"] body :is(h1,h2,h3,h4,h5,h6,.cta-band p,.proof-grid dt) { font-family: "IBM Plex Sans Arabic", Tahoma, sans-serif !important; letter-spacing: normal !important; line-height: 1.3; }
html[dir="rtl"] body .hero h1 { line-height: 1.2; }html[dir="rtl"] .hero h1 em { font-style: normal; } @media(max-width:600px){ html[dir="rtl"] body .hero h1 { font-size:clamp(38px,11vw,56px);line-height:1.3;overflow-wrap:normal; } }