/* Translucent blur effect for footer */
.footer-blur {
    background-color: rgba(0, 0, 0, 0.6) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

/* Translucent navbar background with blur effect */
.navbar.bg-white {
    background-color: rgba(255, 255, 255, 0.6) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}