footer {
    background-color: #f0f0f0;
    padding: 20px 0;
    text-align: center;
    border-top: 1px solid #ddd;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow */
    width: 100%;
}

    footer .footer-links {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        justify-content: center;
        flex-wrap: wrap; /* Allows links to wrap onto multiple lines */
    }

        footer .footer-links li {
            margin: 0 15px; /* Spacing between links */
        }

        footer .footer-links a {
            text-decoration: none;
            color: #333;
            font-size: 14px;
            transition: color 0.3s ease; /* Smooth color transition on hover */
        }

            footer .footer-links a:hover {
                color: #007bff; /* Change color on hover */
            }

    footer .copyright {
        margin-top: 20px;
        font-size: 12px;
        color: #777;
    }

/* Responsive adjustments */
@media (max-width: 768px) {
    footer .footer-links li {
        margin: 5px 10px; /* Adjust spacing for smaller screens */
    }
}