html[dir="rtl"] body.auth-login-page {
  font-family: 'Cairo', sans-serif;
}

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

html[dir="rtl"] .login-topbar {
  justify-content: flex-start;
}

html[dir="rtl"] .input-icon-wrap > .ti {
  left: auto;
  right: 12px;
}

html[dir="rtl"] .input-icon-wrap input {
  padding-left: 42px;
  padding-right: 38px;
}

html[dir="rtl"] .input-icon-wrap .eye-btn {
  right: auto;
  left: 8px;
}

html[dir="rtl"] .login-row {
  flex-direction: row-reverse;
}

html[dir="rtl"] .login-bg .shape-1 {
  left: auto;
  right: -60px;
}

html[dir="rtl"] .login-bg .shape-2 {
  left: auto;
  right: 8%;
}

html[dir="rtl"] .login-bg .shape-3 {
  right: auto;
  left: -100px;
}