.login-logo {
    position: relative;
    left: 40px;
    top: 20px;
}

.h-login {
    margin: 46% 0%;
}

.h-registration {
    margin: 34% 0%;
}

.ribbon .ribbon-box .ribbon {
    padding: 10px 30px 10px 30px;
    margin-left: -21px;
    margin-top: 40px;
}

.bg-img-login {
    width: 80%;
    display: block;
    margin: auto;
    position: relative;
    top: 10%;
}

.theme-color {
    background-color: #b7d717;
    color: #fff;
}

.theme-second-color {
    color: #15056c;
}

@media screen and (max-width: 992px) {
    .login .shadow-lg {
        box-shadow: 0 0rem 0rem rgb(0 0 0 / 18%) !important;
    }

    .registration .shadow-lg {
        box-shadow: 0 0rem 0rem rgb(0 0 0 / 18%) !important;
    }

    .bg-img-login {
        width: 100%;
        top: 15%;
        margin-bottom: 180px;
    }
}

@media screen and (max-width: 768px) {
    .ribbon .ribbon-box .ribbon {
        display: none;
    }
    .h-login {
        margin: 5% 0%;
    }
    .h-registration {
        margin: 5% 0%;
    }
}

@media screen and (max-width: 576px) {
    .login-logo {
        width: 120px;
    }
    .bg-img-login {
        top: 18%;
        margin-bottom: 100px;
    }
    .h-login {
        margin: 3% 0%;
    }
    .h-registration {
        margin: 3% 0%;
    }
}