.logo {
    background: transparent url("../image/logo.png") no-repeat center center;
    background-size: contain;
    height: 38vh;
    width: auto;
    border-radius: 100px;
    margin: 0 auto 1rem auto;
}

body {
    background: linear-gradient(to bottom, rgb(0 27 64 / 50%), rgb(0 27 64 / 50%)), url("../image/bg.jpg") no-repeat top center;
    background-size: cover;
    background-attachment: fixed;
}

.login-content .card-login {
    border-radius: 16px;
}

.login-content {
    height: calc(100vh - (2rem)) !important;
    position: relative;
    z-index: 2;
}

.login-content .ui-card-content {
    padding: 0 !important;
}

.login-content button {
    background-color: #001b40;
    border-radius: 100px;
}

.password-forgot {
    color: #2196f3;
}

.step-selected .ui-steps-number {
    background-color: #2196f3 !important;
}

@media screen and (max-width: 768px) {
    .logo {
        height: 33vh;
    }
}

@media screen and (min-width: 1024px) {
    .logo {
        height: 34vh;
    }
}

@media screen and (min-width: 1400px) {
    .logo {
        height: 38vh;
    }
}