/* footer.css */
footer.shadow-top {
    box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.2); /* Adds a shadow on top of the footer */
}

.footer-with-zindex {
    z-index: 100;
    position: relative; /* Ensure the z-index is applied */
}

[data-bs-theme="light"] footer, 
[data-bs-theme="light"] footer a {
    color: var(--bs-gray-700); /* Light mode text color */
}

[data-bs-theme="dark"] footer,
[data-bs-theme="dark"] footer a {
    color: var(--bs-white); /* Light mode text color */
}