.login.login-4 .login-signin,
.login.login-4 .login-signup,
.login.login-4 .login-forgot {
    display: none;
}
.login.login-4.login-signin-on .login-signup {
    display: none;
}
.login.login-4.login-signin-on .login-signin {
    display: block;
}
.login.login-4.login-signin-on .login-forgot {
    display: none;
}
.login.login-4.login-signup-on .login-signup {
    display: block;
}
.login.login-4.login-signup-on .login-signin {
    display: none;
}
.login.login-4.login-signup-on .login-forgot {
    display: none;
}
.login.login-4.login-forgot-on .login-signup {
    display: none;
}
.login.login-4.login-forgot-on .login-signin {
    display: none;
}
.login.login-4.login-forgot-on .login-forgot {
    display: block;
}
.login.login-4 .login-form {
    width: 100%;
    max-width: 450px;
    background: rgba(237, 178, 74, 0.5);
    border-radius: 22px;
    box-shadow: 4px 8px 41px #222;
}
.login.login-4.login-signin-on .login-signin h1{
    font-size: 30px;
}
.c-text.font-weight-bold {
    font-size: 16px;
}
.login.login-4.login-signin-on .login-signin .font-weight-bold {
    color: #fff;
}
form#kt_login_signin_form .form-control {
    padding: 5px 15px;
    height: 55px;
    font-size: 15px;
    border-radius: 50px;
}
form#kt_login_signin_form .btn.btn-primary {
    color: #FFFFFF;
    background-color: #ca6f22;
    border-color: #ca6f22;
    font-size: 20px;
    width: 100%;
    margin-bottom: 2em;
    height: 55px;
    border-radius: 50px;
    box-shadow: 1px 1px 11px #222;
}
.form-group .invalid-feedback{
    display: none !important;
}
.form-control.is-invalid {
    border: 2px solid #F64E60;
}

@media (max-width: 575.98px) {
    .login.login-4 .login-form {
        width: 100%;
        max-width: 100%;
    }
}