/* Hide feedback initially */
.wpcf7-form .valid-feedback,
.wpcf7-form .invalid-feedback {
  display: none !important;
}

/* Show valid feedback when field is valid */
.wpcf7-form .is-valid ~ .valid-feedback,
.wpcf7-form .form-floating .is-valid ~ .valid-feedback {
  display: block !important;
}

/* Show invalid feedback when field is invalid */
.wpcf7-form .is-invalid ~ .invalid-feedback,
.wpcf7-form .form-floating .is-invalid ~ .invalid-feedback {
  display: block !important;
}