#footer-new { background-color: #252533; /* Footer background */ color: #FFFFFF; /* Text color */ padding: 40px 0; font-family: 'Hanken Grotesk', sans-serif; border-top: 2px solid #FF9522; /* Border color */ } .footer-body { display: flex; flex-wrap: wrap; justify-content: space-around; margin-bottom: 20px; } .ft-nav div { margin: 10px 20px; } .ft-nav .h4 a { font-size: 18px; font-weight: 500; color: #FFFFFF; /* Text color */ text-decoration: none; } .ft-nav ul { list-style: none; padding: 0; } .ft-nav ul li a { font-size: 14px; color: #FFFFFF; /* Text color */ text-decoration: none; margin: 5px 0; display: block; transition: color 0.3s; } .ft-nav ul li a:hover { color: #FF9522; /* Orange hover for text */ } .footer-icons { text-align: center; margin: 20px 0; } .footer-icons .icon { margin: 0 10px; opacity: 0.8; transition: opacity 0.3s; /* Icons remain unmodified, to keep their default color */ } .footer-icons .icon:hover { opacity: 1; } .footer-info { text-align: center; font-size: 13px; margin-top: 10px; border-top: 1px solid #FF9522; /* Border at top */ padding-top: 15px; } .footer-info a { color: #FFFFFF; /* Text color */ text-decoration: underline; transition: color 0.3s; } .footer-info a:hover { color: #FF9522; /* Orange hover */ }