/* Footer Styles */
        footer {
            background-color: #343a40;
            /* Dark background similar to navbar */
            color: #ffffff;
            /* White text color */
        }

        footer .footer-contact li,
        footer .footer-links li {
            margin-bottom: 0.5rem;
        }

        footer .footer-links a {
            color: #ffffff;
            text-decoration: none;
        }

        footer .footer-links a:hover {
            color: #ff9900;
            /* Hover color matching the active link color in navbar */
        }

        footer .footer-bottom {
            border-top: 1px solid #555;
            /* Subtle top border for footer bottom */
            padding-top: 1rem;
            margin-top: 2rem;
        }

        footer .footer-bottom p {
            margin: 0;
            font-size: 0.9rem;
        }

        /* Responsive adjustments */
        @media (max-width: 767px) {
            footer .col-md-4 {
                margin-bottom: 2rem;
            }

            footer .footer-bottom {
                margin-top: 1rem;
            }
        }

        /* Active Footer Link */
        .footer-links a.active {
            font-weight: bold;
            color: #ff9900;
            /* Same color as active nav link */
            text-decoration: underline;
            /* Optional underline for active link */
        }

        /* Optionally, style the nav-item if you want a similar effect to the navbar */
        .footer-links .nav-item.active .nav-link {
            font-weight: bold;
            color: #ff9900;
            
        }
        .footer-links .nav-link {
            padding: 0px !important;
        }