/*--------------------------------------------------------------
# RTL overrides (Arabic)
# Loaded only when the active language is right-to-left.
# Scope: the structural/high-impact pieces of the hand-written
# site CSS (style.css / style-v2.css / divisions.css) that use
# physical left/right instead of logical start/end properties.
# This is not a pixel-perfect mirror of every historical rule.
--------------------------------------------------------------*/

body {
  text-align: right;
  direction: rtl;
}

/* Features / services icon boxes: icon floats to the right, text indents from the right */
.features .icon-box,
.NewsEvents .icon-box {
  padding-left: 0;
  padding-right: 15px;
}

.features .icon-box i,
.NewsEvents .icon-box i {
  float: right;
}

.features .icon-box h4,
.NewsEvents .icon-box h4 {
  margin: 5px 60px 10px 0;
}

.features .icon-box p,
.NewsEvents .icon-box p {
  margin-left: 0;
  margin-right: 60px;
}

/*--------------------------------------------------------------
# Arabic typography
# Cairo for every element except the icon fonts (boxicons .bx,
# bootstrap-icons .bi). !important is needed to beat the legacy
# stylesheets' font stacks (Raleway, Open Sans, Times New Roman)
# and inline font-family styles pasted into CKEditor content.
--------------------------------------------------------------*/
:root {
  --ar-font: "Cairo", "Poppins", "Segoe UI", Tahoma, sans-serif;
}

body,
body *:not(.bx):not(.bi) {
  font-family: var(--ar-font) !important;
  /* letter-spacing pulls Arabic letters apart and breaks their joins */
  letter-spacing: 0 !important;
}

/* Arabic glyphs read smaller than Latin at the same pixel size: nudge text up a little */
body {
  font-size: 16.5px;
}

p {
  line-height: 1.9;
}

/* headings: Cairo has tall ascenders/descenders, so give lines more room */
.dv-hero h1,
.dv-title,
.dv-cta h2,
.division-landing .intro h1,
.division-card h2 {
  line-height: 1.45;
}

/* Cairo reads lighter than Poppins at the same weight; titles need 700 to hold their presence */
.dv-hero h1,
.dv-title,
.dv-cta h2,
.division-landing .intro h1,
.division-card h2,
.dv-service-body h3,
.dv-solution-card h3,
.dv-why-card h3,
.dv-feature h3,
.dv-step h3,
.dv-contact-panel h3,
.dv-course-text strong,
.landing-value strong,
.sf-col h4 {
  font-weight: 700;
}

/* header */
#header .sh-nav .nav-link,
#header .sh-dropdown .dropdown-item {
  font-size: 15.5px;
}

#header .sh-segment a,
#header .sh-cta,
#header .sh-lang {
  font-size: 15px;
}

/* division pages */
.dv-kicker {
  font-size: 14.5px;
}

.dv-lead,
.dv-rich {
  font-size: 17.5px;
  line-height: 1.95;
}

.dv-hero-lead {
  font-size: 20px;
  line-height: 1.9;
}

.dv-btn {
  font-size: 16px;
}

.dv-eyebrow,
.dv-hero-chips li,
.dv-hero-tags a {
  font-size: 15.5px;
}

.dv-service-body h3,
.dv-solution-card h3,
.dv-feature h3,
.dv-step h3 {
  font-size: 21px;
}

.dv-why-card h3,
.dv-course-text strong {
  font-size: 19px;
}

.dv-service-body p,
.dv-solution-card p,
.dv-why-card p,
.dv-step p,
.dv-feature .dv-rich,
.dv-checklist li,
.dv-cta p,
.dv-contact-panel > p,
.dv-form label {
  font-size: 16.5px;
  line-height: 1.85;
}

.dv-stat > span,
.dv-course-text small,
.dv-logo-name,
.dv-about-badge span:not(.dv-about-badge-icon) {
  font-size: 15.5px;
}

.dv-form input,
.dv-form textarea,
.dv-contact-list strong,
.dv-contact-list a {
  font-size: 16.5px;
}

/* landing page */
.division-landing .intro p {
  font-size: 19.5px;
}

.division-card p {
  font-size: 17.5px;
}

.division-points li,
.division-kicker {
  font-size: 15px;
}

.landing-value strong {
  font-size: 17.5px;
}

.landing-value div > span {
  font-size: 15.5px;
}

/* footer */
.site-footer {
  font-size: 16px;
}

.sf-col h4 {
  font-size: 17.5px;
}

@media (max-width: 1199.98px) {
  #header .sh-nav .nav-link {
    font-size: 17px;
  }
}