html,
body {
    background: url("/files/LOGIN%20IMAGE.png") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    min-height: 100vh !important;
}

body {
    background-color: transparent !important;
}

.for-login {
    background: transparent !important;
}

.login-content.page-card {
    background: rgba(255,255,255,0.15) !important;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);

    border-radius: 25px !important;
    border: 1px solid rgba(255,255,255,.2);

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

.btn-primary {
    border-radius: 50px !important;
}

.web-footer,
.page-footer {
    display: none !important;
}

body[data-path="login"] {
    background-image: url("/files/LOGIN%20IMAGE.png") !important;
    background-size: cover !important;
}

@media (max-width:768px){

    .login-content.page-card{
        width:92% !important;
        margin:auto !important;
    }
}