.elementor-2022 .elementor-element.elementor-element-5882d6f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--overlay-opacity:0.5;--padding-top:30px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-2022 .elementor-element.elementor-element-5882d6f:not(.elementor-motion-effects-element-type-background), .elementor-2022 .elementor-element.elementor-element-5882d6f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c56775b );}.elementor-2022 .elementor-element.elementor-element-5882d6f::before, .elementor-2022 .elementor-element.elementor-element-5882d6f > .elementor-background-video-container::before, .elementor-2022 .elementor-element.elementor-element-5882d6f > .e-con-inner > .elementor-background-video-container::before, .elementor-2022 .elementor-element.elementor-element-5882d6f > .elementor-background-slideshow::before, .elementor-2022 .elementor-element.elementor-element-5882d6f > .e-con-inner > .elementor-background-slideshow::before, .elementor-2022 .elementor-element.elementor-element-5882d6f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-2022 .elementor-element.elementor-element-5882d6f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-2022 .elementor-element.elementor-element-50edf73{--display:flex;--justify-content:flex-start;--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--z-index:3;}.elementor-2022 .elementor-element.elementor-element-a9579ee > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2022 .elementor-element.elementor-element-a9579ee{text-align:center;}.elementor-2022 .elementor-element.elementor-element-a9579ee .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-secondary );}.elementor-2022 .elementor-element.elementor-element-9df33ac{width:var( --container-widget-width, 800px );max-width:800px;--container-widget-width:800px;--container-widget-flex-grow:0;text-align:center;font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );color:var( --e-global-color-secondary );}.elementor-2022 .elementor-element.elementor-element-9df33ac > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-2022 .elementor-element.elementor-element-9df33ac.elementor-element{--align-self:center;}.elementor-2022 .elementor-element.elementor-element-1198f51d{--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;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-2022 .elementor-element.elementor-element-1198f51d:not(.elementor-motion-effects-element-type-background), .elementor-2022 .elementor-element.elementor-element-1198f51d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c56775b );}.elementor-2022 .elementor-element.elementor-element-5e54a05f{--display:flex;--border-radius:25px 25px 25px 25px;box-shadow:0px 0px 32px 0px rgba(0, 0, 0, 0.15);--padding-top:30px;--padding-bottom:50px;--padding-left:60px;--padding-right:60px;}.elementor-2022 .elementor-element.elementor-element-5e54a05f:not(.elementor-motion-effects-element-type-background), .elementor-2022 .elementor-element.elementor-element-5e54a05f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-field-type-html{padding-bottom:0px;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-button{font-family:"Lato", Sans-serif;font-size:20px;font-weight:700;border-radius:15px 15px 15px 15px;padding:20px 20px 20px 20px;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-button[type="submit"]{color:#ffffff;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-2022 .elementor-element.elementor-element-f7dbe37 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-2022 .elementor-element.elementor-element-f7dbe37{--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-2022 .elementor-element.elementor-element-c6047c5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(50px/2);}.elementor-2022 .elementor-element.elementor-element-c6047c5 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(50px/2);}.elementor-2022 .elementor-element.elementor-element-c6047c5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(50px/2);}.elementor-2022 .elementor-element.elementor-element-c6047c5 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-50px/2);}.elementor-2022 .elementor-element.elementor-element-c6047c5 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-50px/2);}.elementor-2022 .elementor-element.elementor-element-c6047c5 .elementor-icon-list-icon i{color:#91CA63;transition:color 0.3s;}.elementor-2022 .elementor-element.elementor-element-c6047c5 .elementor-icon-list-icon svg{fill:#91CA63;transition:fill 0.3s;}.elementor-2022 .elementor-element.elementor-element-c6047c5{--e-icon-list-icon-size:15px;--e-icon-list-icon-align:center;--e-icon-list-icon-margin:0 calc(var(--e-icon-list-icon-size, 1em) * 0.125);--icon-vertical-align:center;--icon-vertical-offset:0px;}.elementor-2022 .elementor-element.elementor-element-c6047c5 .elementor-icon-list-icon{padding-inline-end:5px;}.elementor-2022 .elementor-element.elementor-element-c6047c5 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2022 .elementor-element.elementor-element-c6047c5 .elementor-icon-list-item > a{font-size:15px;}.elementor-2022 .elementor-element.elementor-element-c6047c5 .elementor-icon-list-text{color:var( --e-global-color-secondary );transition:color 0.3s;}body.elementor-page-2022:not(.elementor-motion-effects-element-type-background), body.elementor-page-2022 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-c56775b );}@media(min-width:768px){.elementor-2022 .elementor-element.elementor-element-1198f51d{--content-width:100%;}.elementor-2022 .elementor-element.elementor-element-5e54a05f{--width:850px;}}@media(max-width:1024px) and (min-width:768px){.elementor-2022 .elementor-element.elementor-element-5e54a05f{--width:100%;}}@media(max-width:1024px){.elementor-2022 .elementor-element.elementor-element-5882d6f{--padding-top:36px;--padding-bottom:36px;--padding-left:10px;--padding-right:10px;}.elementor-2022 .elementor-element.elementor-element-9df33ac > .elementor-widget-container{margin:0px 0px -14px 0px;}.elementor-2022 .elementor-element.elementor-element-1198f51d{--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:60px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-2022 .elementor-element.elementor-element-5e54a05f{--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(max-width:767px){.elementor-2022 .elementor-element.elementor-element-1198f51d{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-2022 .elementor-element.elementor-element-5e54a05f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for container, class: .elementor-element-5882d6f */.top-baner::after {
    content: "";
    position: absolute;
    left: 0;
    opacity: 0.7;
    width: 75%;
    height: 100%;
    background: linear-gradient(90deg, #000000 32.17%, rgba(0, 0, 0, 0) 100%);
}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-f7dbe37 */select#form-field-field_93415eb {
    font-size: 16px;
    padding: 8px 15px;
}
.request_form label.steps {
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #91CA63;
    margin-bottom: -5px;
    margin-top: 30px;
    font-size: 15px;
    font-weight: 700;
}
.request_form h2 {
    font-family: var( --e-global-typography-secondary-font-family ), Sans-serif;
    margin-bottom: 0px;
}
label.elementor-field-label {
    margin-bottom: 10px;
    margin-top: 8px;
    font-size: 15px;
    font-weight: 600;
}
.elementor-field-group .elementor-field-textual {
    border: 1px solid #e2e2e2;
    padding: 10px 15px;
}
.elementor-field-type-submit {
    margin-top: 30px;
    margin-bottom: 30px !important;
}
.divider {
    width: 100%;
    height: 1px;
    background: #e2e2e2;
    margin-top: 30px;
}







/* 1. Zorg dat de opties netjes in een grid van 3 staan */
.elementor-field-group-field_beb2e8a .elementor-field-subgroup {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
}

/* 2. Maak elke optie (de span) 33% breed (minus de gap) */
.elementor-field-group-field_beb2e8a .elementor-field-option {
    flex: 0 0 calc(33.33% - 10px) !important;
    margin: 0 !important;
}

/* 3. Verberg het standaard bolletje */
.elementor-field-group-field_beb2e8a input[type="radio"] {
    display: none !important;
}

/* 4. Stijl het label als een kaart */
.elementor-field-group-field_beb2e8a label {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 150px !important;
    border: 2px solid #E0E0E0 !important;
    border-radius: 12px !important;
    padding: 20px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    background-color: #fff !important;
    font-weight: 600 !important;
    text-align: center !important;
}

/* 5. Geselecteerde status (Groen zoals in je voorbeeld) */
.elementor-field-group-field_beb2e8a input:checked + label {
    border-color: #8BC34A !important;
    background-color: #F1F8E9 !important;
}

/* 6. Ruimte maken voor het icoon boven de tekst */
.elementor-field-group-field_beb2e8a label::before {
    content: "";
    display: block;
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* 7. AFBEELDINGEN KOPPELEN (Vervang URL_HIER met je eigen links) */

/* Verbouwen */
label[for="form-field-field_beb2e8a-0"]::before { background-image: url('https://groundtoground.nl/wp-content/uploads/2024/08/noun-sustainability-7010423-91CA63.png'); }

/* Renovatie */
label[for="form-field-field_beb2e8a-1"]::before { background-image: url('https://groundtoground.nl/wp-content/uploads/2024/08/noun-renovation-7054922-91CA63.png'); }

/* Uitbouw */
label[for="form-field-field_beb2e8a-2"]::before { background-image: url('https://groundtoground.nl/wp-content/uploads/2024/08/noun-garage-6758788-91CA63-e1723464856799.png'); }

/* Dakkapel */
label[for="form-field-field_beb2e8a-3"]::before { background-image: url('https://groundtoground.nl/wp-content/uploads/2024/08/noun-double-glazing-3167472-91CA63-e1723464964672.png'); }

/* Nieuwbouw */
label[for="form-field-field_beb2e8a-4"]::before { background-image: url('https://groundtoground.nl/wp-content/uploads/2024/08/noun-building-construction-1258253-91C963.png'); }

/* Andere */
label[for="form-field-field_beb2e8a-5"]::before { background-image: url('https://groundtoground.nl/wp-content/uploads/2024/08/noun-construction-work-4276197-91CA63.png'); }


/* Mobiele weergave: Kaarten onder elkaar (100% breedte) */
@media (max-width: 767px) {
    .elementor-field-group-field_beb2e8a .elementor-field-option {
        flex: 0 0 100% !important;
        width: 100% !important;
    }
    
    .elementor-field-group-field_beb2e8a label {
        min-height: 120px !important; /* Iets minder hoog op mobiel voor betere scroll */
        flex-direction: row !important; /* Optioneel: Icoon links, tekst rechts op mobiel */
        justify-content: flex-start !important;
        padding: 15px 25px !important;
    }

    .elementor-field-group-field_beb2e8a label::before {
        margin-bottom: 0 !important;
        margin-right: 20px !important;
        width: 40px !important;
        height: 40px !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1198f51d *//*for mobile*/
@media (min-width: 320px) and (max-width: 767px) {

.mob-icon .elementor-icon-box-wrapper {
    display: flex !important;
    gap: 15px;
    align-items: center;
}

.mob-icon .elementor-icon-box-wrapper .elementor-icon-box-content {
    text-align: left !important;
}

.mob-icon .elementor-icon-box-wrapper .elementor-icon-box-content h3 {
    margin: 0 !important;
}

.mob-icon .elementor-icon-box-wrapper .elementor-icon-box-icon {
    margin: 0 !important;
}
    
}/* End custom CSS */