@charset "UTF-8";
/* conversion for px to rem */
/* Grid Gutter */
/*
SMALL
@include media-breakpoint-up(sm) : @media (min-width: 640px)
MEDIUM
@include media-breakpoint-up(md) : @media (min-width: 768px)
LARGE
@include media-breakpoint-up(lg) : @media (min-width: 1024px)
XLARGE
@include media-breakpoint-up(xl) : @media (min-width: 1440px)
MEDIUM INTER
@include media-breakpoint-only(lg) : @media (min-width: 1024px) and (max-width: 1439.98px)
LARGE INTER
@include media-breakpoint-only(md) : @media (min-width: 768px) and (max-width: 1023.98px)
*/
.create-account-page {
  background-color: #fff;
}
.create-account-page .invalid-feedback {
  background-image: url("../../images/circle-exclamation.svg");
  background-size: 1rem 1rem;
  background-repeat: no-repeat;
}

.create-account-content {
  padding: 1rem;
}
@media (min-width: 768px) {
  .create-account-content {
    padding: 3rem 4rem;
  }
}

.create-account-header {
  margin: 1rem 0rem 2rem 0rem;
}
@media (min-width: 768px) {
  .create-account-header {
    margin: 2rem 0rem;
  }
}

.form-control-label::after {
  content: "*";
  display: inline-block;
  color: #BF0000;
}

.form-control {
  height: 3rem;
  padding: 0.84375rem 1rem;
}

.create-account-link {
  color: #343579;
}

.privacy-terms {
  margin: 2rem 0rem;
}

.create-acc-btn {
  height: 3rem;
  margin-bottom: 2rem;
}

.create-acc-btn:disabled {
  opacity: 0.2;
  background: #343579;
  color: #fff;
}

.divider {
  margin: 2rem 0rem;
}

.divider::before,
.divider::after {
  content: "";
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  border-bottom: 1px solid #D5D6D6;
}

.btn-social-login {
  color: #000;
  letter-spacing: 0.07rem;
  border-color: #000;
}

.btn-social-login:hover,
.btn-social-login:active:not(:disabled),
.btn-social-login:active:not(.disabled) {
  background-color: #fff;
  border-color: #000;
  color: #000;
}

.login-link {
  margin-top: 2rem;
}

.password-icon-btn {
  background: none;
  right: 0;
  bottom: 0.625rem;
}

.password-collapse {
  border-radius: 0.25rem;
  border: 1px solid #D5D6D6;
  background: #fff;
}

.req-item-content {
  line-height: 0.975rem;
  letter-spacing: 0.0075rem;
}

.req-item::before {
  content: "•";
  margin-right: 0.5rem;
}

.req-valid {
  background-image: url("../../images/tick-icon.svg");
  background-repeat: no-repeat;
  color: #008159;
}