/* Footer Styles */
footer {
    background-color: #2d2d2d;
    color: white;
    padding: 40px 20px;
    text-align: center;
    font-size: 1em;
    width: 100%; /* Footer spans the full width of the screen */
    box-sizing: border-box; /* Ensure padding doesn't affect overall width */
}

footer p {
    margin: 10px 0;
}

footer p strong {
    font-weight: bold;
}

/* Center the links container */
footer .footer-links {
    list-style: none;
    padding: 0;
    margin: 20px auto; /* Ensure the list is centered */
    display: flex;
    justify-content: center; /* Center the list horizontally */
    gap: 30px;
}

footer .footer-links li {
    display: inline-block;
}

footer .footer-links a {
    color: #ddd;
    text-decoration: none;
    font-size: 1.1em;
    padding: 10px;
    transition: color 0.3s;
}

footer .footer-links a:hover {
    background: linear-gradient(145deg, #0288d1, #01579b);
    color: #ffffff;
    transform: scale(1.02); /* Reduced growling effect */
}

/* Container inside the footer */
footer .container {
    max-width: 1200px; /* Set max width to prevent the content from being too wide */
    margin: 0 auto; /* Ensure it stays centered */
    width: 100%; /* Ensure the container takes full width */
}

/* Small screens (mobile) */
@media screen and (max-width: 768px) {
    footer {
        padding: 20px 10px;
    }

    footer .footer-links {
        flex-direction: column;
        align-items: center;
    }

    footer .footer-links li {
        margin-bottom: 10px;
    }
}