:root {
    --black-color: #000000;
    --white-color: #ffffff;
    --theme-color: #21AFAB;
    --gray-color: #E5E5E5;
    --color-B8B8B8: #B8B8B8;
    --body-color: #999999;
}

.auth-title {
    font-size: 40px;
    line-height: 60px;
}

.auth-section .form-group {
    margin-bottom: 15px;
}

.auth-section input[type="checkbox"]~label {
    position: relative;
    padding-left: 34px;
    cursor: pointer;
    display: block;
}

.form-space-wrapper{
    background-color: var(--white-color);
    border-radius: 10px;
    border: 1px solid var(--color-B8B8B8);
}

.form-space-sec {
    width: 47.6%;
    margin-right: 40px;
}
.form-space-sec .common-tab-nav .nav-link {
    padding: 8px;
}
/* OR Divider */
.auth-divider {
    position: relative;
    text-align: center;
    margin: 14px 0;
}

.auth-divider::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: var(--body-color);
}

.auth-divider span {
    position: relative;
    background-color: var(--white-color);
    padding: 0 16px;
}

/* forgotpassword page */
.password-sec-page {
    min-height: 790px;
}
@media (max-width: 1600px) {
    .auth-title {
        font-size: 37px;
        line-height: 50px;
    }

    /* forgotpassword page */
    .password-sec-page {
        min-height: 766px;
    }
    
}

@media (max-width: 1599px) {
    /* forgotpassword page */
    .password-sec-page {
        min-height: 744px;
    }
}

@media (max-width: 1399px) {
    .auth-title {
        font-size: 35px;
        line-height: 45px;
    }

    .form-space-sec {
        width: 51%;
    }
    /* forgotpassword page */
    .password-sec-page {
        min-height: 739px;
    }
}
@media (max-width: 1299px) {
    /* forgotpassword page */
    .password-sec-page {
        min-height: 719px;
    }

}
@media (max-width: 1199px) {
    .auth-title {
        font-size: 28px;
        line-height: 35px;
    }

    .form-space-sec {
        width: 58%;
    }
     /* forgotpassword page */
    .password-sec-page {
        min-height: 707px;
    }
}

@media (max-width: 991px) {
    .auth-title {
        font-size: 22px;
        line-height: 30px;
    }

    .form-space-sec {
        width: 75%;
        margin: auto;
    }
     /* forgotpassword page */
    .password-sec-page {
        min-height: 682px;
    }
}

@media (max-width: 767px) {
    .auth-title {
        font-size: 20px;
        line-height: 25px;
    }

    .form-space-sec {
        width: 100%;
    }

    .auth-section input[type="checkbox"]~label {
        padding-left: 29px;
    }
    /* forgotpassword page */
    .password-sec-page {
        min-height: 500px;
    }
}