.elementor-545 .elementor-element.elementor-element-702d1a9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:5rem;--padding-bottom:5rem;--padding-left:0rem;--padding-right:0rem;}.elementor-545 .elementor-element.elementor-element-702d1a9:not(.elementor-motion-effects-element-type-background), .elementor-545 .elementor-element.elementor-element-702d1a9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-74aea03 );}.elementor-545 .elementor-element.elementor-element-270c639{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-545 .elementor-element.elementor-element-100d925 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-545 .elementor-element.elementor-element-100d925 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-545 .elementor-element.elementor-element-100d925 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-545 .elementor-element.elementor-element-100d925 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-545 .elementor-element.elementor-element-100d925 .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-545 .elementor-element.elementor-element-100d925 .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-545 .elementor-element.elementor-element-100d925 .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-545 .elementor-element.elementor-element-100d925 .elementor-field-type-html{padding-bottom:0px;}.elementor-545 .elementor-element.elementor-element-100d925 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-545 .elementor-element.elementor-element-100d925 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-545 .elementor-element.elementor-element-100d925 .e-form__buttons__wrapper__button-next{color:var( --e-global-color-840f6de );}.elementor-545 .elementor-element.elementor-element-100d925 .elementor-button[type="submit"]{color:var( --e-global-color-840f6de );}.elementor-545 .elementor-element.elementor-element-100d925 .elementor-button[type="submit"] svg *{fill:var( --e-global-color-840f6de );}.elementor-545 .elementor-element.elementor-element-100d925 .e-form__buttons__wrapper__button-previous{color:var( --e-global-color-840f6de );}.elementor-545 .elementor-element.elementor-element-100d925 .e-form__buttons__wrapper__button-next:hover{background-color:#EAB30A;color:var( --e-global-color-840f6de );}.elementor-545 .elementor-element.elementor-element-100d925 .elementor-button[type="submit"]:hover{background-color:#EAB30A;color:var( --e-global-color-840f6de );}.elementor-545 .elementor-element.elementor-element-100d925 .elementor-button[type="submit"]:hover svg *{fill:var( --e-global-color-840f6de );}.elementor-545 .elementor-element.elementor-element-100d925 .e-form__buttons__wrapper__button-previous:hover{background-color:#EAB30A;color:var( --e-global-color-840f6de );}.elementor-545 .elementor-element.elementor-element-100d925 .elementor-button{border-radius:15px 15px 15px 15px;}.elementor-545 .elementor-element.elementor-element-100d925{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-progress-height:20px;--e-form-steps-indicator-progress-border-radius:0px;}.elementor-545 .elementor-element.elementor-element-0f059f4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-545 .elementor-element.elementor-element-0f059f4{--width:50%;}}@media(max-width:1366px) and (min-width:768px){.elementor-545 .elementor-element.elementor-element-702d1a9{--content-width:90%;}}@media(max-width:767px){.elementor-545 .elementor-element.elementor-element-702d1a9{--content-width:90%;}}/* Start custom CSS for form, class: .elementor-element-100d925 *//* ===== DP Form: cards based on Elementor's HTML field-group wrapper ===== */

.dp-form .e-form__step{
  display: grid;
  gap: 18px;
}
.dp-form .e-form__step.elementor-hidden{
  display: none;
}

/* The HTML field-group becomes the CARD */
.dp-form .elementor-field-type-html.elementor-field-group{
  background: #fff;
  border: 1px solid rgba(0,0,0,.06);
  border-radius: 22px;
  padding: 3rem!important;
  display: grid;
  gap: 18px;
}

/* If an HTML field-group is empty (you have some blanks), don't show it */
.dp-form .elementor-field-type-html.elementor-field-group:empty{
  display: none;
}

/* Your content wrapper inside the HTML group */
.dp-form .dp-form-card h3{
  margin: 0 0 8px;
  font-size: 28px;
  font-weight: 800;
}
.dp-form .dp-form-card p{
  margin: 0;
  color: rgba(0,0,0,.60);
  font-size: 16px;
  line-height: 1.5;
}

/* IMPORTANT:
   The nested field groups inside that HTML group should NOT be cards */
.dp-form .elementor-field-type-html.elementor-field-group .elementor-field-group{
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  margin: 0;
}

/* Upload field wrapper becomes the dropzone */
/* ===== Upload field: Hubo-like dashed dropzone ===== */

/* Make sure the upload field-group doesn't draw its own border/background */
.dp-form .elementor-field-type-upload.elementor-field-group{
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
}

/* The wrapper is just a positioning box */
.dp-form .elementor-field-type-upload{
  position: relative;
  height: 170px;
  border-radius: 18px;
  overflow: hidden;
}

/* Put the dashed border on the INPUT (most reliable) */
.dp-form .elementor-field-type-upload input[type="file"]{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border-radius: 18px;

  border: 2px dashed rgba(0,0,0,.20);
  background: #fff;

  opacity: 0;          /* hide native UI */
  cursor: pointer;
}

/* Because the input is invisible, we redraw the border with a pseudo layer */
.dp-form .elementor-field-type-upload::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 18px;
  border: 2px dashed rgba(0,0,0,.20);
  background: #fff;
  pointer-events: none;
}

/* Hover state */
.dp-form .elementor-field-type-upload:hover::before{
  border-color: rgba(0,0,0,.35);
}

/* Center helper text INSIDE the dropzone */
.dp-form .elementor-field-type-upload::after{
  content: "Klik om foto's te kiezen (max 4) of sleep ze hierheen";
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  text-align: center;
  font-weight: 600;
  color: rgba(0,0,0,.55);
  pointer-events: none;
  padding: 0 20px;
}

/* Optional: hide helper text once files exist (works with the JS toggle) */
/*.dp-form .elementor-field-type-upload.has-files::after{*/
/*  content: "";*/
/*}*/


/* ===== Radios as pill rows ===== */
.dp-form .elementor-field-type-radio .elementor-field-subgroup{
  display: grid;
  gap: 12px;
}

.dp-form .elementor-field-type-radio .elementor-field-option{
  position: relative;
  margin: 0;
  display: block;
}

.dp-form .elementor-field-type-radio input[type="radio"]{
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.dp-form .elementor-field-type-radio input[type="radio"] + label{
  display: block;
  width: 100%;
  background: #f6f7f9;
  border-radius: 16px;
  padding: 20px 64px 20px 20px;
  border: 1px solid rgba(0,0,0,.05);
  cursor: pointer;
  font-weight: 600;
}

.dp-form .elementor-field-type-radio input[type="radio"] + label:after{
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 2px solid rgba(0,0,0,.25);
  background: transparent;
}

.dp-form .elementor-field-type-radio input[type="radio"] + label:hover{
  border-color: rgba(0,0,0,.12);
}

.dp-form .elementor-field-type-radio input[type="radio"]:checked + label{
  background: rgba(255, 205, 0, .30);
  border-color: rgba(0,0,0,.10);
}

.dp-form .elementor-field-type-radio input[type="radio"]:checked + label:after{
  border-color: #000;
  background: #000;
  box-shadow: inset 0 0 0 6px #fff;
}

/* ===== Textarea / inputs ===== */
.dp-form input[type="text"],
.dp-form input[type="email"],
.dp-form input[type="tel"],
.dp-form textarea.elementor-field-textual{
  border-radius: 16px;
  border: 1px solid rgba(0,0,0,.10);
  padding: 14px 16px;
  background: #fff;
}

.dp-form textarea.elementor-field-textual{
  min-height: 160px;
}

/* ===== Buttons ===== */
.dp-form .e-form__buttons{
  background: transparent;
  border: 0;
  padding: 0;
}

.dp-form .e-form__buttons__wrapper{
  background: transparent;
  border: 0;
  padding: 0;
}

.dp-form .e-form__buttons__wrapper__button{
  width: 100%;
  border-radius: 12px;
  padding: 16px 18px;
  font-weight: 800;
  box-shadow: none;
}/* End custom CSS */