/*--------------------------------------------------------------
# Contact Section
--------------------------------------------------------------*/
.contact-container {
  padding: 3rem var(--side-padding);

  color: var(--color-muted-white);
}

.contact-form-container {
  padding: 4rem var(--side-padding);
  background-color: var(--color-pure-white);
  display: flex;
  gap: 5rem;
  width: 100%;
}

.contact-list {
  margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-light-grey);
}

.contact-list-item {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  padding-bottom: 1rem;
}

.contact-list-item i {
  font-size: 1.25rem;
  color: var(--color-bright-blue);
}

.get-in-touch-info-card {
  padding-top: 1rem;
  margin-top: 3rem;
  border-top: 1px solid var(--color-light-grey);
}

.contact-social-container {
  padding-top: 1rem;
}


/*--------------------------------------------------------------
# Desktop View (≥ 992px)
--------------------------------------------------------------*/
@media (min-width: 992px) {
  .get-in-touch-info-card {
    margin-top: 0;
    padding: 2rem;
    border: 1px solid var(--color-light-grey);
    border-radius: 6px;
  }

}

/*--------------------------------------------------------------
# Large Desktop View (≥ 1200px)
--------------------------------------------------------------*/
@media (min-width: 1200px) {
  .contact-form-container {
    padding: 6rem var(--side-padding);

  }

  .contact-container {
    padding: 4rem var(--side-padding);

  }

  .contact-social-container {
    padding-top: 0;
  }
}