html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
  font-family: 'Vazirmatn', sans-serif;
}
* {
  font-family: 'Vazirmatn', sans-serif;
}
input,
select,
textarea,
button,
.form,
.form-control,
.form-select,
.form-label,
.btn {
  font-family: 'Vazirmatn', sans-serif !important;
}


/******************************/
.form-page {
  max-width: 700px;
  margin: 40px auto;
}

.form-page .form-card {
  background: #fff;
  border-radius: 12px;
  padding: 28px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.06);
  border: 1px solid #eee;
}

.form-page .form-title {
  font-size: 22px;
  font-weight: 600;
  margin-bottom: 25px;
}

.form-page .form-label {
  font-weight: 500;
}

.form-page .form-control,
.form-page .form-select {
  border-radius: 8px;
  padding: 10px 12px;
}

.form-page .form-actions {
  margin-top: 25px;
  display: flex;
  gap: 10px;
}

/* ===== Global Font ===== */

html, body {
  font-family: 'Vazirmatn', sans-serif;
}

/* headings */

h1, h2, h3, h4, h5, h6 {
  font-family: inherit;
  font-weight: 700;
}

/* form elements */

input,
select,
textarea,
button {
  font-family: inherit;
}

/* bootstrap elements */

.form-control,
.form-select,
.form-label,
.btn,
.table,
.card,
.navbar,
.dropdown-menu {
  font-family: inherit;
}

/* rtl improvement */

body {
  direction: rtl;
  text-align: right;
}