/*=============================
        REGISTER PAGE
==============================*/

.register-section {

    padding: 90px 0;

    background: #F8FAF7;

}

.register-card {

    background: #fff;

    padding: 45px;

    border-radius: 25px;

    box-shadow: 0 15px 40px rgba(0, 0, 0, .08);

}

.register-header {

    text-align: center;

    margin-bottom: 35px;

}

.register-header img {

    width: 90px;

    margin-bottom: 15px;

}

.register-header h2 {

    color: #2E7D32;

    font-weight: 700;

    margin-bottom: 10px;

}

.form-group {

    margin-bottom: 22px;

}

.form-group label {

    font-weight: 600;

    margin-bottom: 8px;

    display: block;

}

.form-control {

    border: 2px solid #ddd;

    padding: 14px;

    border-radius: 12px;

    transition: .3s;

}

.form-control:focus {

    border-color: #2E7D32;

    box-shadow: none;

}

.password-box {

    position: relative;

}

.password-box button {

    position: absolute;

    right: 12px;

    top: 50%;

    transform: translateY(-50%);

    background: none;

    border: none;

    color: #666;

}

.password-strength {

    height: 8px;

    background: #eee;

    border-radius: 10px;

    margin-top: 12px;

    overflow: hidden;

}

.strength-bar {

    width: 0;

    height: 100%;

    background: red;

    transition: .4s;

}

#strengthText {

    display: block;

    margin-top: 8px;

}

.terms {

    margin: 25px 0;

}

.terms a {

    color: #2E7D32;

    text-decoration: none;

    font-weight: 600;

}

.register-btn {

    width: 100%;

    padding: 16px;

    border: none;

    border-radius: 50px;

    background: #2E7D32;

    color: #fff;

    font-size: 18px;

    font-weight: 600;

    transition: .3s;

}

.register-btn:hover {

    background: #1B5E20;

}

.login-link {

    margin-top: 30px;

    text-align: center;

}

@media (max-width: 576px) {
    .register-section {
        padding: 45px 0;
    }

    .register-card {
        padding: 28px 18px;
        border-radius: 18px;
    }

    .register-header h2 {
        font-size: 24px;
    }

    .register-btn {
        padding: 13px;
        font-size: 16px;
    }
}

@media (max-width: 380px) {
    .register-card {
        padding: 22px 14px;
    }

    .register-header h2 {
        font-size: 21px;
    }
}