.text-dark-gray {
    color: #FFFFFF; /* Updated to white to contrast with blue background */
}

.navbar-custom.footer {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #3591D2; /* Lightened blue color */
    backdrop-filter: blur(16px);
    position: relative;
    z-index: 1000;
}

.footer .text-dark-gray a {
    color: #FFFFFF; /* Updated to white for links */
    text-decoration: none;
}

    .footer .text-dark-gray a:hover {
        text-decoration: underline;
        color: #1a3c6d; /* Hover effect to match navbar active state */
    }

html, body {
    height: 100%;
    margin: 0;
}

body {
    display: flex;
    flex-direction: column;
}

.body-content {
    flex: 1;
}