html[dir="rtl"] body {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] input,
html[dir="rtl"] textarea {
  direction: rtl;
  text-align: right;
}

html[dir="rtl"] input[type="email"],
html[dir="rtl"] input[type="password"],
html[dir="rtl"] input[type="tel"] {
  direction: ltr;
  text-align: left;
}

html[dir="rtl"] .auth-card,
html[dir="rtl"] [class*="auth"],
html[dir="rtl"] [class*="login"],
html[dir="rtl"] [class*="register"] {
  direction: rtl;
  text-align: right;
}