.top-contact-bar {
    display: flex;
    align-items: center;
    gap: 25px;
    font-size: 15px;
    color: #777;
}

.contact-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.contact-item a {
    color: #000;
    text-decoration: none;
}

.contact-item a:hover {
    text-decoration: none;
}

@media (max-width: 768px) {
  .top-contact-bar {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }

  .contact-item {
    width: 100%;
    justify-content: left;
    text-align: center;
  }

  .contact-item a{
    color: #fff;
  }
}