.contact-info {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #9ca3af; /* text color */
  font-family: 'Poppins', sans-serif;
}

.contact-info i {
  margin-top: 3px; /* vertically align icon */
  color: #9ca3af;
  font-size: 16px;
}

.contact-info .text p {
  margin: 0;
  line-height: 1.5;
}

.contact-info a {
  color: #9ca3af;
  text-decoration: none;
  transition: color 0.2s ease;
}

.contact-info a:hover {
  color: #ffffff; /* or your accent color */
}