/* Contact Form 7 shims so the CF7 markup renders identically to the original
   Webflow form (labels + stacked fields, same classes on the controls). */

.form-block { max-width: 50%; margin: 0 0 15px; }
@media screen and (max-width: 991px) { .form-block { max-width: 100%; } }
@media screen and (max-width: 479px) { .form-block { max-width: 90%; } }

.wpcf7 p { margin: 0; }
.wpcf7-form br { display: none; }
.wpcf7-form textarea { height: 58px; min-height: 58px; }

.wpcf7-form-control-wrap { display: block; width: 100%; }
.wpcf7-spinner { display: none; }

/* Webflow shows one styled success block instead of CF7's bordered output. */
.wpcf7-response-output { display: none !important; }

/* Per-field validation notes, kept subtle and in the site's type. */
.wpcf7-not-valid-tip {
  color: #ea384c;
  font-family: Leaguespartan Variablefont Wght, sans-serif;
  font-size: 13px;
  margin: -6px 0 8px;
}

/* Success text block (matches .success-message/.text-block look of the source). */
.bt-success { display: block; }
.bt-fail div {
  color: #ea384c;
  font-family: Leaguespartan Variablefont Wght, sans-serif;
  font-size: 15px;
  margin-top: 10px;
}

/* The original submit button look comes from .button.w-button on the control. */
.wpcf7-form input[type="submit"] { -webkit-appearance: none; }

/* Hide honeypot field wrapper if the plugin leaves layout space. */
.wpcf7-form .hp-wrap, .wpcf7-form .wpcf7-form-control-wrap[data-name="website"] {
  position: absolute !important;
  left: -9999px !important;
  height: 0; overflow: hidden;
}

/* Hide WP admin bar bump on front-end preview only if logged out it's absent anyway. */


/* The hero illustration bleeds past the right edge of the viewport, which let
   the whole page scroll sideways. Clip it at the viewport instead. */
html, body { overflow-x: hidden; }
@supports (overflow: clip) { html, body { overflow-x: clip; } }

/* Breathing room between each service icon and its heading/copy. */
.service-block { column-gap: 16px; }

/* Grid items default to min-content, so on narrower desktops the two service
   columns grew past their container and pushed the page sideways. Let them
   shrink and wrap instead. */
.flex-block-2 > .service-block { min-width: 0; }