
html[lang^="ar"] body,
html[lang^="ur"] body,
html[lang^="fa"] body,
html[lang^="he"] body {
  direction: rtl;
  text-align: right;
}

html[lang^="ar"] .header-inner,
html[lang^="ur"] .header-inner,
html[lang^="fa"] .header-inner,
html[lang^="he"] .header-inner,
html[lang^="ar"] .tool-hero-inner,
html[lang^="ur"] .tool-hero-inner,
html[lang^="fa"] .tool-hero-inner,
html[lang^="he"] .tool-hero-inner,
html[lang^="ar"] .tool-row-primary,
html[lang^="ur"] .tool-row-primary,
html[lang^="fa"] .tool-row-primary,
html[lang^="he"] .tool-row-primary,
html[lang^="ar"] .page-main-grid,
html[lang^="ur"] .page-main-grid,
html[lang^="fa"] .page-main-grid,
html[lang^="he"] .page-main-grid,
html[lang^="ar"] .footer-inner,
html[lang^="ur"] .footer-inner,
html[lang^="fa"] .footer-inner,
html[lang^="he"] .footer-inner {
  direction: rtl;
}

html[lang^="ar"] .tool-article h2::after,
html[lang^="ur"] .tool-article h2::after,
html[lang^="fa"] .tool-article h2::after,
html[lang^="he"] .tool-article h2::after {
  right: 0;
  left: auto;
}

html[lang^="ar"] .main-nav a::after,
html[lang^="ur"] .main-nav a::after,
html[lang^="fa"] .main-nav a::after,
html[lang^="he"] .main-nav a::after {
  right: 0;
  left: auto;
}

html[lang^="ar"] .tool-article,
html[lang^="ur"] .tool-article,
html[lang^="fa"] .tool-article,
html[lang^="he"] .tool-article,
html[lang^="ar"] .tool-hero-subtitle,
html[lang^="ur"] .tool-hero-subtitle,
html[lang^="fa"] .tool-hero-subtitle,
html[lang^="he"] .tool-hero-subtitle,
html[lang^="ar"] .tool-meta-card p,
html[lang^="ur"] .tool-meta-card p,
html[lang^="fa"] .tool-meta-card p,
html[lang^="he"] .tool-meta-card p,
html[lang^="ar"] .tool-hero-list,
html[lang^="ur"] .tool-hero-list,
html[lang^="fa"] .tool-hero-list,
html[lang^="he"] .tool-hero-list,
html[lang^="ar"] .tool-meta-list,
html[lang^="ur"] .tool-meta-list,
html[lang^="fa"] .tool-meta-list,
html[lang^="he"] .tool-meta-list,
html[lang^="ar"] .related-list,
html[lang^="ur"] .related-list,
html[lang^="fa"] .related-list,
html[lang^="he"] .related-list,
html[lang^="ar"] .faq-question span,
html[lang^="ur"] .faq-question span,
html[lang^="fa"] .faq-question span,
html[lang^="he"] .faq-question span,
html[lang^="ar"] .tool-hero-title,
html[lang^="ur"] .tool-hero-title,
html[lang^="fa"] .tool-hero-title,
html[lang^="he"] .tool-hero-title,
html[lang^="ar"] h2,
html[lang^="ur"] h2,
html[lang^="fa"] h2,
html[lang^="he"] h2,
html[lang^="ar"] h3,
html[lang^="ur"] h3,
html[lang^="fa"] h3,
html[lang^="he"] h3 {
  text-align: right;
}

html[lang^="ar"] .tool-article li,
html[lang^="ur"] .tool-article li,
html[lang^="fa"] .tool-article li,
html[lang^="he"] .tool-article li,
html[lang^="ar"] .tool-meta-list li,
html[lang^="ur"] .tool-meta-list li,
html[lang^="fa"] .tool-meta-list li,
html[lang^="he"] .tool-meta-list li,
html[lang^="ar"] .tool-hero-list li,
html[lang^="ur"] .tool-hero-list li,
html[lang^="fa"] .tool-hero-list li,
html[lang^="he"] .tool-hero-list li {
  padding-right: 18px;
  padding-left: 0;
}

html[lang^="ar"] .tool-article li::before,
html[lang^="ur"] .tool-article li::before,
html[lang^="fa"] .tool-article li::before,
html[lang^="he"] .tool-article li::before,
html[lang^="ar"] .tool-meta-list li::before,
html[lang^="ur"] .tool-meta-list li::before,
html[lang^="fa"] .tool-meta-list li::before,
html[lang^="he"] .tool-meta-list li::before,
html[lang^="ar"] .tool-hero-list li::before,
html[lang^="ur"] .tool-hero-list li::before,
html[lang^="fa"] .tool-hero-list li::before,
html[lang^="he"] .tool-hero-list li::before {
  right: 3px;
  left: auto;
}

html[lang^="ar"] .tool-file-main,
html[lang^="ur"] .tool-file-main,
html[lang^="fa"] .tool-file-main,
html[lang^="he"] .tool-file-main,
html[lang^="ar"] .tool-file-row,
html[lang^="ur"] .tool-file-row,
html[lang^="fa"] .tool-file-row,
html[lang^="he"] .tool-file-row {
  flex-direction: row-reverse;
}

html[lang^="ar"] .tool-file-main i,
html[lang^="ur"] .tool-file-main i,
html[lang^="fa"] .tool-file-main i,
html[lang^="he"] .tool-file-main i {
  margin-left: 0;
}

html[lang^="ar"] .tool-file-right,
html[lang^="ur"] .tool-file-right,
html[lang^="fa"] .tool-file-right,
html[lang^="he"] .tool-file-right {
  flex-direction: row-reverse;
}

html[lang^="ar"] .article-toc-title,
html[lang^="ur"] .article-toc-title,
html[lang^="fa"] .article-toc-title,
html[lang^="he"] .article-toc-title,
html[lang^="ar"] .article-toc a,
html[lang^="ur"] .article-toc a,
html[lang^="fa"] .article-toc a,
html[lang^="he"] .article-toc a,
html[lang^="ar"] .related-list a,
html[lang^="ur"] .related-list a,
html[lang^="fa"] .related-list a,
html[lang^="he"] .related-list a {
  flex-direction: row;
}

html[lang^="ar"] .article-toc a::before,
html[lang^="ur"] .article-toc a::before,
html[lang^="fa"] .article-toc a::before,
html[lang^="he"] .article-toc a::before {
  margin-right: 6px;
  margin-left: 0;
}

html[lang^="ar"] .faq-question,
html[lang^="ur"] .faq-question,
html[lang^="fa"] .faq-question,
html[lang^="he"] .faq-question {
  text-align: right;
}

html[lang^="ar"] .breadcrumbs,
html[lang^="ur"] .breadcrumbs,
html[lang^="fa"] .breadcrumbs,
html[lang^="he"] .breadcrumbs {
  text-align: right;
}

html[lang^="ar"] #steps + p + ul li,
html[lang^="ur"] #steps + p + ul li,
html[lang^="fa"] #steps + p + ul li,
html[lang^="he"] #steps + p + ul li {
  padding: 12px 52px 12px 12px;
}

html[lang^="ar"] #steps + p + ul li::before,
html[lang^="ur"] #steps + p + ul li::before,
html[lang^="fa"] #steps + p + ul li::before,
html[lang^="he"] #steps + p + ul li::before {
  right: 14px;
  left: auto;
}

html[lang^="ar"] #metadata + p + ul li,
html[lang^="ur"] #metadata + p + ul li,
html[lang^="fa"] #metadata + p + ul li,
html[lang^="he"] #metadata + p + ul li {
  padding: 10px 32px 12px 12px;
}

html[lang^="ar"] #metadata + p + ul li::before,
html[lang^="ur"] #metadata + p + ul li::before,
html[lang^="fa"] #metadata + p + ul li::before,
html[lang^="he"] #metadata + p + ul li::before {
  right: 10px;
  left: auto;
}

html[lang^="ar"] #tips + ul li,
html[lang^="ur"] #tips + ul li,
html[lang^="fa"] #tips + ul li,
html[lang^="he"] #tips + ul li {
  padding: 9px 32px 9px 12px;
}

html[lang^="ar"] .theme-switch,
html[lang^="ur"] .theme-switch,
html[lang^="fa"] .theme-switch,
html[lang^="he"] .theme-switch {
  direction: rtl;
}

html[lang^="ar"] .theme-switch.is-dark .theme-switch-thumb,
html[lang^="ur"] .theme-switch.is-dark .theme-switch-thumb,
html[lang^="fa"] .theme-switch.is-dark .theme-switch-thumb,
html[lang^="he"] .theme-switch.is-dark .theme-switch-thumb {
  transform: translateX(-20px);
}

html[lang^="ar"] .link-list a::before,
html[lang^="ur"] .link-list a::before,
html[lang^="fa"] .link-list a::before,
html[lang^="he"] .link-list a::before {
  content: "↲";
}

html[lang="ur"] #steps + p + ul,
html[lang="ar"] #steps + p + ul,
html[lang="fa"] #steps + p + ul,
html[lang="he"] #steps + p + ul{
  counter-reset: step;
}

html[lang="ur"] #steps + p + ul li,
html[lang="ar"] #steps + p + ul li,
html[lang="fa"] #steps + p + ul li,
html[lang="he"] #steps + p + ul li{
  padding: 12px 52px 12px 12px;
}

html[lang="ur"] #steps + p + ul li::before,
html[lang="ar"] #steps + p + ul li::before,
html[lang="fa"] #steps + p + ul li::before,
html[lang="he"] #steps + p + ul li::before{
  left: auto;
  right: 14px;
}

html[lang="ar"] #steps + p + ul li::before{
  content: counter(step, arabic-indic);
}

html[lang="fa"] #steps + p + ul li::before,
html[lang="ur"] #steps + p + ul li::before{
  content: counter(step, persian);
}

html[lang="he"] #steps + p + ul li::before{
  content: counter(step, decimal);
}

html[lang="ur"] #steps + p + ul li::before,
html[lang="ar"] #steps + p + ul li::before,
html[lang="fa"] #steps + p + ul li::before,
html[lang="he"] #steps + p + ul li::before{
  unicode-bidi: isolate;
  direction: rtl;
}

html[lang^="ar"] .lang-dropdown,
html[lang^="ur"] .lang-dropdown,
html[lang^="fa"] .lang-dropdown,
html[lang^="he"] .lang-dropdown {
  left: 0;
  right: auto;
}

@media (max-width: 520px) {
  html[lang^="ar"] .lang-dropdown,
  html[lang^="ur"] .lang-dropdown,
  html[lang^="fa"] .lang-dropdown,
  html[lang^="he"] .lang-dropdown {
    left: 0;
    right: auto;
  }
}

@media (max-width: 800px) {
  html[lang^="ar"] .theme-switch,
  html[lang^="ur"] .theme-switch,
  html[lang^="fa"] .theme-switch,
  html[lang^="he"] .theme-switch {
    right: auto;
    left: 20px;
  }
}

@media (max-width: 520px) {
  html[lang^="ar"] .footer-language,
  html[lang^="ur"] .footer-language,
  html[lang^="fa"] .footer-language,
  html[lang^="he"] .footer-language {
    justify-content: flex-end;
  }
}