.elementor-168506 .elementor-element.elementor-element-ea9608c{--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:50px;--margin-bottom:50px;--margin-left:50px;--margin-right:50px;--padding-top:0px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-168506 .elementor-element.elementor-element-ea9608c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-168506 .elementor-element.elementor-element-39bf34b{--display:flex;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-168506 .elementor-element.elementor-element-39bf34b:not(.elementor-motion-effects-element-type-background), .elementor-168506 .elementor-element.elementor-element-39bf34b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-168506 .elementor-element.elementor-element-36c0fbc > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-168506 .elementor-element.elementor-element-978339e{--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;--padding-top:75px;--padding-bottom:75px;--padding-left:75px;--padding-right:75px;}.elementor-168506 .elementor-element.elementor-element-5dc0ab4{--display:flex;--padding-top:75px;--padding-bottom:200px;--padding-left:75px;--padding-right:75px;}.elementor-168506 .elementor-element.elementor-element-5dc0ab4:not(.elementor-motion-effects-element-type-background), .elementor-168506 .elementor-element.elementor-element-5dc0ab4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-168506 .elementor-element.elementor-element-40df879 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{background-color:var( --e-global-color-cf67a8b );color:#ffffff !important;}body.elementor-page-168506:not(.elementor-motion-effects-element-type-background), body.elementor-page-168506 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}:root{--page-title-display:none;}@media(max-width:767px){.elementor-168506 .elementor-element.elementor-element-ea9608c{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-168506 .elementor-element.elementor-element-39bf34b{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-168506 .elementor-element.elementor-element-978339e{--flex-wrap:wrap;--padding-top:25px;--padding-bottom:25px;--padding-left:25px;--padding-right:25px;}.elementor-168506 .elementor-element.elementor-element-5dc0ab4{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-168506 .elementor-element.elementor-element-40df879 .fluentform-widget-wrapper .ff-el-input--label label{font-size:16px;}.elementor-168506 .elementor-element.elementor-element-40df879 .fluentform-widget-wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .elementor-168506 .elementor-element.elementor-element-40df879 .fluentform-widget-wrapper .ff-el-group textarea, .elementor-168506 .elementor-element.elementor-element-40df879 .fluentform-widget-wrapper .ff-el-group select{font-size:16px;}.elementor-168506 .elementor-element.elementor-element-40df879 .fluentform-widget-wrapper .ff-el-group .ff-btn-submit{width:500px;}}/* Start custom CSS for container, class: .elementor-element-39bf34b *//* =========================================================
   Fluent Forms — Multi-step "horse training" design
   Kleuren: donkerblauw #0A2540, oranje #F39200
   ========================================================= */

/* ---------- Algemene container ---------- */
.fluentform .ff-step-body {
    max-width: 900px;
    margin: 0 auto;
    padding: 40px 20px;
    font-family: inherit;
    position: relative;
}

/* ---------- Stap-teller / Progress bar ---------- */
.fluentform .ff-el-progress {
    background: #e5e7eb !important;
    height: 8px !important;
    margin-bottom: 20px !important;
    box-shadow: none !important;
    border-radius: 999px !important;
    overflow: hidden !important;
}

.fluentform .ff-el-progress-bar {
    display: block !important;
    background: #0A2540 !important;
    height: 100% !important;
    border-radius: 999px !important;
    transition: width 0.3s ease !important;
}

.fluentform .ff-el-progress-bar span {
    display: none !important;
}

.fluentform .ff-el-progress-title {
    color: #0A2540 !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    text-align: center !important;
    display: block !important;
    margin-top: 8px !important;
}

/* ---------- Titel / vraag (h2) ---------- */
.fluentform .ff-step-body h2 {
    color: #0A2540;
    font-size: 26px;
    font-weight: 700;
    line-height: 1.3;
    text-align: left;
    margin: 0 0 40px 0;
}

/* ---------- Vraag-label NIET stylen als knop ---------- */
.fluentform .ff-el-input--label label,
.fluentform .ff-el-input--label > label {
    display: block;
    color: #0A2540;
    font-weight: 500;
    background: transparent;
    border: none;
    padding: 0;
    margin: 0 0 16px 0;
    cursor: default;
    font-size: inherit;
}

/* =========================================================
   Radio / checkbox styling ALLEEN binnen:
   .active .2-options-section-optrimalx
   ========================================================= */

/* ---------- Radio / checkbox container ---------- */
.active .\32 -options-section-optrimalx .ff-el-input--content {
    display: flex !important;
    flex-wrap: wrap;
    gap: 16px;
    align-items: center;
    justify-content: center;
    padding: 0;
    margin: 0 0 50px 0;
}

/* Elke radio / checkbox wrapper naast elkaar */
.active .\32 -options-section-optrimalx .ff-el-input--content .ff-el-form-check {
    display: inline-flex !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    flex: 0 0 auto;
}

/* ---------- Radio / checkbox input verbergen ---------- */
.active .\32 -options-section-optrimalx .ff-el-input--content .ff-el-form-check-input,
.active .\32 -options-section-optrimalx .ff-el-input--content input[type="radio"],
.active .\32 -options-section-optrimalx .ff-el-input--content input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    pointer-events: none;
    width: 0;
    height: 0;
    margin: 0;
}

/* ---------- Label = pill-knop ---------- */
.active .\32 -options-section-optrimalx .ff-el-input--content .ff-el-form-check-label {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 14px 32px;
    border: 1.5px solid #0A2540;
    border-radius: 999px;
    color: #0A2540;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    background: #fff;
    transition: all 0.2s ease;
    min-height: 48px;
    user-select: none;
    margin: 0;
    line-height: 1;
}

.active .\32 -options-section-optrimalx .ff-el-input--content .ff-el-form-check-label > span {
    pointer-events: none;
}

.active .\32 -options-section-optrimalx .ff-el-input--content .ff-el-form-check-label:hover {
    background: #0A2540;
    color: #fff;
}

/* Geselecteerd */
.active .\32 -options-section-optrimalx .ff-el-input--content .ff-el-form-check-label:has(input:checked) {
    background: #0A2540;
    color: #fff;
}

/* Focus */
.active .\32 -options-section-optrimalx .ff-el-input--content .ff-el-form-check-label:has(input:focus-visible) {
    outline: 2px solid #F39200;
    outline-offset: 2px;
}

/* ---------- Help icon (?) ---------- */
.fluentform .ff-el-tooltip,
.fluentform .ff-el-help-message-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    background: #0A2540;
    color: #fff;
    border-radius: 50%;
    font-size: 14px;
    font-weight: 700;
    margin-left: 8px;
    cursor: help;
    text-decoration: none;
}

.fluentform .ff-el-tooltip:hover,
.fluentform .ff-el-help-message-icon:hover {
    background: #F39200;
}

/* ---------- "Verder gaan" / Next step knop ---------- */
.fluentform .step-nav {
    text-align: center;
    margin-top: 30px;
}

.fluentform .ff-btn-next,
.fluentform .ff_step_nav_last .ff-btn,
.fluentform button[data-action="next"] {
    background: #F39200 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 999px !important;
    padding: 14px 48px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    cursor: pointer;
    transition: background 0.2s ease;
    float: none !important;
    display: inline-block;
    min-width: 180px;
    min-height: 48px;
    box-shadow: none !important;
}

.fluentform .ff-btn-next:hover,
.fluentform .ff_step_nav_last .ff-btn:hover,
.fluentform button[data-action="next"]:hover {
    background: #d97f00 !important;
}

/* ---------- Pijl rechtsboven ---------- */
.fluentform .ff-step-header-arrow {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #F39200;
    font-size: 24px;
    text-decoration: none;
    cursor: pointer;
}

/* ---------- Verberg "Vorige" knop op stap 1 ---------- */
.fluentform .ff_step_nav_last .ff-btn-prev:first-child:only-child {
    display: none;
}

.active .ff-btn-prev {
    display: none !important;
}

/* ---------- Responsive ---------- */
@media (max-width: 600px) {
    .fluentform .ff-step-body h2 {
        font-size: 20px;
    }

    .active .\32 -options-section-optrimalx .ff-el-input--content {
        flex-direction: column;
        align-items: stretch;
    }

    .active .\32 -options-section-optrimalx .ff-el-input--content .ff-el-form-check {
        width: 100% !important;
    }

    .active .\32 -options-section-optrimalx .ff-el-input--content .ff-el-form-check-label {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}/* End custom CSS */
/* Start custom CSS for fluent-form-widget, class: .elementor-element-40df879 */.mobile-test-form-nl .ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style {
    width: 100% !important;
    
}/* End custom CSS */