.contact-bar { background-color: none; /* Change this to match your section background */ padding: 14px 0px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 15px; font-family: 'Segoe UI', Arial, sans-serif; font-size: 15px; font-weight: 500; } .contact-item { color: #ffffff; display: flex; align-items: center; gap: 10px; line-height: 1.4; } .contact-item i { color: #f1ae22; font-size: 16px; width: 18px; text-align: center; } .contact-item a { color: #ffffff; text-decoration: none; transition: color 0.2s ease; } .contact-item a:hover { color: #f1ae22; } @media (max-width: 768px) { .contact-bar { flex-direction: column; gap: 14px; text-align: center; } }