body {
    background: url('/assets/img/login-bg.png'), linear-gradient(90deg, #eaeee8 0%, #f5f8f4 100%);
    background-size: cover;
}

.kt-login__logo img {
    width: 240px;
    height: auto;
}
.kt-login.kt-login--v3 .kt-login__wrapper {
    padding: 6% 4rem 1rem 4rem;
}

.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
    width: 500px;
    margin: 0 auto;
}
.kt-login__signin {
    padding: 50px;
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px rgba(173, 181, 189, .11), 0 10px 50px rgb(0 0 0 / 5%);
}
.kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container .kt-login__head {
    margin-top: 0;
    margin-bottom: 20px;
}
.btn.btn-brand.btn-elevate {
    color: #fff;
    background-color: #2085e1;
    border-color: #2085e1;
    font-size: 18px;
    width: 100%;
    border-radius: 6px;
    transition: all 0.15s ease 0s!important;
    box-shadow: 0px 9px 16px 0px rgba(5, 41, 71, 0.25) !important;
}

.btn.btn-brand.btn-elevate:hover,
.btn.btn-brand.btn-elevate:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #1465ac;
    border-color: #1465ac;
    box-shadow: 0px 9px 16px 0px rgba(5, 41, 71, 0.25) !important;
}

@media only screen and (max-width: 600px) {
        .kt-login__logo img {
            width: 180px;
        }
        .kt-login.kt-login--v3 .kt-login__wrapper .kt-login__container {
            width: 100%;
        }
        .btn-brand {
            font-size: 16px;
        }
        .kt-login__signin {
            padding: 30px;
        }
        .kt-login.kt-login--v3 .kt-login__wrapper {
            padding: 6% 2rem 1rem 2rem;
        }
  }