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;
}

html,
body {
  font-family: 'Roboto', 'PT Sans', 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif !important;
}

html[lang^="fa"],
html[lang^="fa"] body {
  font-family: 'Dana', 'IRANSans', 'Segoe UI', Tahoma, sans-serif !important;
}

html[lang^="ar"],
html[lang^="ar"] body {
  font-family: 'Cairo', 'Roboto', 'Noto Sans Arabic', 'Segoe UI', sans-serif !important;
}

html[lang^="ja"],
html[lang^="ja"] body {
  font-family: 'Noto Sans JP', 'Yu Gothic', 'Hiragino Kaku Gothic Pro', 'Segoe UI', sans-serif !important;
}

html[lang^="ko"],
html[lang^="ko"] body {
  font-family: 'Noto Sans KR', 'Malgun Gothic', 'Apple SD Gothic Neo', 'Segoe UI', sans-serif !important;
}

html[lang^="zh"],
html[lang^="zh"] body {
  font-family: 'Noto Sans SC', 'Noto Sans TC', 'Microsoft YaHei', 'PingFang SC', 'Segoe UI', sans-serif !important;
}

html[lang^="el"],
html[lang^="el"] body {
  font-family: 'Noto Sans Greek', 'Roboto', 'Segoe UI', sans-serif !important;
}

html[lang^="he"],
html[lang^="he"] body {
  font-family: 'Noto Sans Hebrew', 'Rubik', 'Segoe UI', sans-serif !important;
}

html[lang^="hi"],
html[lang^="hi"] body {
  font-family: 'Noto Sans Devanagari', 'Hind', 'Segoe UI', sans-serif !important;
}

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

html[dir="rtl"] .form-check:not(.pg-mode-option) {
  padding-right: 1.75rem;
  padding-left: 0;
}

html[dir="rtl"] .form-check:not(.pg-mode-option) .form-check-input {
  float: right;
  margin-right: -1.75rem;
  margin-left: 0;
}

html[dir="rtl"] .form-check:not(.pg-mode-option) .form-check-label {
  padding-right: 0.5rem;
  padding-left: 0;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}