html[dir="rtl"] .skip,
html[dir="rtl"] .qf-hp {
  left: auto;
  right: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}









html[lang="ar"] body {
  font-family: "Noto Naskh Arabic", "Noto Sans Arabic", "Geeza Pro", "Segoe UI",
    Tahoma, -apple-system, BlinkMacSystemFont, "PingFang SC", sans-serif;
  

  font-size: 15px;
  line-height: 1.8;
}


html[lang="ar"] .hero-t { font-size: 30px; }
html[lang="ar"] .page-t { font-size: 25px; }
html[lang="ar"] .pd-name { line-height: 1.5; }








html[lang="ar"] body,
html[lang="ar"] body * { letter-spacing: normal !important; }







html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="tel"],
html[dir="rtl"] input[type="url"],
html[dir="rtl"] input[type="number"],
html[dir="rtl"] input[name="email"],
html[dir="rtl"] input[name="phone"],
html[dir="rtl"] input[name="style"],
html[dir="rtl"] input[name="quantity"],
html[dir="rtl"] input[name="country_other"],
html[dir="rtl"] .qf-i,
html[dir="rtl"] .qf-ta {
  direction: ltr;
  text-align: left;
}


html[dir="rtl"] .qf-i::placeholder,
html[dir="rtl"] .qf-ta::placeholder { direction: ltr; text-align: left; }


html[dir="rtl"] .qf-k,
html[dir="rtl"] .qf-f > span { text-align: right; }








html[dir="rtl"] .qf-send svg,
html[dir="rtl"] .btn svg,
html[dir="rtl"] .u svg,
html[dir="rtl"] .pd-cta svg,
html[dir="rtl"] .pd-bar svg,
html[dir="rtl"] .rel-more svg { transform: scaleX(-1); }







html[dir="rtl"] .pf-v b,
html[dir="rtl"] .pd-style,
html[dir="rtl"] .cnt,
html[dir="rtl"] .c-row > b,
html[dir="rtl"] .qf-fixed b,
html[dir="rtl"] time,
html[dir="rtl"] .b-new,
html[dir="rtl"] .b-vid {
  unicode-bidi: isolate;
  direction: ltr;
}


html[dir="rtl"] .fl-tel,
html[dir="rtl"] .fl-tg { direction: ltr; }
html[dir="rtl"] .fl-tel span,
html[dir="rtl"] .fl-tg span,
html[dir="rtl"] .fl-ext > span { direction: ltr; unicode-bidi: isolate; }






html[dir="rtl"] .crow-count { margin-left: 0; margin-right: auto; }
html[dir="rtl"] .card .cf .ccl { margin-left: 0; margin-right: 6px; }
html[dir="rtl"] button.c-row { text-align: right; }
html[dir="rtl"] .pd-ccs { justify-content: flex-start; }


html[dir="rtl"] .t-list li { padding-left: 0; padding-right: 18px; }
html[dir="rtl"] .t-list li::before { left: auto; right: 0; }


html[dir="rtl"] .pd-back svg,
html[dir="rtl"] .back svg { transform: scaleX(-1); }




html[dir="rtl"] input[type="number"] { text-align: left; }




@media (max-width: 640px) {
  html[lang="ar"] body { font-size: 14.5px; }
  html[lang="ar"] .hero-t { font-size: 25px; }
  html[lang="ar"] .hero-k { font-size: 11px; }
}