/*========================================
            CONTACT PAGE STYLE
=========================================*/
.contact-form {
  border-radius: 8px;
  padding: 30px 30px;
  margin: 0px 2.5px 30px;
  background: var(--white);
}

.contact-form h4 {
  margin-bottom: 25px;
}

.contact-map {
  padding: 30px;
  margin: 0px 2.5px 30px;
  border-radius: 8px;
  background: var(--white);
}

.contact-map iframe {
  min-height: 490px;
  height: 100%;
  width: 100%;
  border: none;
}

.contact-social {
  text-align: center;
  margin-top: 20px;
}

.contact-social h4 {
  margin-bottom: 20px;
}

/* Overrides for contact card to reduce height */
.contact-card {
  padding: 30px 15px !important;
  /* Reduced padding */
}

.contact-card p {
  width: auto !important;
  /* Allow wider text */
  margin-bottom: 0;
}

@media (max-width: 575px) {

  .contact-form,
  .contact-map {
    padding: 15px;
  }
}

@media (min-width: 401px) and (max-width: 575px) {
  .contact-part .container {
    max-width: 400px;
  }
}