.elementor-4693 .elementor-element.elementor-element-698cdb8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-16b94c2 *//* ======================================
   HCS Gravity Forms — FINAL V3 (Fix disorder)
   Targets Gravity Form ID 1
====================================== */

body .gform_wrapper#gform_wrapper_1,
body .gform_wrapper form#gform_1{
  font-family: inherit !important;
}

/* 1) KILL gravity "half" classes + old css-ready floats that cause disorder */
body .gform_wrapper#gform_wrapper_1 .gf_left_half,
body .gform_wrapper#gform_wrapper_1 .gf_right_half,
body .gform_wrapper#gform_wrapper_1 .gf_left_third,
body .gform_wrapper#gform_wrapper_1 .gf_middle_third,
body .gform_wrapper#gform_wrapper_1 .gf_right_third,
body .gform_wrapper#gform_wrapper_1 .gf_first_quarter,
body .gform_wrapper#gform_wrapper_1 .gf_second_quarter,
body .gform_wrapper#gform_wrapper_1 .gf_third_quarter,
body .gform_wrapper#gform_wrapper_1 .gf_fourth_quarter{
  float:none !important;
  width:auto !important;
  clear:none !important;
}

/* 2) Grid layout (2 columns desktop, 1 column mobile) */
body .gform_wrapper#gform_wrapper_1 form .gform_fields{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:18px 26px !important;
  align-items:start !important;
}

@media (max-width: 820px){
  body .gform_wrapper#gform_wrapper_1 form .gform_fields{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }
}

/* 3) Default every field = 1 column */
body .gform_wrapper#gform_wrapper_1 form .gform_fields > .gfield{
  grid-column:span 1 !important;
  margin:0 !important;
}

/* 4) Full-width fields */
body .gform_wrapper#gform_wrapper_1 form .gform_fields > .gfield.gfield--width-full,
body .gform_wrapper#gform_wrapper_1 form .gform_fields > .gfield.gfield_contains_required.gfield--width-full{
  grid-column:1 / -1 !important;
}

/* 5) FORCE Message (textarea) to full width ALWAYS (this fixes your screenshot) */
body .gform_wrapper#gform_wrapper_1 form .gform_fields > .gfield:has(textarea){
  grid-column:1 / -1 !important;
}

/* If your browser/theme doesn’t support :has(), this fallback still helps */
body .gform_wrapper#gform_wrapper_1 form .gfield--type-textarea{
  grid-column:1 / -1 !important;
}

/* Footer full width */
body .gform_wrapper#gform_wrapper_1 .gform_footer{
  grid-column:1 / -1 !important;
  margin-top:12px !important;
  padding:0 !important;
}

/* Optional: hide legend line */
body .gform_wrapper#gform_wrapper_1 .gform_required_legend{ display:none !important; }

/* 6) Typography (less bold, readable) */
body .gform_wrapper#gform_wrapper_1 .gfield_label{
  font-size:14px !important;
  font-weight:600 !important;
  color:#1E293B !important;
  margin:0 0 8px !important;
  letter-spacing:.2px !important;
  text-transform:none !important;
}

body .gform_wrapper#gform_wrapper_1 .gfield_required{
  color:#E1262B !important;
  font-weight:700 !important;
  margin-left:6px !important;
}

/* 7) Inputs (thin border, normal radius) */
body .gform_wrapper#gform_wrapper_1 input[type="text"],
body .gform_wrapper#gform_wrapper_1 input[type="email"],
body .gform_wrapper#gform_wrapper_1 input[type="tel"],
body .gform_wrapper#gform_wrapper_1 input[type="number"],
body .gform_wrapper#gform_wrapper_1 input[type="date"],
body .gform_wrapper#gform_wrapper_1 select,
body .gform_wrapper#gform_wrapper_1 textarea{
  width:100% !important;

  border:1.5px solid #E1262B !important;   /* thin (not thick) */
  border-radius:14px !important;           /* not too pill */
  padding:12px 14px !important;

  font-size:16px !important;
  font-weight:500 !important;
  color:#1E293B !important;
  background:#fff !important;

  box-shadow:0 2px 10px rgba(2,6,23,.04) !important;
  outline:none !important;

  transition:border-color .15s ease, box-shadow .15s ease !important;
}

/* Textarea proper height */
body .gform_wrapper#gform_wrapper_1 textarea{
  min-height:160px !important;
  resize:vertical !important;
}

/* Placeholder */
body .gform_wrapper#gform_wrapper_1 ::placeholder{
  color:#9AA3AF !important;
  opacity:1 !important;
}

/* Focus */
body .gform_wrapper#gform_wrapper_1 input:focus,
body .gform_wrapper#gform_wrapper_1 select:focus,
body .gform_wrapper#gform_wrapper_1 textarea:focus{
  border-color:#B72024 !important;
  box-shadow:0 0 0 4px rgba(225,38,43,.12), 0 2px 14px rgba(2,6,23,.06) !important;
}

/* 8) Submit button (RED default, NAVY hover) */
body .gform_wrapper#gform_wrapper_1 .gform_footer input[type="submit"],
body .gform_wrapper#gform_wrapper_1 .gform_button{
  width:100% !important;
  background:#E1262B !important;
  border:1px solid #E1262B !important;
  color:#fff !important;

  border-radius:16px !important;
  padding:14px 18px !important;

  font-size:18px !important;
  font-weight:700 !important;

  cursor:pointer !important;
  box-shadow:0 10px 22px rgba(225,38,43,.18) !important;

  transition:background .15s ease, border-color .15s ease, transform .15s ease !important;
}

body .gform_wrapper#gform_wrapper_1 .gform_footer input[type="submit"]:hover,
body .gform_wrapper#gform_wrapper_1 .gform_button:hover{
  background:#193563 !important;   /* NAVY hover */
  border-color:#193563 !important;
  color:#fff !important;
  transform:translateY(-1px) !important;
}/* End custom CSS */