/* additions for forgot password page */
.forgot-page .auth-page__title{ margin-bottom: 40px; }

#forgotTopBox.is-active{ display:block; }
#forgotTopBox{ display:none; }
#forgotTopBox.is-ok .auth-page__top-error-inner{
  background:#E7F8EE;
  border:1px solid #BEE9CC;
  color:#0C6B2E;
}
.forgot-page__captcha{ margin: 10px 0 12px; }

.auth-page__top-error.is-success {
  background: #d4edda;
  border-color: #28a745;
  color: #155724;
}


/* ===== Forgot Success ===== */
.forgot-success {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 40px 20px;
}

.forgot-success__text {
  color: #3B3B3B;
  text-align: center;
  font-family: "PT Astra Serif", serif;
  font-size: 24px;
  font-style: italic;
  font-weight: 500;
  line-height: 25.6px;
  margin-bottom: 40px;
}

.forgot-success__image {
  width: 406px;
  max-width: 100%;
  height: 296px;
  object-fit: contain;
  margin-top: 50px;
}

.forgot-page__image {
  display: block;
  width: 406px;
  max-width: 100%;
  height: 296px;
  object-fit: contain;
  margin: 50px auto 0 auto;
}

.forgot-success .auth-page__bottom {
  margin-top: 50px;
}

/* ===== FORGOT PAGE — RESPONSIVE ===== */

/* 1400px */
@media (max-width: 1400px) {
    .forgot-page .auth-page__form {
        max-width: 680px;
    }
}

/* 1200px */
@media (max-width: 1200px) {
    .forgot-page .auth-page__form {
        max-width: 560px;
    }
}

/* 1024px */
@media (max-width: 1024px) {
    .forgot-page .auth-page__container {
        padding-left: 40px;
        padding-right: 40px;
    }

    .forgot-page .auth-page__scene {
        padding-bottom: 0;
        position: static;
    }

    .forgot-page .auth-page__form {
        max-width: 100%;
    }

    .forgot-page .auth-page__field {
        max-width: 100%;
    }

    .forgot-page .auth-page__bottom {
        max-width: 100%;
    }

    .forgot-page .auth-page__top-error {
        max-width: 100%;
    }

    .forgot-page__image {
        width: 350px;
        height: auto;
    }

    .forgot-success__image {
        width: 350px;
        height: auto;
    }

    .forgot-success__text {
        font-size: 20px;
        margin-bottom: 30px;
    }
}

/* 768px */
@media (max-width: 768px) {

      .forgot-page__scene .auth-page__field[data-field="email"] .auth-page__field-error {
        bottom: -12px;
    }

    .forgot-page .auth-page__container {
        padding-left: 24px;
        padding-right: 24px;
    }

    .forgot-page__image {
        width: 300px;
    }

    .forgot-success__image {
        width: 300px;
    }
}

/* 580px */
@media (max-width: 580px) {
    .forgot-page .auth-page__container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .forgot-page .auth-page__title {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .forgot-page .auth-page__field {
        padding-bottom: 30px;
    }

    .forgot-page .auth-page__btn {
        width: 100%;
    }

    .forgot-page .auth-page__label {
        margin-bottom: 18px;
    }

    .forgot-page .auth-page__bottom-text,
    .forgot-page .auth-page__bottom-link {
        font-size: 14px;
    }

    .forgot-page__image {
        width: 250px;
        margin-top: 30px;
    }

    .forgot-success__text {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .forgot-success__image {
        width: 250px;
        height: auto;
        margin-top: 30px;
    }
}

/* 360px */
@media (max-width: 360px) {
    .forgot-page .auth-page__container {
        padding-left: 12px;
        padding-right: 12px;
    }

    .forgot-page__image {
        width: 200px;
    }

    .forgot-success__image {
        width: 200px;
    }
}