.elementor-711 .elementor-element.elementor-element-41a4acd{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--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-711 .elementor-element.elementor-element-a1c9627 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-group > label{font-family:"Open Sans", Sans-serif;font-size:12px;font-weight:400;}.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-html{padding-bottom:0px;}.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-group .elementor-field, .elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-subgroup label{font-family:"Open Sans", Sans-serif;font-size:15px;font-weight:400;}.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-button{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:500;font-style:normal;}.elementor-711 .elementor-element.elementor-element-a1c9627 .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-text );color:#ffffff;}.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-button[type="submit"]{background-color:var( --e-global-color-text );color:#ffffff;}.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-711 .elementor-element.elementor-element-a1c9627 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-711 .elementor-element.elementor-element-a1c9627 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-711 .elementor-element.elementor-element-a1c9627 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-711 .elementor-element.elementor-element-a1c9627{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}/* Start custom CSS for form, class: .elementor-element-a1c9627 *//* ==========================================================================
   VDW TUINEN - EXACTE OFFERTE FORMULIER STYLING (V2 - THE FIX)
   ========================================================================== */

/* --- 1. GLOBALE FIXES & LAYOUT --- */
.elementor-711 .elementor-element.elementor-element-a1c9627, .elementor-711 .elementor-element.elementor-element-a1c9627 * {
    -webkit-tap-highlight-color: transparent !important;
    outline: none !important;
    box-sizing: border-box !important;
}

.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-form-fields-wrapper {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 24px !important;
}

.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-group {
    padding: 0 !important;
    margin-bottom: 0 !important;
    width: 100% !important; 
}

@media (min-width: 768px) {
    .elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-text,
    .elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-email,
    .elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-tel {
        width: calc(50% - 12px) !important;
    }
}

/* --- 2. LABELS & VERBERG RODE STERRETJES --- */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-label {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #141a16 !important; 
    margin-bottom: 12px !important;
    display: block !important;
}

/* Verbergt de lelijke rode * van Elementor */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-required-indicator {
    display: none !important; 
}

/* --- 3. INPUTS & TEXTAREAS --- */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-textual {
    background-color: #FAFAFA !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    padding: 16px 20px !important;
    font-size: 14px !important;
    color: #4b5563 !important;
    font-weight: 400 !important;
    box-shadow: none !important;
    transition: all 0.3s ease !important;
}

.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-textarea .elementor-field-textual {
    min-height: 140px !important;
    resize: none !important;
}

.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-textual:focus {
    background-color: #ffffff !important;
    border-color: #AACC3E !important; 
    box-shadow: 0 0 0 1px #AACC3E !important;
}

/* --- 4. RADIO BUTTONS (MET PURE SVG ICONEN - ALTIJD DUN) --- */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio .elementor-field-subgroup {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 16px !important;
}

@media (max-width: 767px) {
    .elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio .elementor-field-subgroup {
        grid-template-columns: 1fr !important;
    }
}

/* Verberg de standaard bolletjes */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio input[type="radio"] {
    display: none !important;
}

.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio .elementor-field-option label {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid #E5E7EB !important;
    border-radius: 12px !important;
    padding: 24px 10px !important;
    background-color: #ffffff !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #4b5563 !important;
    transition: all 0.3s ease !important;
    width: 100% !important;
    margin: 0 !important;
}

.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio .elementor-field-option:hover label {
    border-color: rgba(170, 204, 62, 0.5) !important;
}

.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio input[type="radio"]:checked + label {
    background-color: #f6faf0 !important;
    border-color: #AACC3E !important;
    color: #141a16 !important;
}

/* De base-styling voor de SVG iconen */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio .elementor-field-option label::before {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    margin-bottom: 12px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.3s ease !important;
}

/* Icoon 1: Dunne Zon (Grijs -> Groen) */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio .elementor-field-option:nth-child(1) label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cline x1='12' y1='1' x2='12' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='23'/%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'/%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'/%3E%3Cline x1='1' y1='12' x2='3' y2='12'/%3E%3Cline x1='21' y1='12' x2='23' y2='12'/%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'/%3E%3C/svg%3E");
}
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio .elementor-field-option:nth-child(1) input[type="radio"]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AACC3E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cline x1='12' y1='1' x2='12' y2='3'/%3E%3Cline x1='12' y1='21' x2='12' y2='23'/%3E%3Cline x1='4.22' y1='4.22' x2='5.64' y2='5.64'/%3E%3Cline x1='18.36' y1='18.36' x2='19.78' y2='19.78'/%3E%3Cline x1='1' y1='12' x2='3' y2='12'/%3E%3Cline x1='21' y1='12' x2='23' y2='12'/%3E%3Cline x1='4.22' y1='19.78' x2='5.64' y2='18.36'/%3E%3C/svg%3E");
}

/* Icoon 2: Dunne Sync/Renovatie (Grijs -> Groen) */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio .elementor-field-option:nth-child(2) label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpolyline points='23 20 23 14 17 14'/%3E%3Cpath d='M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15'/%3E%3C/svg%3E");
}
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio .elementor-field-option:nth-child(2) input[type="radio"]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AACC3E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='1 4 1 10 7 10'/%3E%3Cpolyline points='23 20 23 14 17 14'/%3E%3Cpath d='M20.49 9A9 9 0 0 0 5.64 5.64L1 10m22 4l-4.64 4.36A9 9 0 0 1 3.51 15'/%3E%3C/svg%3E");
}

/* Icoon 3: Dun Huis (Grijs -> Groen) */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio .elementor-field-option:nth-child(3) label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-radio .elementor-field-option:nth-child(3) input[type="radio"]:checked + label::before {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23AACC3E' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
}

/* --- 5. FILE UPLOAD (HET CSS MASKER) --- */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-upload {
    position: relative !important;
    display: flex !important;
    flex-direction: column !important;
    padding-bottom: 10px !important;
}

/* Label styling incl. (OPTIONEEL) */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-upload > label {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-end !important;
    width: 100% !important;
    margin-bottom: 12px !important;
}
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-upload > label::after {
    content: "(OPTIONEEL)";
    font-size: 10px !important;
    color: #9ca3af !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    font-weight: 500 !important;
}

/* Verberg de lelijke input, maar hou hem klikbaar over de hele box */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-upload input[type="file"] {
    position: absolute !important;
    bottom: 10px !important;
    left: 0 !important;
    width: 100% !important;
    height: 140px !important;
    opacity: 0 !important;
    cursor: pointer !important;
    z-index: 10 !important;
}

/* Teken de luxe upload-box als een achtergrond OVER de onzichtbare input heen */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-upload::after {
    content: "Klik of sleep bestanden hierheen\A PDF, JPG of PNG (max. 10MB)";
    white-space: pre-wrap !important;
    text-align: center !important;
    padding-top: 75px !important; /* Ruimte maken voor het icoon */
    height: 140px !important;
    width: 100% !important;
    border: 2px dashed #E5E7EB !important;
    border-radius: 12px !important;
    background-color: #FAFAFA !important;
    color: #4b5563 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.6 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    
    /* Het Wolkje als ingebouwde SVG achtergrond */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%239ca3af'%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: center 30px !important;
    background-size: 36px 36px !important;
    transition: all 0.3s ease !important;
}

/* Hover-effect op de upload box */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-field-type-upload:hover::after {
    border-color: #AACC3E !important;
    background-color: #f6faf0 !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23AACC3E'%3E%3Cpath d='M19.35 10.04C18.67 6.59 15.64 4 12 4 9.11 4 6.6 5.64 5.35 8.04 2.34 8.36 0 10.91 0 14c0 3.31 2.69 6 6 6h13c2.76 0 5-2.24 5-5 0-2.64-2.05-4.78-4.65-4.96zM14 13v4h-4v-4H7l5-5 5 5h-3z'/%3E%3C/svg%3E") !important;
}

/* --- 6. VERZENDKNOP --- */
.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-button {
    background-color: #1B3825 !important;
    color: #ffffff !important;
    border-radius: 12px !important;
    padding: 22px 32px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    letter-spacing: 0.5px !important;
    width: 100% !important;
    border: none !important;
    transition: all 0.3s cubic-bezier(0.25, 1, 0.5, 1) !important;
    margin-top: 10px !important;
}

.elementor-711 .elementor-element.elementor-element-a1c9627 .elementor-button:hover {
    background-color: #AACC3E !important;
    color: #1B3825 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 10px 20px -5px rgba(170, 204, 62, 0.3) !important;
}/* End custom CSS */