@import url(https://fonts.googleapis.com/css2?family=Tajawal:wght@300&display=swap);
[data-v-857fd648]:root {
  --body-font-family: "Tajawal", sans-serif;
  --main-color: #e31e27;
  --main-color-opacity: #e31e2721;
  --main-color-white: #fff;
  --second-color: #ec8f56;
  --bg-header: #eaeaea80;
}
#app.v-application .text-h1[data-v-857fd648],
#app.v-application .text-h2[data-v-857fd648],
#app.v-application .text-h3[data-v-857fd648],
#app.v-application .text-h4[data-v-857fd648],
#app.v-application .text-h5[data-v-857fd648],
#app.v-application .text-h6[data-v-857fd648],
#app.v-application .subtitle-1[data-v-857fd648],
#app.v-application .subtitle-2[data-v-857fd648],
#app.v-application .title[data-v-857fd648],
#app.v-application .body-1[data-v-857fd648],
#app.v-application .body-2[data-v-857fd648],
#app.v-application .button[data-v-857fd648],
#app.v-application .caption[data-v-857fd648],
#app.v-application .overline[data-v-857fd648] {
  font-family: var(--body-font-family) !important;
  letter-spacing: 0px !important;
}
#app.v-application .bg-red[data-v-857fd648] {
  background-color: var(--main-color) !important;
  color: var(--main-color-white) !important;
}
#app.v-application .text-red[data-v-857fd648] {
  color: var(--main-color) !important;
}
.login-page[data-v-857fd648] {
  background: #fff;
  position: relative;
  overflow: hidden;
}
.login-page[data-v-857fd648]::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: 22px 22px;
  opacity: 0.7;
}
.login-wrapper[data-v-857fd648] {
  position: relative;
  z-index: 2;
}
.login-header[data-v-857fd648] {
  text-align: center;
  margin-bottom: 28px;
}
.login-title[data-v-857fd648] {
  font-size: 42px;
  font-weight: 900;
  color: #111;
  margin-bottom: 12px;
  line-height: 1.2;
}
.login-subtitle[data-v-857fd648] {
  font-size: 16px;
  color: #777;
  font-weight: 500;
}
@media (max-width: 767px) {
.login-page[data-v-857fd648] {
    padding: 20px;
}
.login-title[data-v-857fd648] {
    font-size: 32px;
}
}
[data-v-857fd648] .v-btn--active {
  background-color: #fff !important;
}