.elementor-9021 .elementor-element.elementor-element-0698289{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-9021 .elementor-element.elementor-element-897d717{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:35px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-9021 .elementor-element.elementor-element-adf4b53{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:20px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9021 .elementor-element.elementor-element-c60f493.elementor-element{--align-self:flex-start;}.elementor-9021 .elementor-element.elementor-element-c60f493 .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:32px;font-weight:600;color:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-9021 .elementor-element.elementor-element-ae7f0ad > .elementor-widget-container{padding:12px 0px 0px 0px;}.elementor-9021 .elementor-element.elementor-element-ae7f0ad.elementor-element{--align-self:flex-start;}.elementor-9021 .elementor-element.elementor-element-ae7f0ad{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:500;}.elementor-9021 .elementor-element.elementor-element-0a3381f{--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-9021 .elementor-element.elementor-element-e48da2e{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;--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;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group{padding-right:calc( 14px/2 );padding-left:calc( 14px/2 );margin-bottom:32px;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-form-fields-wrapper{margin-left:calc( -14px/2 );margin-right:calc( -14px/2 );margin-bottom:-32px;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-labels-inline .elementor-field-group > label{padding-left:10px;}body:not(.rtl) .elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-labels-inline .elementor-field-group > label{padding-right:10px;}body .elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-labels-above .elementor-field-group > label{padding-bottom:10px;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group > label, .elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-subgroup label{color:var( --e-global-color-secondary );}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-type-html{padding-bottom:0px;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group .elementor-field{color:#2E2E2E;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group .elementor-field, .elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-size:18px;font-weight:400;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;border-width:1px 1px 1px 1px;border-radius:8px 8px 8px 8px;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-button{font-family:"Poppins", Sans-serif;font-size:20px;font-weight:500;border-radius:6px 6px 6px 6px;padding:16px 38px 16px 38px;}.elementor-9021 .elementor-element.elementor-element-e48da2e .e-form__buttons__wrapper__button-next{color:var( --e-global-color-secondary );}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-button[type="submit"]{color:var( --e-global-color-secondary );}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-button[type="submit"] svg *{fill:var( --e-global-color-secondary );}.elementor-9021 .elementor-element.elementor-element-e48da2e .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-9021 .elementor-element.elementor-element-e48da2e .e-form__buttons__wrapper__button-next:hover{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-button[type="submit"]:hover{background-color:var( --e-global-color-secondary );color:#ffffff;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-9021 .elementor-element.elementor-element-e48da2e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}@media(max-width:1024px){.elementor-9021 .elementor-element.elementor-element-897d717{--padding-top:50px;--padding-bottom:65px;--padding-left:22px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-9021 .elementor-element.elementor-element-c60f493 .elementor-heading-title{font-size:30px;}.elementor-9021 .elementor-element.elementor-element-e48da2e > .elementor-widget-container{padding:12px 0px 0px 0px;}.elementor-9021 .elementor-element.elementor-element-e48da2e{--container-widget-width:95%;--container-widget-flex-grow:0;width:var( --container-widget-width, 95% );max-width:95%;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group > label{font-size:18px;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group .elementor-field, .elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-subgroup label{font-size:16px;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-button{font-size:18px;}}@media(max-width:767px){.elementor-9021 .elementor-element.elementor-element-897d717{--padding-top:42px;--padding-bottom:55px;--padding-left:18px;--padding-right:20px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-9021 .elementor-element.elementor-element-c60f493 .elementor-heading-title{font-size:28px;}.elementor-9021 .elementor-element.elementor-element-ae7f0ad > .elementor-widget-container{padding:12px 0px 0px 0px;}.elementor-9021 .elementor-element.elementor-element-ae7f0ad{font-size:18px;}.elementor-9021 .elementor-element.elementor-element-e48da2e > .elementor-widget-container{padding:0px 2px 0px 2px;}.elementor-9021 .elementor-element.elementor-element-e48da2e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group > label{font-size:18px;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-group .elementor-field, .elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-field-subgroup label{font-size:16px;}.elementor-9021 .elementor-element.elementor-element-e48da2e .elementor-button{font-size:18px;}}/* Start custom CSS for form, class: .elementor-element-e48da2e */<script>
document.addEventListener("DOMContentLoaded", function() {
    // 1. Motivatiebrief toggle functionality (Image 3 requirement)
    const motivatieField = document.querySelector('.elementor-field-type-upload input[type="file"]');
    
    if (motivatieField) {
        const uploadWrapper = motivatieField.closest('.elementor-field-group');
        
        // Create toggle text link dynamically below the upload box
        const toggleLink = document.createElement('div');
        toggleLink.className = 'gf-toggle-link';
        toggleLink.innerHTML = 'Schrijf je motivatiebrief in plaats daarvan hier <i class="fas fa-edit"></i>';
        uploadWrapper.appendChild(toggleLink);

        // Create hidden textarea field
        const textWrapper = document.createElement('div');
        textWrapper.className = 'gf-hidden-textarea';
        textWrapper.innerHTML = '<textarea name="motivatie_text" class="elementor-field elementor-text-area" rows="4" placeholder="Typ hier je motivatiebrief..."></textarea>';
        uploadWrapper.appendChild(textWrapper);

        // Click event to switch between File Upload and Textarea
        let isTextMode = false;
        toggleLink.addEventListener('click', function(e) {
            e.preventDefault();
            isTextMode = !isTextMode;
            const fileBox = uploadWrapper.querySelector('.elementor-field-type-upload, input[type="file"]').parentNode;
            
            if (isTextMode) {
                fileBox.style.display = 'none';
                textWrapper.style.display = 'block';
                toggleLink.innerHTML = 'Upload in plaats daarvan een bestand <i class="fas fa-upload"></i>';
            } else {
                fileBox.style.display = 'block';
                textWrapper.style.display = 'none';
                toggleLink.innerHTML = 'Schrijf je motivatiebrief in plaats daarvan hier <i class="fas fa-edit"></i>';
            }
        });
    }
});
</script>/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-897d717 */<style>
/* 1. Labels styling (Font ko chere bagher clean look) */
.elementor-field-group > label {
    font-weight: 600 !important;
    margin-bottom: 6px !important;
    display: inline-block !important;
}

/* Required red asterisk mark */
.elementor-field-group.elementor-field-required > label::after {
    content: " *";
    color: #e74c3c !important;
}

/* 2. File Upload Box styling (Jaise image 1 mein hai) */
.elementor-field-type-upload .elementor-field {
    border: 1px solid #d2d2d2 !important;
    border-radius: 6px !important;
    padding: 20px !important;
    text-align: center !important;
    background: #fff !important;
    cursor: pointer;
}

/* 3. Motivatiebrief Toggle Link Styling */
.gf-toggle-link {
    display: inline-block;
    margin-top: 8px;
    color: #00A896;
    font-size: 14px;
    font-weight: 500;
    text-decoration: underline;
    cursor: pointer;
}
.gf-toggle-link:hover {
    color: #008f80;
}

/* Hidden state for textarea switch */
.gf-hidden-textarea {
    display: none;
    margin-top: 10px;
}
</style>/* End custom CSS */