body {
  direction: rtl;
  text-align: right;
  font-family: 'Iransans', sans-serif;
}

.header .container {
  flex-direction: row-reverse;
}

.nav a {
  margin-left: 0;
  margin-right: 2rem;
}

.hero .container {
    grid-template-columns: 1fr 1fr;
}

.hero-content {
    text-align: right;
}

.card-grid {
    direction: rtl;
}

.form {
    text-align: right;
}