.elementor-347 .elementor-element.elementor-element-092220b{--display:flex;--padding-top:80px;--padding-bottom:80px;--padding-left:80px;--padding-right:80px;}.elementor-347 .elementor-element.elementor-element-7d7e391 .acf-fields{gap:15px;margin:0px 0px 0px 0px;}.elementor-347 .elementor-element.elementor-element-7d7e391 .acf-label{display:none;}.elementor-347 .elementor-element.elementor-element-7d7e391 .acf-fields>.acf-field{border-top:none;}.elementor-347 .elementor-element.elementor-element-7d7e391 .acf-field[data-width]+.acf-field[data-width]{border-left:none;}/* Start custom CSS for acf_ele_form, class: .elementor-element-7d7e391 *//* =========================================================
   Frontend Admin / ACF form styling
   Targets your form: <form class="frontend-form -submit">
   ========================================================= */

/* 1) Base font */
.frontend-form,
.frontend-form *{
  font-family: "Montserrat", sans-serif;
}

/* 2) Hide ALL top labels (we'll re-enable user_type label after) */
.frontend-form .acf-field .acf-label{
  display: none !important;
}

/* 3) Re-enable ONLY the select field's label (user_type) */
.frontend-form .acf-field[data-name="user_type"] > .acf-label{
  display: block !important;
  margin: 0 0 8px 0 !important;
}

/* Optional: make that label look nicer */
.frontend-form .acf-field[data-name="user_type"] > .acf-label label{
  font-weight: 500;
  color: #000;
  line-height: 1.2;
}

/* 4) Make inputs/selects transparent, 2px black border, 8px radius */
.frontend-form .acf-input input[type="text"],
.frontend-form .acf-input input[type="email"],
.frontend-form .acf-input input[type="password"],
.frontend-form .acf-input select,
.frontend-form .acf-input textarea{
  background: transparent !important;
  border: 2px solid #000 !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  outline: none !important;

  padding: 12px 14px !important;
  color: #000 !important;
  font-size: 15px;
  font-weight: 400;
}

/* Keep consistent heights for inputs/selects */
.frontend-form .acf-input input[type="text"],
.frontend-form .acf-input input[type="email"],
.frontend-form .acf-input input[type="password"],
.frontend-form .acf-input select{
  min-height: 48px;
}

/* 5) Placeholder styling */
.frontend-form .acf-input input::placeholder,
.frontend-form .acf-input textarea::placeholder{
  color: rgba(0,0,0,0.55);
}

/* 6) Spacing between fields */
.frontend-form .acf-field{
  margin-bottom: 16px !important;
}

/* 7) Submit button styles */
.frontend-form .fea-submit-button{
  background: #FF8111 !important;
  border: 2px solid #FF8111 !important;
  color: #fff !important;

  font-family: "Montserrat", sans-serif !important;
  font-size: 15px !important;
  font-weight: 500 !important;
  line-height: 15px !important;

  padding: 14px 18px !important;
  border-radius: 8px !important;
  box-shadow: none !important;
  text-shadow: none !important;

  cursor: pointer;
}

/* Hover */
.frontend-form .fea-submit-button:hover{
  filter: brightness(0.95);
}

/* 8) Optional: remove the little ACF required asterisk spacing weirdness */
.frontend-form .acf-required{
  margin-left: 4px;
}

/* 9) Optional: hide ACF validation error labels if they appear above fields */
.frontend-form .acf-notice.-error{
  margin-bottom: 16px;
}/* End custom CSS */