/* Login Page */
.login_page_main .login_page_inner {
    /* min-height: 769px; */
    border: 1px solid #D7D7D7;
    border-radius: 8px;
    background-color: var(--white);
    max-width: 600px;
    /* padding: 0 20px; */
}

.login_page_main .reset_password_page_inner {
    /* min-height: 769px; */
    background-color: var(--white);
    max-width: 600px;
}

.login_page_main .login_page_inner .login_content_main {
    width: 100%;
    max-width: 610px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
    padding: 4rem 0;
}

.login_page_main .reset_password_page_inner .login_content_main {
    width: 100%;
    max-width: 610px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: center;
}

/* .modal {
    background-color: #005288 !important;
 } */

.login_page_main .login_content_main .login_text {
    padding: 50px 0;
    width: 100%;
    max-width: 420px;
    margin: 0 auto;
}

.login_page_main .login_content_main .login_text p {
    font-size: var(--subtitle-font);
    line-height: var(--subtitle-line-height);
    color: #747474;
    margin: 0;
}

.login_page_main .login_content_main .login_input {
    margin-bottom: 50px;
}

.login_page_main .login_content_main .login_input .invalid-feedback {
    width: 100%;
    max-width: 504px;
    margin: 10px auto 0;
    text-align: left;
}

.login_page_main .login_content_main .login_input .form-control.is-invalid {
    border-color: #dc3545 !important;
}

.login_page_main .login_content_main .login_input input {
    max-width: 504px;
    min-height: 52px;
    padding: 0 30px;
    border: 1px solid #747474;
    border-radius: 6px;
    font-size: var(--subtitle-font);
    line-height: var(--subtitle-line-height);
    font-weight: 400;
    margin: 0 auto;
}

.login_page_main .login_content_main .login_btn button {
    max-width: 504px;
    /* margin: 0 auto 70px; */
    min-height: 56px;
    font-size: var(--subtitle-font);
    line-height: var(--subtitle-line-height);
    font-weight: 700;
}

.login_reset_password {
    margin: 45px 0 70px 0;
}

.login_reset_password a{
    color: #005288;
    /* color: inherit; */
}

.login_page_main .login_content_main .contact_section {
    margin-bottom: 50px;
}

/* .login_page_main .login_content_main .contact_section {
    margin-bottom: 50px;
} */

/* Login Popup */
.login_modal {
    background: #00528878;
}


.login_modal .modal-dialog {
    width: 100%;
    max-width: 500px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) !important;
    margin: 0;
}

.login_modal .modal-dialog .modal-content {
    min-height: 450px;
    background-color: var(--white);
    text-align: center;
    justify-content: center;
}

.login_modal .modal-content .login_modal_text {
    padding: 0 0 50px;
    max-width: 400px;
    margin: 0 auto;
}

.login_modal .modal-content .login_modal_text p {
    font-size: var(--subtitle-font);
    line-height: var(--subtitle-line-height);
    color: #747474;
    margin: 0;
}

.login_modal .modal-content .login_modal_input input {
    max-width: 400px;
    min-height: 52px;
    padding: 0 30px;
    border: 1px solid #747474;
    border-radius: 6px;
    font-size: var(--subtitle-font);
    line-height: var(--subtitle-line-height);
    font-weight: 400;
    margin: 0 auto;
}

.login_modal .modal-content .login_modal_btn button {
    max-width: 400px;
    margin: 50px auto 39px;
    min-height: 56px;
    font-size: var(--subtitle-font);
    line-height: var(--subtitle-line-height);
    font-weight: 400;
    background-color: #E5E5E5;
    color: var(--theme-color);
    border: 2px solid var(--theme-color);
}

.login_modal .modal-content .login_modal_link a {
    font-size: 18px;
    line-height: 87px;
    font-weight: 400;
    color: #005288E5;
}

.login_modal .modal-content .login_modal_resend_link a {
    font-size: 18px;
    line-height: 21px;
    font-weight: 400;
    color: #005288E5;
}

@media only screen and (max-width: 767px) {
    .login_page_main .login_page_inner {
        min-height: auto;
        padding: 20px;
    }

    .login_page_main .reset_password_page_inner {
        min-height: auto;
        padding: 20px;
    }

    .login_page_main .login_content_main .login_text {
        padding: 40px 0;
    }

    .login_page_main .login_content_main .login_text p {
        font-size: var(--subtitle-font);
        line-height: var(--subtitle-line-height);
    }

    .login_page_main .login_content_main .login_input {
        margin-bottom: 26px;
    }

    .login_page_main .login_content_main .login_input input {
        font-size: var(--regular-font);
        line-height: var(--regular-line-height);
    }

    .login_page_main .login_content_main .login_btn button {
        font-size: var(--subtitle-font);
        line-height: var(--subtitle-line-height);
        margin: 0 auto 30px;
    }

    .login_page_main .login_content_main .contact_section {
        margin-bottom: 0;
    }

    /* Login Popup */
    .login_modal .modal-content .login_modal_text {
        padding: 0 0 40px;
    }

    .login_modal .modal-dialog .modal-content {
        max-width: 320px;
        margin: 0 auto;
        padding: 20px;
        min-height: unset;
    }

    .login_modal .modal-content .login_modal_btn button {
        margin: 40px auto;
        font-size: var(--subtitle-font);
        line-height: var(--subtitle-line-height);
    }

    .login_modal .modal-content .login_modal_text p {
        font-size: var(--subtitle-font);
        line-height: var(--subtitle-line-height);
    }

    .login_modal .modal-content .login_modal_input input {
        font-size: 66px;
        line-height: 70px;
    }
}