html[dir="rtl"] body {
  font-family: "Almarai", sans-serif;
  text-align: right;
}

html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] select,
html[dir="rtl"] textarea {
  font-family: "Almarai", sans-serif;
}

html[dir="rtl"] .lc-nav-link,
html[dir="rtl"] .lc-nav-button,
html[dir="rtl"] #user-menu-panel,
html[dir="rtl"] #notifications-menu-panel,
html[dir="rtl"] #currency-menu-panel,
html[dir="rtl"] #language-menu-panel,
html[dir="rtl"] #domains-menu-panel,
html[dir="rtl"] #vps-menu-panel,
html[dir="rtl"] #dedicated-menu-panel,
html[dir="rtl"] #apps-menu-panel {
  text-align: right;
}

html[dir="rtl"] #user-menu-panel,
html[dir="rtl"] #notifications-menu-panel {
  left: 0;
  right: auto;
}

html[dir="rtl"] .lc-sidebar {
  border-left: 1px solid rgb(226 232 240);
  border-right: 0;
}

html[dir="rtl"] .lc-sidebar-search span {
  left: auto;
  padding-left: 0;
  padding-right: 0.75rem;
  right: 0;
}

html[dir="rtl"] .lc-sidebar-search input {
  padding-left: 0.75rem;
  padding-right: 2.25rem;
}

html[dir="rtl"] .lc-sidebar-subnav,
html[dir="rtl"] #lc-sidebar-recents {
  padding-left: 0;
  padding-right: 2.5rem;
}

html[dir="rtl"] [data-password-toggle] {
  left: 0;
  padding-left: 0.75rem;
  padding-right: 0;
  right: auto;
}

html[dir="rtl"] .clouds::before {
  -webkit-mask-image: linear-gradient(to left, #000 0%, #000 88%, transparent 100%);
  mask-image: linear-gradient(to left, #000 0%, #000 88%, transparent 100%);
}

html[dir="rtl"] .clouds::after {
  left: auto;
  right: 100%;
  -webkit-mask-image: linear-gradient(to left, transparent 0%, #000 12%, #000 100%);
  mask-image: linear-gradient(to left, transparent 0%, #000 12%, #000 100%);
}

html[dir="rtl"] table th,
html[dir="rtl"] table td,
html[dir="rtl"] form label,
html[dir="rtl"] .text-left {
  text-align: right;
}

html[dir="rtl"] .text-right {
  text-align: left;
}

html[dir="rtl"] .lc-phone-ltr {
  direction: ltr;
  display: inline-block;
  text-align: left;
  unicode-bidi: bidi-override;
}