.about-form {
  margin-bottom: calc(var(--block-spacing) / 2);
}
.about-form > h5 {
  margin: 24px 0;
  white-space: pre-line;
}
.about-form > p {
  color: var(--color-secondary-1);
  padding-bottom: 40px;
  border-bottom: 1px solid var(--color-gray-5);
  margin-bottom: 40px;
}

@media screen and (width < 768px) {
  .about-form > h5 {
    margin: 16px 0;
  }
  .about-form > p {
    padding-bottom: 24px;
    margin-bottom: 24px;
  }
}
.wpcf7-form > .form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.wpcf7-form > .form > [for=userMessage] {
  grid-column: span 2;
}
.wpcf7-form > .form label > p {
  margin-bottom: 8px;
}
.wpcf7-form > .form label > p > span {
  color: var(--color-secondary-1);
}
.wpcf7-form > .form input[type=text].wpcf7-text,
.wpcf7-form > .form input[type=tel].wpcf7-tel,
.wpcf7-form > .form input[type=email].wpcf7-email,
.wpcf7-form > .form select.wpcf7-select,
.wpcf7-form > .form textarea.wpcf7-textarea {
  width: 100%;
  color: var(--color-gray-1);
  border: none;
  border-radius: 4px;
  padding: 12px 12px 12px 24px;
  background-color: white;
  outline: none;
  font-size: 12px;
}
.wpcf7-form > .form .wpcf7-form-control-wrap:has(> .wpcf7-select)::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  right: 12px;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99841 10.5855L12.4734 8.11047L13.1804 8.81797L9.99841 12L6.81641 8.81797L7.52341 8.11097L9.99841 10.5855Z' fill='%2369788C'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
}
.wpcf7-form > .form select.wpcf7-select {
  appearance: none;
}
.wpcf7-form > .form textarea.wpcf7-textarea {
  resize: vertical;
}
.wpcf7-form > .form > .submit-btn {
  grid-column: span 2;
}
.wpcf7-form > .form > .submit-btn > .default-btn {
  margin: 16px auto 0;
  cursor: pointer;
}
.wpcf7-form > .form > .submit-btn > .default-btn > p {
  margin-bottom: 0;
}
.wpcf7-form > .form > .submit-btn > .wpcf7-submit {
  display: none;
}
.wpcf7-form > .form > .submit-btn > .wpcf7-spinner {
  display: none;
}
.wpcf7-form > .form .wpcf7-not-valid-tip {
  font-family: "Fustat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.2;
  margin-top: 8px;
}
.wpcf7-form > div.wpcf7-response-output {
  border: none;
  margin: 40px 0 0;
  padding: 0;
  font-family: "Fustat", sans-serif;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
}

@media screen and (width < 768px) {
  .wpcf7-form > .form {
    grid-template-columns: 100%;
  }
  .wpcf7-form > .form > [for=userMessage],
  .wpcf7-form > .form > .submit-btn {
    grid-column: auto;
  }
}
.about-map {
  aspect-ratio: 1440/480;
  margin-bottom: calc(var(--block-spacing) * -1);
}
.about-map > iframe {
  display: block;
  width: 100%;
  height: 100%;
}

@media screen and (width < 768px) {
  .about-map {
    aspect-ratio: 16/9;
  }
}
@media screen and (width < 576px) {
  .about-map {
    aspect-ratio: 3/4;
  }
}