.contact-section > .wpcf7 {
  width: 100%;
  margin-top: clamp(10px, 1.8dvh, 16px);
}

.contact-section .wpcf7-form {
  position: relative;
  width: 100%;
}

.contact-section .contact-form {
  margin-top: 0;
}

.contact-section .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
  font-size: inherit;
  font-weight: inherit;
  line-height: 0;
}

.contact-section .wpcf7-form-control {
  max-width: 100%;
}

.contact-section .wpcf7-not-valid-tip {
  margin-top: 2px;
  color: #fafafa;
  font-size: 10px;
  font-weight: 700;
  line-height: 1.25;
}

.contact-section .wpcf7-spinner {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  overflow: hidden;
  clip-path: inset(50%);
}

.contact-section .wpcf7 form.wpcf7-form .wpcf7-response-output {
  display: block;
  min-height: 1.5em;
  margin: clamp(6px, 1dvh, 10px) 0 0;
  padding: 0;
  color: #fafafa;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.5;
  visibility: hidden;
  border: 0;
}

.contact-section .wpcf7 form.wpcf7-form.invalid .wpcf7-response-output,
.contact-section .wpcf7 form.wpcf7-form.unaccepted .wpcf7-response-output,
.contact-section .wpcf7 form.wpcf7-form.payment-required .wpcf7-response-output,
.contact-section .wpcf7 form.wpcf7-form.sent .wpcf7-response-output,
.contact-section .wpcf7 form.wpcf7-form.failed .wpcf7-response-output,
.contact-section .wpcf7 form.wpcf7-form.aborted .wpcf7-response-output,
.contact-section .wpcf7 form.wpcf7-form.spam .wpcf7-response-output {
  visibility: visible;
}

@media (max-height: 760px) {
  .contact-section .wpcf7 form.wpcf7-form .wpcf7-response-output {
    font-size: 10px;
  }
}

@media (max-height: 700px) {
  .contact-section > .wpcf7 {
    margin-top: 6px;
  }

  .contact-section .wpcf7 form.wpcf7-form .wpcf7-response-output {
    margin-top: 4px;
  }
}