/* The Arabic side.
   The design is not redrawn here — it is turned around. dir="rtl" does most
   of that on its own, because the layout is flex and grid throughout; what
   is left is the handful of things that were pinned to a side by hand, and
   the type, which needs a face that has Arabic in it at all. */

/* ---------- type ---------- */
html[lang="ar"] body,
html[lang="ar"] .dwe,
html[lang="ar"] .mk{
  font-family:'Cairo','Figtree','Helvetica Neue',Arial,sans-serif;
}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,
html[lang="ar"] .dwe-sec__t,html[lang="ar"] .dwe-cta__h,html[lang="ar"] .dwe-hero__h,
html[lang="ar"] .mk-cover__h,html[lang="ar"] .mk-plat__n,html[lang="ar"] .mk-stat__n{
  font-family:'Cairo','Archivo',Arial,sans-serif;
  font-weight:800;
  /* Arabic sits lower and needs more room between lines than the Latin
     display face was set for */
  line-height:1.35;
  letter-spacing:0;
}
html[lang="ar"] .dwe__eye,html[lang="ar"] .mk-cover__eye,html[lang="ar"] .mk-plat__h,
html[lang="ar"] .dwe-ag__h{
  /* the handwritten face has no Arabic; weight carries the same aside */
  font-family:'Cairo',Arial,sans-serif;
  font-weight:600;
  letter-spacing:0;
}
html[lang="ar"] .mk-stat__l,html[lang="ar"] .mk-facts dt,html[lang="ar"] .mk-contact dt,
html[lang="ar"] .dwe-stat__l{
  /* letter-spacing pulls Arabic letters apart from each other */
  letter-spacing:0;
  text-transform:none;
}

/* ---------- the few things that were pinned to a side ---------- */
html[lang="ar"] .mk-stat{border-left:0;border-right:3px solid var(--brand,var(--sun));}
html[lang="ar"] .mk-rate{border-left:0;border-right:3px solid var(--sun);}
html[lang="ar"] .mk-facts dd,html[lang="ar"] .mk-contact dd{text-align:left;}
html[lang="ar"] .mk-split__bar i{margin-inline-start:auto;}

/* ---------- the moving rows ---------- */
/* A row of logos has no language, and the script that drives it counts
   scroll distance from the left. Leaving these rows reading left to right
   keeps them behaving exactly as they do on the English site; only the
   words inside a card turn around. */
html[lang="ar"] .dwe-logorow,
html[lang="ar"] .dwe-agrow,
html[lang="ar"] .dwe-approw,
html[lang="ar"] .dwe-strip{direction:ltr;}
html[lang="ar"] .dwe-app__body,
html[lang="ar"] .dwe-ag__n,
html[lang="ar"] .dwe-app__t,
html[lang="ar"] .dwe-app__d{direction:rtl;text-align:right;}

/* ---------- small corrections ---------- */
html[lang="ar"] .dwe-phead__crumb span[aria-hidden="true"]{display:inline-block;transform:scaleX(-1);}
html[lang="ar"] .dwe-rail{right:auto;left:0;}

/* numbers, phone numbers and brand names stay in Latin order */
html[lang="ar"] .mk-stat__n,
html[lang="ar"] .dwe-stat__n,
html[lang="ar"] .dwe-cs__n b{direction:ltr;unicode-bidi:isolate;display:inline-block;}