.contact-flex {
  display: flex;
}

.gap-20 {
  gap: 20px;
}

.fa-location-dot, .fa-envelope, .fa-phone, .fa-hashtag {
  color: var(--theme-secondary-color);
  font-size: 40px;
}

.socials-div {
  text-align: left;
  gap: 20px;
}

.fa-contact-section {
  font-size: 40px;
  transition: all 0.25s ease-in-out;
}

.fa-square-facebook.fa-contact-section {
  color: #486CB4;
}

.fa-square-instagram.fa-contact-section {
  color: #C13584;
}

.fa-contact-section:hover {
  color: var(--theme-primary-color);
}

.contact-us-heading, .contact-location, .contact-address, .contact-email, .contact-phone {
  text-align: left;
}

.contact-map {
  margin-top: 20px;
}