/* Custom login background styling */
body {
    background-image: url("../img/provegroup.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
}

/* Remove any existing backgrounds */
.bg-login,
.custom-login .bg-login,
.login-bg-img,
.login-bg-1,
.login-bg-2 {
    display: none !important;
    background: none !important;
    opacity: 0 !important;
    visibility: hidden !important;
}

/* Make login card transparent with a blur effect */
.custom-login .custom-wrapper .card .card-body,
.w-full.sm\:max-w-md.mt-6.px-6.py-4.shadow-md.overflow-hidden.sm\:rounded-lg {
    background-color: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(5px) !important;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1) !important;
    border-radius: 10px !important;
}

/* Remove other background images if present */
.img-card-side,
.auth-img-content,
.auth-img-content img,
.col-xl-6.img-card-side {
    display: none !important;
}

/* Override any additional backgrounds */
.custom-login {
    background: transparent !important;
}

/* Make sure navbar is visible but transparent */
.custom-login .navbar {
    background: rgba(255, 255, 255, 0.85) !important;
    backdrop-filter: blur(5px) !important;
}