:root {
    --dtb-navy: #082f68;
    --dtb-blue: #176ad6;
    --dtb-orange: #ff8b00;
}

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

body[data-path="login"],
body.login-page {
    background:
        radial-gradient(circle at 15% 10%, rgba(23, 106, 214, .09), transparent 32%),
        linear-gradient(145deg, #f9fbff, #edf4fb) !important;
}

body[data-path="login"] .page-card,
.login-page .page-card {
    border: 1px solid #e1e8f2 !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 70px rgba(8, 47, 104, .13) !important;
}

body[data-path="login"] .app-logo,
.login-page .app-logo {
    width: 220px !important;
    max-height: 190px !important;
    object-fit: contain !important;
}

body[data-path="login"] .btn-primary,
.login-page .btn-primary {
    border-color: var(--dtb-blue) !important;
    background: var(--dtb-blue) !important;
}

body[data-path="login"] .page-card-head h4,
.login-page .page-card-head h4 {
    color: var(--dtb-navy) !important;
}


body[data-path="login"] .app-logo,
.login-page .app-logo {
    width: 250px !important;
    max-height: 215px !important;
}

body[data-path="login"] .page-card-head h4,
.login-page .page-card-head h4 {
    font-size: 1.15rem !important;
}

@media (max-width: 600px) {
    body[data-path="login"] .app-logo,
    .login-page .app-logo {
        width: 230px !important;
        max-height: 205px !important;
    }

    body[data-path="login"] .page-card,
    .login-page .page-card {
        margin: 18px 12px !important;
    }
}