:root {
  --bs-border-radius-lg: 0.75rem;
  --bs-light-border-subtle: #f1f3f9;
  --bs-light-bg-subtle: #F9FAFB;
  --bs-primary-text-emphasis: #131d3d;
  --bs-dark-text-emphasis: #626c83;
  --bs-secondary-text-emphasis: #96a0b6;
  --bs-primary-rgb: 86, 113, 202;
  --Text-G-100: #f9fafb;
  --Text-G-500: #CCD2E0 ;
}

* {
  font-family: "Cairo", sans-serif !important;
}

.header.bg-header {
  background: url(../img/Group.svg), #334da2;
  background-size: cover;
}

.body.bg-body {
  background-image: url(../img/Vector.svg), url(../img/Vector-1.svg);
  background-position: left bottom, right top;
  background-repeat: no-repeat, no-repeat;
}
.body .card {
  background-color: var(--Text-G-100) !important;
}

.fs-7 {
  font-size: 0.875rem;
}

.p-2 {
  padding: 0.75rem !important;
}

.p-4 {
  padding: 1.75rem !important;
}

.py-2 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}

.mb-5 {
  margin-bottom: 2.5rem !important;
}

.rounded-6 {
  border-radius: var(--bs-border-radius-xxl) 0 !important;
}

.rounded-7 {
  border-radius: 2.5rem 0 !important;
}

.btn-rounded {
  border-radius: 0.5rem 0 !important;
}

.form-control::-moz-placeholder {
  color: var(--Text-G-500);
}

.form-control::placeholder {
  color: var(--Text-G-500);
}

.form-control:focus {
  border-color: #5872ca;
  box-shadow: 0 0 0 0.25rem rgba(88, 114, 202, 0.25);
}

.btn-primary {
  --bs-btn-bg: #334da2;
  --bs-btn-border-color: #334da2;
  --bs-btn-hover-bg: #213168;
  --bs-btn-hover-border-color: #213168;
  --bs-btn-focus-shadow-rgb: 79, 79, 79;
  --bs-btn-active-bg: #213168;
  --bs-btn-active-border-color: #213168;
  --bs-btn-disabled-bg: #334da2;
  --bs-btn-disabled-border-color: #334da2;
}

@media (min-width: 768px) {
  .vh-md-25 {
    height: 25vh !important;
  }
  .min-vh-md-75 {
    min-height: 75vh !important;
  }
}
.otp-fake-input {
  width: 4.5rem !important;
  height: 4.5rem !important;
  border-radius: 0.75rem !important;
  border: 1px solid var(--Text-G-500);
  background: var(--Text-G-500) !important;
  padding: 0.75rem 1rem;
  display: flex !important;
}

.otp-fake-input.otpdesigner__focus__ {
  border: 2px solid #5872ca !important;
}

.otp-content {
  color: var(--bs-secondary-text-emphasis) !important;
}/*# sourceMappingURL=style.css.map */