/* General */

.forgot-password .container,
.otp .container,
.new-password .container {
    max-width: 824px;
}

.forgot-password-wrap,
.otp-wrap,
.new-password {
    font-family: Montserrat;
    padding: 60px 52px;
}

.fp-item:not(:last-child) {
    margin-bottom: 44px;
}

.fp-item-header {
    color: var(--blue, #004da9);
    font-size: 32px;
    font-weight: 600;
    line-height: 38.4px;
}

.icon-wrap {
    padding: 44px;
    border-radius: 100px;
    background: rgba(250, 132, 26, 0.1);
}

.icon-wrap .d-flex {
    width: 80px;
    height: 80px;
}

.btn-fp {
    min-width: 214px;
    padding: 0.75rem 2rem;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px;
    text-transform: capitalize;
}

.btn-fp:not(:last-child) {
    margin-bottom: 1.5rem;
}

/* Forgot password start */

.forgot-password-description {
    padding-left: 3em;
    padding-right: 3rem;
    color: var(--neutral-03);
    font-size: 24px;
    font-weight: 500;
    line-height: 28.8px;
}

.input-request-type {
    color: var(--neutral-04);
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
}

.input-request-type input:checked {
    accent-color: #004da9;
}

.type-phone {
    margin-top: 44px;
    margin-bottom: 24px;
}

.input-request-location,
.input-password {
    padding: 12px;
    color: #4D4D4D;
    border-radius: 2px;
    border: 0.5px solid var(--neutral-09);
    line-height: 22.4px;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.input-request-location:focus,
.input-password:focus {
    color: #4D4D4D;
}
input.input-request-location::placeholder {
  color: var(--Neutral09, #CCC);
}
/* Forgot password end */

/* OTP start */
.input-otp {
    color: var(--dark-blue);
    font-size: 32px;
    font-weight: 700;
    line-height: 41.6px;
    max-width: 72px;
    padding: 1rem 1.5rem;
    border: 0;
    border-bottom: 2px solid var(--red-main, #9e0a1a);
    background: rgba(200, 200, 200, 0.1);
}

.input-otp:not(:last-child) {
    margin-right: 1.5rem;
}

.input-otp:focus {
    outline: 0;
}

.otp-button-wrap {
    padding-top: 0.75rem;
}

.resend-otp {
    cursor: pointer;
}

/* OTP end */

/* New password start */

.input-password-wrap label {
    margin-bottom: 0.75rem;
    color: var(--blue);
    font-weight: 500;
    line-height: 20.8px;
    text-transform: capitalize;
}

i.toggle-password {
    right: 0.75rem;
    color: var(--neutral-07);
}
.toggle-password:hover {
  color: #554646;
  cursor: pointer;
}

/* New password end */
