.footer-links { background-color: #111; color: #fff; display: flex; flex-wrap: wrap; justify-content: space-around; padding: 2rem 1rem; gap: 2rem; text-align: center; } .footer-links .link-group { min-width: 200px; } .footer-links h4 { font-size: 1.1rem; margin-bottom: 0.5rem; color: #FF6A00; } .footer-links ul { list-style: none; padding: 0; } .footer-links a { display: block; text-decoration: none; color: #fff; font-weight: 500; margin: 0.4rem 0; transition: transform 0.3s ease, color 0.3s ease; } .footer-links a:hover { color: #FF6A00; transform: translateX(5px); } .footer-links i { margin-right: 8px; } /* Responsive layout */ @media (max-width: 600px) { .footer-links { flex-direction: column; align-items: center; } } .footer-links { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease-out, transform 0.6s ease-out; } .footer-links.reveal { opacity: 1; transform: translateY(0); }

top of page