.contact-section {
  margin-top: 180px;
}
.contact-section .main-title {
  margin-bottom: 40px;
}
.social {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 40px;
}
.social li a {
  background-color: #313131;
  color: #b9b9b9;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  font-size: 100px;
  transition: var(--main-transition);
  border-radius: 50%;
  margin: 12px;
}
@media (max-width: 1152px) {
  .social li a {
    width: 100px;
    height: 100px;
    font-size: 64px;
    margin: 0 6px;
  }
}
@media (max-width: 991px) {
  .social li a {
    width: 40px;
    height: 40px;
    font-size: 24px;
    margin: 0 6px;
  }
}
.social .facebook:hover {
  background-color: #1877f2;
  color: white;
}
.social .twitter:hover {
  background-color: #000000;
  color: white;
}
.social .linkedin:hover {
  background-color: #0e76a8;
  color: white;
}
.social .github:hover {
  background-color: #000000;
  color: white;
}
.social .whatsapp:hover {
  background-color: #25d366;
  color: white;
}
.social .email:hover {
  background-color: #7a0808;
  color: white;
}
.social .phone:hover {
  background-color: #059800;
  color: white;
}