@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;650;700&display=swap');

html[lang="ar"] { --body: 'Noto Sans Arabic', Tahoma, Arial, sans-serif; --heading: 'Noto Sans Arabic', Tahoma, Arial, sans-serif; }
html[lang="ar"] body { line-height: 1.9; }
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4,
html[lang="ar"] .eyebrow, html[lang="ar"] .small-label, html[lang="ar"] .sidebar-kicker,
html[lang="ar"] .module-theme, html[lang="ar"] .map-heading, html[lang="ar"] .map-result strong,
html[lang="ar"] .map-tool, html[lang="ar"] .course-tools > span, html[lang="ar"] .course-index span,
html[lang="ar"] .module-lab strong, html[lang="ar"] .outcomes-grid article > span,
html[lang="ar"] .sample-tag, html[lang="ar"] .phone-list span { letter-spacing: 0; }
html[lang="ar"] .course-hero h1 { font-size: clamp(35px, 3.7vw, 53px); line-height: 1.55; }
html[lang="ar"] .training-page h2 { line-height: 1.65; font-size: clamp(28px, 3vw, 39px); }
html[lang="ar"] .course-lead { font-size: 16px; line-height: 2.05; }
html[lang="ar"] .course-audience-note { font-size: 13px; }
html[lang="ar"] .course-hero .eyebrow { font-size: 12px; }
html[lang="ar"] .course-hero { background: linear-gradient(242deg, #f7f8f4 55%, #e9f0e6); }
html[lang="ar"] .brand { font-family: 'Manrope', Arial, sans-serif; direction: ltr; letter-spacing: -1.2px; }
html[lang="ar"] .map-heading { font-size: 11px; }
html[lang="ar"] .journey-map li strong { font-size: 15px; }
html[lang="ar"] .journey-map li p { font-size: 11px; line-height: 1.9; }
html[lang="ar"] .map-tool { margin-left: 0; margin-right: auto; text-align: left; font-size: 9px; max-width: 65px; }
html[lang="ar"] .map-result span { font-size: 12px; }
html[lang="ar"] .course-tools > span, html[lang="ar"] .course-index span { font-size: 10px; }
html[lang="ar"] .course-index span { margin-right: 0; margin-left: auto; }
html[lang="ar"] .course-index a { font-size: 12px; }
html[lang="ar"] .journey-sidebar ol, html[lang="ar"] .module-body ul, html[lang="ar"] .preparation ul { padding-left: 0; padding-right: 20px; }
html[lang="ar"] .module-body { padding-left: 39px; padding-right: 47px; line-height: 2; }
html[lang="ar"] .course-modules h3 { line-height: 1.65; }
html[lang="ar"] .module-theme { font-size: 10px; }
html[lang="ar"] .module-lab { border-left: 0; border-right: 3px solid #78a28a; border-radius: 4px 0 0 4px; }
html[lang="ar"] .module-lab strong, html[lang="ar"] .sidebar-kicker { font-size: 11px; }
html[lang="ar"] .case-selector button { text-align: right; line-height: 1.9; }
html[lang="ar"] .case-selector button > b { margin-left: 0; margin-right: auto; }
html[lang="ar"] .case-context .sample-tag { font-size: 10px; white-space: normal; }
html[lang="ar"] .course-case #case-kicker { font-size: 11px; line-height: 1.9; }
html[lang="ar"] #case-title { line-height: 1.65; }
html[lang="ar"] .case-ledger .small-label, html[lang="ar"] .case-question .small-label, html[lang="ar"] .case-conclusion .small-label { font-size: 10px; }
html[lang="ar"] .case-metrics strong { direction: ltr; text-align: right; unicode-bidi: isolate; font-family: 'Manrope', Arial, sans-serif; }
html[lang="ar"] .case-step, html[lang="ar"] .map-marker, html[lang="ar"] .module-number { direction: ltr; unicode-bidi: isolate; }
html[lang="ar"] .case-metrics span { font-size: 11px; }
html[lang="ar"] .case-conclusion h3, html[lang="ar"] .outcomes-grid h3, html[lang="ar"] .preparation h3 { line-height: 1.7; }
html[lang="ar"] .faq-items details p { padding-right: 0; padding-left: 26px; }
html[lang="ar"] .contact-email { direction: ltr; unicode-bidi: isolate; letter-spacing: 0; font-family: 'DM Sans', Arial, sans-serif; }
html[lang="ar"] .phone-list a { direction: ltr; unicode-bidi: isolate; text-align: right; font-family: 'DM Sans', Arial, sans-serif; }
html[lang="ar"] .phone-list span { direction: rtl; font-family: var(--body); }
html[lang="ar"] .skip-link { left: auto; right: 20px; }
html[lang="ar"] input[type="email"] { text-align: left; }
html[lang="ar"] .enquiry-form label { font-size: 12px; }
html[lang="ar"] .enquiry-form h3 { line-height: 1.7; }
html[lang="ar"] .footer-top > a:last-child { margin-left: 0; }

@media (max-width: 1150px) {
  html[lang="ar"] .course-hero h1 { font-size: 42px; }
}
@media (max-width: 900px) {
  html[lang="ar"] .course-hero h1 { font-size: 48px; }
}
@media (max-width: 680px) {
  html[lang="ar"] .course-hero h1 { font-size: clamp(29px, 8vw, 45px); line-height: 1.6; }
  html[lang="ar"] .course-hero .eyebrow { font-size: 10px; }
  html[lang="ar"] .course-lead { font-size: 15px; }
  html[lang="ar"] .training-page h2 { font-size: 28px; }
  html[lang="ar"] .journey-map li strong { font-size: 13px; }
  html[lang="ar"] .journey-map li p { font-size: 10px; }
  html[lang="ar"] .map-tool { font-size: 7px; max-width: 40px; }
  html[lang="ar"] .course-modules h3 { font-size: 20px; }
  html[lang="ar"] .module-body { padding: 0 34px 27px 0; }
  html[lang="ar"] .module-theme { font-size: 9px; }
  html[lang="ar"] .case-selector button { font-size: 10px; }
  html[lang="ar"] .course-case #case-kicker { font-size: 9px; }
  html[lang="ar"] .case-metrics span { font-size: 10px; }
  html[lang="ar"] .case-metrics strong { font-size: 23px; }
  html[lang="ar"] .footer-top > a:last-child { margin-right: auto; }
}