.contact--info {
  position: relative;
  background: var(--background-color);
  color: var(--text-color);
  padding: 50px 0;
  padding-top: 100px;
}
.contact--info .section--wrapper {
  max-width: var(--max-width);
}
.contact--info .heading {
  font-size: 58px;
  font-weight: 700;
  margin-bottom: 50px;
  text-align: center;
}
.contact--info .contact--info-grid {
  display: flex;
  gap: 50px;
  justify-content: center;
}
.contact--info .contact--info-grid .contact--info-item {
  display: flex;
  flex-direction: column;
  gap: 15px;
  background: var(--background-color);
  color: var(--text-color);
  max-width: 400px;
  width: 100%;
  padding: 25px;
  border-radius: var(--border-radius);
}
.contact--info .contact--info-grid .contact--info-item .icon--container {
  max-width: 75px;
}
.contact--info .contact--info-grid .contact--info-item .icon--container svg {
  max-width: 100%;
  height: 62px;
}
.contact--info .contact--info-grid .contact--info-item .title {
  font-size: 20px;
  font-weight: 700;
}
.contact--info .contact--info-grid .contact--info-item .content {
  display: flex;
  flex-direction: column;
  gap: 0px;
}
.contact--info .contact--info-grid .contact--info-item a {
  color: var(--text-color);
}
@media screen and (max-width: 768px) {
  .contact--info {
    padding-top: 50px;
  }
  .contact--info .heading {
    font-size: 36px;
    margin-bottom: 25px;
  }
  .contact--info .contact--info-grid {
    flex-direction: column;
    gap: 25px;
  }
  .contact--info .contact--info-grid .contact--info-item {
    max-width: 100%;
  }
}

/*# sourceMappingURL=contact-info.css.map */