.elementor-50 .elementor-element.elementor-element-6cb62959{--display:flex;--min-height:100vh;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-50 .elementor-element.elementor-element-6cb62959:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-6cb62959 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://app.hoedaan.nl/wp-content/uploads/2026/05/0V0A9935-scaled.jpg");background-position:-55px -378px;}.elementor-50 .elementor-element.elementor-element-c980b6e{width:var( --container-widget-width, 60% );max-width:60%;background-color:#FFFFFFF0;padding:20px 20px 20px 20px;--container-widget-width:60%;--container-widget-flex-grow:0;border-style:solid;border-width:1px 1px 1px 1px;border-radius:20px 20px 20px 20px;box-shadow:0px 0px 10px 0px rgba(155.071875, 155.071875, 155.071875, 0.5);}.elementor-50 .elementor-element.elementor-element-5971944{--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;}@media(max-width:1024px){.elementor-50 .elementor-element.elementor-element-6cb62959:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-6cb62959 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}}@media(max-width:767px){.elementor-50 .elementor-element.elementor-element-6cb62959:not(.elementor-motion-effects-element-type-background), .elementor-50 .elementor-element.elementor-element-6cb62959 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:0px 0px;}.elementor-50 .elementor-element.elementor-element-c980b6e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}}/* Start custom CSS for shortcode, class: .elementor-element-c980b6e *//* FORM CONTAINER */
.hd-multistep-form {
    backdrop-filter: blur(14px);
    background: rgba(255,255,255,0.88);
    border: 1px solid rgba(255,255,255,0.35);
    box-shadow: 0 25px 60px rgba(0,0,0,0.25);
}

/* INPUTS */
.hd-multistep-form input,
.hd-multistep-form select,
.hd-multistep-form textarea {
    height: 52px;
    border-radius: 14px;
    border: 1px solid #dbe3ec;
    background: rgba(255,255,255,0.92);
    padding: 0 16px;
    font-size: 15px;
    transition: all .25s ease;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.03);
}

/* FOCUS STATE */
.hd-multistep-form input:focus,
.hd-multistep-form select:focus,
.hd-multistep-form textarea:focus {
    border-color: #3b82f6;
    box-shadow:
        0 0 0 4px rgba(59,130,246,0.14),
        0 8px 20px rgba(59,130,246,0.08);
    outline: none;
    background: #ffffff;
}

/* LABELS */
.hd-multistep-form label {
    font-weight: 700;
    color: #334155;
    margin-bottom: 8px;
}

/* BUTTONS */
.hd-step-btn,
.hd-multistep-form button,
.hd-multistep-form input[type=submit] {
    background: linear-gradient(135deg,#38bdf8,#2563eb);
    border: none;
    border-radius: 16px;
    color: white;
    font-weight: 800;
    padding: 16px 28px;
    transition: box-shadow .25s ease, background .25s ease;
    box-shadow: 0 10px 25px rgba(37,99,235,0.28);
}

/* BUTTON HOVER */
.hd-step-btn:hover,
.hd-multistep-form button:hover,
.hd-multistep-form input[type=submit]:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 35px rgba(37,99,235,0.35);
}

/* PROGRESS BAR */
.hd-multistep-progress {
    height: 10px;
    background: rgba(226,232,240,0.7);
    border-radius: 999px;
    overflow: hidden;
}

.hd-multistep-progress-bar {
    background: linear-gradient(90deg,#38bdf8,#2563eb);
    box-shadow: 0 0 20px rgba(59,130,246,0.35);
}

/* STEP NAV */
.hd-step-nav {
    min-height: 64px;
}

/* STEP TEXT */
.hd-step-counter {
    font-size: 14px;
    font-weight: 700;
    color: #64748b;
    letter-spacing: .04em;
}

/* RADIO BUTTONS */
.hd-multistep-form input[type=radio] {
    width: 20px;
    height: 20px;
    accent-color: #2563eb;
}

/* MOBILE */
@media (max-width: 768px) {
    .hd-multistep-form {
        padding: 26px !important;
        border-radius: 22px !important;
    }

    .hd-multistep-form input,
    .hd-multistep-form select,
    .hd-multistep-form textarea {
        height: 50px;
        font-size: 16px;
    }

    .hd-step-counter {
        display: none !important;
    }
}

/* Voorkom dat Vorige-knop kort rood knippert op stap 1 */
.hd-step-nav [data-prev],
.hd-step-nav .hoedaan-prev,
.hd-step-nav .hd-prev {
    display: none !important;
}

.hd-step-nav [data-prev].is-visible,
.hd-step-nav .hoedaan-prev.is-visible,
.hd-step-nav .hd-prev.is-visible {
    display: inline-flex !important;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0ea9353 */.um-register input[type="submit"],
.um-register button[type="submit"],
.um-register .um-button[type="submit"],
.um-register .um-col-alt .um-button {
    display: none !important;
}/* End custom CSS */