.elementor-1436 .elementor-element.elementor-element-6e75c43{--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-1436 .elementor-element.elementor-element-6e75c43:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-6e75c43 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-1436 .elementor-element.elementor-element-b9a6e81{--display:flex;}.elementor-1436 .elementor-element.elementor-element-e8675e1 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1436 .elementor-element.elementor-element-9c7ea39{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-1436 .elementor-element.elementor-element-5f2a614{--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;}.elementor-1436 .elementor-element.elementor-element-ff18644{--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:10px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;}.elementor-1436 .elementor-element.elementor-element-ff18644:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-ff18644 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-1436 .elementor-element.elementor-element-9eff563{--display:flex;--min-height:605px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1436 .elementor-element.elementor-element-9eff563:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-9eff563 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-widget-woocommerce-product-title .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-primary );}.elementor-1436 .elementor-element.elementor-element-b9dd08e .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-weight:600;color:#1E1E1E;}.elementor-widget-heading .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-primary );}.elementor-1436 .elementor-element.elementor-element-781058d .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:20px;font-weight:400;color:#1E1E1E;}.elementor-1436 .elementor-element.elementor-element-781058d .elementor-heading-title a:hover, .elementor-1436 .elementor-element.elementor-element-781058d .elementor-heading-title a:focus{color:var( --e-global-color-bb4935a );}.woocommerce .elementor-widget-woocommerce-product-price .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.woocommerce .elementor-1436 .elementor-element.elementor-element-3f097fc .price{color:#1E1E1E;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:500;}.woocommerce .elementor-1436 .elementor-element.elementor-element-3f097fc .price ins{color:#DA2B35;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-1436 .elementor-element.elementor-element-4dcbe62 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-bottom:calc(10px/2);}.elementor-1436 .elementor-element.elementor-element-4dcbe62 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-top:calc(10px/2);}.elementor-1436 .elementor-element.elementor-element-4dcbe62 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-right:calc(10px/2);margin-left:calc(10px/2);}.elementor-1436 .elementor-element.elementor-element-4dcbe62 .elementor-icon-list-items.elementor-inline-items{margin-right:calc(-10px/2);margin-left:calc(-10px/2);}body.rtl .elementor-1436 .elementor-element.elementor-element-4dcbe62 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{left:calc(-10px/2);}body:not(.rtl) .elementor-1436 .elementor-element.elementor-element-4dcbe62 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{right:calc(-10px/2);}.elementor-1436 .elementor-element.elementor-element-4dcbe62 .elementor-icon-list-icon i{color:#000000;transition:color 0.3s;}.elementor-1436 .elementor-element.elementor-element-4dcbe62 .elementor-icon-list-icon svg{fill:#000000;transition:fill 0.3s;}.elementor-1436 .elementor-element.elementor-element-4dcbe62{--e-icon-list-icon-size:15px;--icon-vertical-offset:0px;}.elementor-1436 .elementor-element.elementor-element-4dcbe62 .elementor-icon-list-icon{padding-right:5px;}.elementor-1436 .elementor-element.elementor-element-4dcbe62 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1436 .elementor-element.elementor-element-4dcbe62 .elementor-icon-list-item > a{font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:300;}.elementor-1436 .elementor-element.elementor-element-4dcbe62 .elementor-icon-list-text{color:var( --e-global-color-b375b62 );transition:color 0.3s;}.elementor-widget-woocommerce-product-add-to-cart .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1436 .elementor-element.elementor-element-5505e43 .cart button, .elementor-1436 .elementor-element.elementor-element-5505e43 .cart .button{border-radius:0px 0px 0px 0px;padding:16px 0px 16px 0px;background-color:#FFA800;transition:all 0.2s;}.elementor-1436 .elementor-element.elementor-element-5505e43 .cart button:hover, .elementor-1436 .elementor-element.elementor-element-5505e43 .cart .button:hover{background-color:#000000;}.elementor-1436 .elementor-element.elementor-element-5505e43 .quantity .qty{transition:all 0.2s;}.elementor-1436 .elementor-element.elementor-element-31d6e7f{--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:0px;--margin-left:0px;--margin-right:0px;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1436 .elementor-element.elementor-element-31d6e7f:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-31d6e7f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-1436 .elementor-element.elementor-element-e125d6c{--display:flex;--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-1436 .elementor-element.elementor-element-e125d6c.e-con{--align-self:center;}.elementor-1436 .elementor-element.elementor-element-b73c8df.elementor-element{--align-self:center;}.elementor-1436 .elementor-element.elementor-element-b73c8df .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#7A7A7A;}.elementor-1436 .elementor-element.elementor-element-76467b0{width:initial;max-width:initial;}.elementor-1436 .elementor-element.elementor-element-76467b0 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-1436 .elementor-element.elementor-element-76467b0.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1436 .elementor-element.elementor-element-76467b0 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-accent );}.elementor-widget-nested-tabs.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1436 .elementor-element.elementor-element-2361310{--display:flex;}.elementor-1436 .elementor-element.elementor-element-f257ad4{--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-1436 .elementor-element.elementor-element-87a9be1{--display:flex;}.elementor-1436 .elementor-element.elementor-element-f9125ae{--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-1436 .elementor-element.elementor-element-29e16ae{--display:flex;}.elementor-1436 .elementor-element.elementor-element-66c4195{--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-1436 .elementor-element.elementor-element-3cf7a29{--display:flex;}.elementor-1436 .elementor-element.elementor-element-f7681f4{--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-1436 .elementor-element.elementor-element-527741b{--display:flex;}.elementor-1436 .elementor-element.elementor-element-0794d0a{--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-1436 .elementor-element.elementor-element-a85b9c9{--display:flex;}.elementor-1436 .elementor-element.elementor-element-6fa5f6f{--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-1436 .elementor-element.elementor-element-429a2ee{--display:flex;}.elementor-1436 .elementor-element.elementor-element-83bcc82{--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-1436 .elementor-element.elementor-element-2e4691b{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-gap:20px;--n-tabs-title-border-radius:100px 100px 100px 100px;--n-tabs-title-padding-top:10px;--n-tabs-title-padding-right:40px;--n-tabs-title-padding-bottom:10px;--n-tabs-title-padding-left:40px;--n-tabs-title-color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-2e4691b > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#333333;}.elementor-1436 .elementor-element.elementor-element-2e4691b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1436 .elementor-element.elementor-element-2e4691b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-bb4935a );border-style:solid;border-color:var( --e-global-color-bb4935a );}.elementor-1436 .elementor-element.elementor-element-2e4691b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-color:#444444;}.elementor-1436 .elementor-element.elementor-element-2e4691b.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{border-style:solid;border-color:var( --e-global-color-bb4935a );}.elementor-1436 .elementor-element.elementor-element-7248edc{--display:flex;}.elementor-1436 .elementor-element.elementor-element-2519de7{--display:flex;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-1436 .elementor-element.elementor-element-2519de7:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-2519de7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-1436 .elementor-element.elementor-element-c5331f8.elementor-element{--align-self:center;}.elementor-1436 .elementor-element.elementor-element-c5331f8 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#7A7A7A;}.elementor-1436 .elementor-element.elementor-element-04cd859{width:initial;max-width:initial;}.elementor-1436 .elementor-element.elementor-element-04cd859 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1436 .elementor-element.elementor-element-04cd859.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1436 .elementor-element.elementor-element-04cd859 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.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-1436 .elementor-element.elementor-element-ebfa902{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;color:#7A7A7A;}.elementor-1436 .elementor-element.elementor-element-ebfa902.elementor-element{--align-self:center;}.elementor-1436 .elementor-element.elementor-element-b81fbd5{--display:flex;--justify-content:center;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--overflow:hidden;}.elementor-1436 .elementor-element.elementor-element-26fea64{--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;--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-1436 .elementor-element.elementor-element-35a02c0{--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;--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-1436 .elementor-element.elementor-element-dd7eead{--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;--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-image .widget-image-caption{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-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1436 .elementor-element.elementor-element-d6075e6 .elementor-button:hover, .elementor-1436 .elementor-element.elementor-element-d6075e6 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-1436 .elementor-element.elementor-element-d6075e6.elementor-element{--align-self:center;}.elementor-1436 .elementor-element.elementor-element-d6075e6 .elementor-button:hover svg, .elementor-1436 .elementor-element.elementor-element-d6075e6 .elementor-button:focus svg{fill:#000000;}.elementor-1436 .elementor-element.elementor-element-b53ac17{--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:50px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1436 .elementor-element.elementor-element-b53ac17:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-b53ac17 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-1436 .elementor-element.elementor-element-230c8a7{--display:flex;}.elementor-1436 .elementor-element.elementor-element-9b4ed4b{--display:flex;}.elementor-1436 .elementor-element.elementor-element-c89e8ce{--display:flex;}.elementor-1436 .elementor-element.elementor-element-3dbdfd6{--display:flex;}.elementor-1436 .elementor-element.elementor-element-faa1aad{--display:flex;}.elementor-1436 .elementor-element.elementor-element-b63a6e3{--display:flex;}.elementor-1436 .elementor-element.elementor-element-4838a5f{--display:flex;}.elementor-1436 .elementor-element.elementor-element-4e9c669{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-swiper-offset-size:55px;--e-n-carousel-swiper-slides-gap:30px;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:300px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:300px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-1436 .elementor-element.elementor-element-4e9c669 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}:where( .elementor-1436 .elementor-element.elementor-element-4e9c669 .swiper-slide ) > .e-con{--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;}:where( [data-core-v316-plus="true"] .elementor-element.elementor-widget-n-carousel .swiper-slide ) > .e-con{--padding-block-start:0px;--padding-inline-end:0px;--padding-block-end:0px;--padding-inline-start:0px;}.elementor-1436 .elementor-element.elementor-element-b0a7f63{--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:70px;--padding-bottom:70px;--padding-left:10px;--padding-right:10px;}.elementor-1436 .elementor-element.elementor-element-b0a7f63:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-b0a7f63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-1436 .elementor-element.elementor-element-a1df737{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;--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-1436 .elementor-element.elementor-element-09e8360{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:030px;--padding-bottom:050px;--padding-left:30px;--padding-right:30px;}.elementor-1436 .elementor-element.elementor-element-09e8360:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-09e8360 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-1436 .elementor-element.elementor-element-09e8360:hover{background-color:#000000;}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-1436 .elementor-element.elementor-element-7b52ae5 .elementor-icon-wrapper{text-align:left;}.elementor-1436 .elementor-element.elementor-element-7b52ae5 .elementor-icon{font-size:29px;}.elementor-1436 .elementor-element.elementor-element-7b52ae5 .elementor-icon svg{height:29px;}.elementor-widget-icon-box.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon-box.elementor-view-framed .elementor-icon, .elementor-widget-icon-box.elementor-view-default .elementor-icon{fill:var( --e-global-color-primary );color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title{color:var( --e-global-color-primary );}.elementor-widget-icon-box .elementor-icon-box-title, .elementor-widget-icon-box .elementor-icon-box-title a{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon-box .elementor-icon-box-description{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-1436 .elementor-element.elementor-element-d9fac23 .elementor-icon-box-wrapper{text-align:left;}.elementor-1436 .elementor-element.elementor-element-d9fac23 .elementor-icon-box-title{margin-bottom:10px;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-d9fac23 .elementor-icon-box-title, .elementor-1436 .elementor-element.elementor-element-d9fac23 .elementor-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-1436 .elementor-element.elementor-element-d9fac23 .elementor-icon-box-description{font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;}.elementor-1436 .elementor-element.elementor-element-df2e0e1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:030px;--padding-bottom:050px;--padding-left:30px;--padding-right:30px;}.elementor-1436 .elementor-element.elementor-element-df2e0e1:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-df2e0e1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-1436 .elementor-element.elementor-element-df2e0e1:hover{background-color:#000000;}.elementor-1436 .elementor-element.elementor-element-046698f .elementor-icon-wrapper{text-align:left;}.elementor-1436 .elementor-element.elementor-element-046698f .elementor-icon{font-size:29px;}.elementor-1436 .elementor-element.elementor-element-046698f .elementor-icon svg{height:29px;}.elementor-1436 .elementor-element.elementor-element-7dc8459 .elementor-icon-box-wrapper{text-align:left;}.elementor-1436 .elementor-element.elementor-element-7dc8459 .elementor-icon-box-title{margin-bottom:10px;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-7dc8459 .elementor-icon-box-title, .elementor-1436 .elementor-element.elementor-element-7dc8459 .elementor-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-1436 .elementor-element.elementor-element-7dc8459 .elementor-icon-box-description{font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;}.elementor-1436 .elementor-element.elementor-element-8322514{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:030px;--padding-bottom:050px;--padding-left:30px;--padding-right:30px;}.elementor-1436 .elementor-element.elementor-element-8322514:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-8322514 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-1436 .elementor-element.elementor-element-8322514:hover{background-color:#000000;}.elementor-1436 .elementor-element.elementor-element-b80419d .elementor-icon-wrapper{text-align:left;}.elementor-1436 .elementor-element.elementor-element-b80419d .elementor-icon{font-size:29px;}.elementor-1436 .elementor-element.elementor-element-b80419d .elementor-icon svg{height:29px;}.elementor-1436 .elementor-element.elementor-element-2221fa0 .elementor-icon-box-wrapper{text-align:left;}.elementor-1436 .elementor-element.elementor-element-2221fa0 .elementor-icon-box-title{margin-bottom:10px;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-2221fa0 .elementor-icon-box-title, .elementor-1436 .elementor-element.elementor-element-2221fa0 .elementor-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-1436 .elementor-element.elementor-element-2221fa0 .elementor-icon-box-description{font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;}.elementor-1436 .elementor-element.elementor-element-9f01392{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:030px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-1436 .elementor-element.elementor-element-9f01392:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-9f01392 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-1436 .elementor-element.elementor-element-9f01392:hover{background-color:#000000;}.elementor-1436 .elementor-element.elementor-element-ffcc094 .elementor-icon-wrapper{text-align:left;}.elementor-1436 .elementor-element.elementor-element-ffcc094 .elementor-icon{font-size:29px;}.elementor-1436 .elementor-element.elementor-element-ffcc094 .elementor-icon svg{height:29px;}.elementor-1436 .elementor-element.elementor-element-8cbfdd1 .elementor-icon-box-wrapper{text-align:left;}.elementor-1436 .elementor-element.elementor-element-8cbfdd1 .elementor-icon-box-title{margin-bottom:10px;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-8cbfdd1 .elementor-icon-box-title, .elementor-1436 .elementor-element.elementor-element-8cbfdd1 .elementor-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-1436 .elementor-element.elementor-element-8cbfdd1 .elementor-icon-box-description{font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;}.elementor-1436 .elementor-element.elementor-element-8e2812f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:030px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-1436 .elementor-element.elementor-element-8e2812f:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-8e2812f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-1436 .elementor-element.elementor-element-8e2812f:hover{background-color:#000000;}.elementor-1436 .elementor-element.elementor-element-28c7d11 .elementor-icon-wrapper{text-align:left;}.elementor-1436 .elementor-element.elementor-element-28c7d11 .elementor-icon{font-size:29px;}.elementor-1436 .elementor-element.elementor-element-28c7d11 .elementor-icon svg{height:29px;}.elementor-1436 .elementor-element.elementor-element-28c7c51 .elementor-icon-box-wrapper{text-align:left;}.elementor-1436 .elementor-element.elementor-element-28c7c51 .elementor-icon-box-title{margin-bottom:10px;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-28c7c51 .elementor-icon-box-title, .elementor-1436 .elementor-element.elementor-element-28c7c51 .elementor-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-1436 .elementor-element.elementor-element-28c7c51 .elementor-icon-box-description{font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;}.elementor-1436 .elementor-element.elementor-element-311dd99{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:030px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-1436 .elementor-element.elementor-element-311dd99:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-311dd99 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-1436 .elementor-element.elementor-element-311dd99:hover{background-color:#000000;}.elementor-1436 .elementor-element.elementor-element-9a90b0a .elementor-icon-wrapper{text-align:left;}.elementor-1436 .elementor-element.elementor-element-9a90b0a .elementor-icon{font-size:29px;}.elementor-1436 .elementor-element.elementor-element-9a90b0a .elementor-icon svg{height:29px;}.elementor-1436 .elementor-element.elementor-element-cac8458 .elementor-icon-box-wrapper{text-align:left;}.elementor-1436 .elementor-element.elementor-element-cac8458 .elementor-icon-box-title{margin-bottom:10px;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-cac8458 .elementor-icon-box-title, .elementor-1436 .elementor-element.elementor-element-cac8458 .elementor-icon-box-title a{font-family:"Space Grotesk", Sans-serif;font-weight:600;}.elementor-1436 .elementor-element.elementor-element-cac8458 .elementor-icon-box-description{font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;}.elementor-1436 .elementor-element.elementor-element-2123354{--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:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1436 .elementor-element.elementor-element-2123354:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-2123354 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-1436 .elementor-element.elementor-element-6670b71.elementor-element{--align-self:center;}.elementor-1436 .elementor-element.elementor-element-6670b71 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#7A7A7A;}.elementor-1436 .elementor-element.elementor-element-0757651{width:initial;max-width:initial;}.elementor-1436 .elementor-element.elementor-element-0757651 > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-1436 .elementor-element.elementor-element-0757651.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1436 .elementor-element.elementor-element-0757651 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-472c3d0 .elementor-wrapper{--video-aspect-ratio:1.77777;}.elementor-1436 .elementor-element.elementor-element-7e7b9e7{--display:flex;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1436 .elementor-element.elementor-element-7e7b9e7:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-7e7b9e7 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-1436 .elementor-element.elementor-element-e4b8f72.elementor-element{--align-self:center;}.elementor-1436 .elementor-element.elementor-element-e4b8f72 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#7A7A7A;}.elementor-1436 .elementor-element.elementor-element-a74d25e{width:initial;max-width:initial;}.elementor-1436 .elementor-element.elementor-element-a74d25e > .elementor-widget-container{padding:0px 0px 30px 0px;}.elementor-1436 .elementor-element.elementor-element-a74d25e.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1436 .elementor-element.elementor-element-a74d25e .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1436 .elementor-element.elementor-element-3460260.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-1436 .elementor-element.elementor-element-3460260 .elementor-main-swiper{height:320px;}.elementor-1436 .elementor-element.elementor-element-3460260 .elementor-swiper-button{font-size:20px;}.elementor-1436 .elementor-element.elementor-element-ffde697{--display:flex;--padding-top:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1436 .elementor-element.elementor-element-ffde697:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-ffde697 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-1436 .elementor-element.elementor-element-307c29a{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;}.elementor-1436 .elementor-element.elementor-element-307c29a:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-307c29a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1A1A1A;}.elementor-1436 .elementor-element.elementor-element-e7b522f{--display:flex;}.elementor-1436 .elementor-element.elementor-element-b08a11d .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#7A7A7A;}.elementor-1436 .elementor-element.elementor-element-e87018a{width:var( --container-widget-width, 70% );max-width:70%;--container-widget-width:70%;--container-widget-flex-grow:0;}.elementor-1436 .elementor-element.elementor-element-e87018a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1436 .elementor-element.elementor-element-e87018a.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-1436 .elementor-element.elementor-element-e87018a .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-8085a49{width:initial;max-width:initial;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;color:#7A7A7A;}.elementor-1436 .elementor-element.elementor-element-7d09f42 .elementor-button:hover, .elementor-1436 .elementor-element.elementor-element-7d09f42 .elementor-button:focus{background-color:#FFFFFF;color:#000000;}.elementor-1436 .elementor-element.elementor-element-7d09f42 .elementor-button:hover svg, .elementor-1436 .elementor-element.elementor-element-7d09f42 .elementor-button:focus svg{fill:#000000;}.elementor-1436 .elementor-element.elementor-element-797680d{--display:flex;}.elementor-1436 .elementor-element.elementor-element-0446703 img{width:100%;height:372px;object-fit:cover;object-position:center center;}.elementor-1436 .elementor-element.elementor-element-1511d40{--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:70px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-1436 .elementor-element.elementor-element-1511d40:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-1511d40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#121212;}.elementor-1436 .elementor-element.elementor-element-fdf9120.elementor-element{--align-self:center;}.elementor-1436 .elementor-element.elementor-element-fdf9120 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#7A7A7A;}.elementor-1436 .elementor-element.elementor-element-549d489{width:initial;max-width:initial;}.elementor-1436 .elementor-element.elementor-element-549d489 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1436 .elementor-element.elementor-element-549d489.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:0;}.elementor-1436 .elementor-element.elementor-element-549d489 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:35px;font-weight:600;text-transform:uppercase;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-d756dd5{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;text-align:center;font-family:"Space Grotesk", Sans-serif;font-size:18px;font-weight:400;color:#7A7A7A;}.elementor-1436 .elementor-element.elementor-element-d756dd5.elementor-element{--align-self:center;}.elementor-1436 .elementor-element.elementor-element-76a6b70{--display:flex;border-style:none;--border-style:none;}.elementor-1436 .elementor-element.elementor-element-a1512a0{text-align:left;font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-ae5c30b{--display:flex;border-style:none;--border-style:none;}.elementor-1436 .elementor-element.elementor-element-5858704{text-align:left;font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-0531bf3{--display:flex;border-style:none;--border-style:none;}.elementor-1436 .elementor-element.elementor-element-d62caae{text-align:left;font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-643983e{--display:flex;border-style:none;--border-style:none;}.elementor-1436 .elementor-element.elementor-element-c35bf48{text-align:left;font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-bd58c80{--display:flex;border-style:none;--border-style:none;}.elementor-1436 .elementor-element.elementor-element-9e45973{text-align:left;font-family:"Space Grotesk", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-1710ff3{--n-accordion-title-font-size:1rem;width:var( --container-widget-width, 60% );max-width:60%;--container-widget-width:60%;--container-widget-flex-grow:0;--n-accordion-title-justify-content:space-between;--n-accordion-title-flex-grow:1;--n-accordion-title-icon-order:initial;--n-accordion-item-title-space-between:20px;--n-accordion-item-title-distance-from-content:5px;--n-accordion-border-radius:100px 100px 100px 100px;--n-accordion-title-normal-color:#FFFFFF;--n-accordion-title-hover-color:#FFFFFF9C;--n-accordion-title-active-color:#FFFFFF;--n-accordion-icon-size:20px;--n-accordion-icon-normal-color:#FFFFFF;--n-accordion-icon-hover-color:#FFFFFF;--n-accordion-icon-active-color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-1710ff3 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title{background-color:#1A1A1A;border-style:none;}.elementor-1436 .elementor-element.elementor-element-1710ff3.elementor-element{--align-self:center;}.elementor-1436 .elementor-element.elementor-element-1710ff3 {--n-accordion-padding:20px 20px 20px 20px;}:where( .elementor-1436 .elementor-element.elementor-element-1710ff3 > .elementor-widget-container > .e-n-accordion > .e-n-accordion-item > .e-n-accordion-item-title > .e-n-accordion-item-title-header ) > .e-n-accordion-item-title-text{font-weight:700;}.elementor-1436 .elementor-element.elementor-element-2028782 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-1436 .elementor-element.elementor-element-2028782{text-align:center;font-family:"Space Grotesk", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-b8d2035{--display:flex;--margin-top:70px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1436 .elementor-element.elementor-element-055dc1a{--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;--margin-top:0px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1436 .elementor-element.elementor-element-055dc1a:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-055dc1a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-1436 .elementor-element.elementor-element-c35d6eb{--display:flex;}.elementor-1436 .elementor-element.elementor-element-75e3a41{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;color:#1E1E1E;}.elementor-1436 .elementor-element.elementor-element-4fb7ad7{--display:flex;}.elementor-1436 .elementor-element.elementor-element-1896cef{text-align:right;}.elementor-1436 .elementor-element.elementor-element-1896cef img{width:70%;}.elementor-1436 .elementor-element.elementor-element-85cc75e{--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;--margin-top:0px;--margin-bottom:10px;--margin-left:10px;--margin-right:10px;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-1436 .elementor-element.elementor-element-85cc75e:not(.elementor-motion-effects-element-type-background), .elementor-1436 .elementor-element.elementor-element-85cc75e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-1436 .elementor-element.elementor-element-ea47fcd{--display:flex;}.elementor-1436 .elementor-element.elementor-element-4511266{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:0px;--n-tabs-title-padding-top:30px;--n-tabs-title-padding-right:30px;--n-tabs-title-padding-bottom:5px;--n-tabs-title-padding-left:030px;--n-tabs-title-color:#000000;--n-tabs-title-color-active:#000000;}.elementor-1436 .elementor-element.elementor-element-4511266 > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#FFFFFF00;}.elementor-1436 .elementor-element.elementor-element-4511266.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;border-style:solid;border-width:0px 0px 2px 0px;border-color:#FFFFFF00;}.elementor-1436 .elementor-element.elementor-element-4511266.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-1436 .elementor-element.elementor-element-4511266.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF00;border-style:solid;border-width:0px 0px 2px 0px;border-color:#1E1E1E;}.elementor-1436 .elementor-element.elementor-element-4511266 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-1436 .elementor-element.elementor-element-4511266.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:not( :hover ){border-style:solid;border-width:0px 0px 2px 0px;border-color:#FFFFFF;}.elementor-1436 .elementor-element.elementor-element-4511266 [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:var( --e-global-color-bb4935a );}:where( .elementor-1436 .elementor-element.elementor-element-4511266.elementor-widget-n-tabs > .elementor-widget-container > .e-n-tabs > .e-n-tabs-content ) > .e-con{border-style:none;}.elementor-1436 .elementor-element.elementor-element-c5c1bb0{--display:flex;}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .woocommerce-loop-product__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .woocommerce-loop-product__title, .elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .woocommerce-loop-category__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products .products > h2{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price{color:var( --e-global-color-primary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price ins{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price ins .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price del{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price del .amount{color:var( --e-global-color-primary );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .price del {font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-woocommerce-product-upsell.elementor-wc-products .added_to_cart{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-1436 .elementor-element.elementor-element-ed7405d > .elementor-widget-container{padding:0px 0px 050px 0px;}.elementor-1436 .elementor-element.elementor-element-ed7405d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}.elementor-1436 .elementor-element.elementor-element-ed7405d.elementor-wc-products ul.products li.product span.onsale{display:block;}@media(min-width:768px){.elementor-1436 .elementor-element.elementor-element-5f2a614{--width:50%;}.elementor-1436 .elementor-element.elementor-element-ff18644{--width:50%;}.elementor-1436 .elementor-element.elementor-element-b81fbd5{--content-width:500px;}.elementor-1436 .elementor-element.elementor-element-26fea64{--width:100%;}}@media(max-width:1366px){.elementor-1436 .elementor-element.elementor-element-6206415 img{width:900px;}.elementor-1436 .elementor-element.elementor-element-e7c0046 img{width:900px;}.elementor-1436 .elementor-element.elementor-element-9a99e58 img{width:900px;}.elementor-1436 .elementor-element.elementor-element-275dc6e img{width:900px;}.elementor-1436 .elementor-element.elementor-element-f13c8f4 img{width:900px;}.elementor-1436 .elementor-element.elementor-element-6752fdb img{width:900px;}.elementor-1436 .elementor-element.elementor-element-0c4129c img{width:900px;}.elementor-1436 .elementor-element.elementor-element-4e9c669{--e-n-carousel-swiper-offset-size:120px;}.elementor-1436 .elementor-element.elementor-element-a1df737{--grid-auto-flow:row;}.elementor-1436 .elementor-element.elementor-element-3460260.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}}@media(max-width:1024px){.elementor-1436 .elementor-element.elementor-element-4e9c669{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:100px;}.elementor-1436 .elementor-element.elementor-element-a1df737{--grid-auto-flow:row;}.elementor-1436 .elementor-element.elementor-element-3460260.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-1436 .elementor-element.elementor-element-ed7405d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}@media(max-width:767px){.elementor-1436 .elementor-element.elementor-element-9eff563{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-1436 .elementor-element.elementor-element-b9dd08e .elementor-heading-title{font-size:45px;}.elementor-1436 .elementor-element.elementor-element-2e4691b{--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;}.elementor-1436 .elementor-element.elementor-element-4e9c669{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:0px;}.elementor-1436 .elementor-element.elementor-element-a1df737{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-1436 .elementor-element.elementor-element-3460260.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-1436 .elementor-element.elementor-element-ed7405d.elementor-wc-products  ul.products{grid-column-gap:20px;grid-row-gap:40px;}}/* Start custom CSS for shortcode, class: .elementor-element-e8675e1 */.rank-math-breadcrumb {
    font-size: 15px;
    color: #7A7A7A;
}
.rank-math-breadcrumb a {
    color: black;
    text-decoration: none;
}
.rank-math-breadcrumb a:hover {
    text-decoration: underline;
}
.rank-math-breadcrumb span {
    margin: 0 5px;
}
.rank-math-breadcrumb p {
    margin-block-start: 0;
    margin-block-end: 0;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-bbd2cd3 */.custom-product-rating {
    font-size: 1rem;
    display: flex;
    align-items: center;
    gap: 0.5em;
}

.custom-product-rating .stars {
    color: #FFD700; /* goud */
    font-size: 1.2rem;
}

.custom-product-rating .text {
    color: #333;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-32701b3 *//* Dark mode algemene instellingen */
.dark-mode {
    background-color: #121212 !important;
    color: #ffffff !important;
}

/* Dark mode voor header */
.dark-mode .elementor-header {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* Dark mode voor Elementor-secties */
.dark-mode .elementor-section {
    background-color: #1a1a1a !important;
    color: #ffffff !important;
}

/* Zorg ervoor dat alle tekst wit wordt */

.dark-mode h1,
.dark-mode h2,
.dark-mode h3,
.dark-mode h4,
.dark-mode h5,
.dark-mode h6,
.dark-mode a,
.dark-mode span {
    color: #ffffff !important;
}
/* Zorg ervoor dat alle tekst wit wordt */
.dark-mode p,{
    color: #959595 !important;
}

/* Specifiek Elementor inline styles overschrijven */
.dark-mode .elementor-widget-wrap {
    background-color: #1a1a1a !important;
}

.dark-mode .elementor-container {
    background-color: #1a1a1a !important;
}

.dark-mode .site-logo {
    filter: invert(1); /* Keert kleuren om, handig voor zwart/wit logo’s */
}






/* Dark mode navigatieknoppen */
.dark-mode .header-menu .elementor-nav-menu .elementor-item {
    background-color: #333 !important; /* Donkere achtergrondkleur */
    color: #ffffff !important; /* Witte tekst */
    border: 1px solid #444 !important; /* Donkere rand */
}

.dark-mode .header-menu .elementor-nav-menu .elementor-item:hover {
    background-color: #555 !important; /* Iets lichtere hover-kleur */
    border: 1px solid white !important;
}

/* Dark mode actieve link */
.dark-mode .header-menu .elementor-nav-menu .elementor-item.elementor-item-active {
    background-color: white !important;
    color: black !important;
    border: 1px solid white !important;
}



/* Dark mode voor Elementor Shape Dividers */
.dark-mode .elementor-shape {
    fill: #121212 !important; /* Achtergrondkleur aanpassen */
}

.dark-mode .elementor-shape svg {
    fill: #121212 !important; /* Zorgt ervoor dat SVG-shapes donker worden */
}

.dark-mode .elementor-shape-top svg,
.dark-mode .elementor-shape-bottom svg {
    fill: #121212 !important;
}

/* Fix voor mogelijke inline kleuren (soms worden kleuren via stroke bepaald) */
.dark-mode .elementor-shape svg path {
    fill: #121212 !important;
    stroke: none !important; /* Optioneel: Verwijdert contourlijnen als ze storend zijn */
}








.dark-mode .elementor-menu-cart__main {
    background-color: #121212;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-432ef1b */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-527b6b3 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0078218 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ca61ed */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a66b2a */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a17c525 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9065777 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3514ac8 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-527b6b3 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0078218 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ca61ed */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a66b2a */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a17c525 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9065777 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3514ac8 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-527b6b3 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0078218 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ca61ed */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a66b2a */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a17c525 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9065777 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3514ac8 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-527b6b3 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0078218 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ca61ed */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a66b2a */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a17c525 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9065777 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3514ac8 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-527b6b3 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0078218 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ca61ed */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a66b2a */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a17c525 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9065777 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3514ac8 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-527b6b3 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0078218 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ca61ed */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a66b2a */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a17c525 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9065777 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3514ac8 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-527b6b3 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0078218 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ca61ed */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a66b2a */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a17c525 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9065777 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3514ac8 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-527b6b3 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0078218 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3ca61ed */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7a66b2a */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a17c525 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9065777 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3514ac8 */.custom-compare-container {
    position: relative;
    width: 100%;
    height: auto;
}

.custom-compare-container img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover; /* Zorgt ervoor dat afbeeldingen niet vervormen */
}

.custom-compare-before-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    clip-path: inset(0 50% 0 0);
}

.custom-compare-before {
    width: 100%;
    height: 100%;
    object-fit: cover; /* Voorkomt vervorming */
}


.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    cursor: ew-resize;
    z-index: 10;
}
.custom-compare-drag {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px; /* Grootte aanpassen indien nodig */
    height: 60px;
    background: white;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: box-shadow 0.2s ease-in-out;
}

/* Voeg een inner border toe bij hover of tijdens drag */
.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc; /* Grijze inner border */
}

.custom-compare-drag::before {
    content: "";
    width: 25px;
    height: 25px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAyNCAxNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC44OCAxMi4zNjY3TDMuMzYgN0w4Ljg4IDEuNjMzMzNMNy4yIDBMMCA3TDcuMiAxNEw4Ljg4IDEyLjM2NjdaTTE1LjEyIDEyLjM2NjdMMjAuNjQgN0wxNS4xMiAxLjYzMzMzTDE2LjggMEwyNCA3TDE2LjggMTRMMTUuMTIgMTIuMzY2N1oiIGZpbGw9IiMxQjFCMjgiLz48L3N2Zz4=");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}


/* Labels voor Before & After */
.custom-compare-overlay {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: space-between;
    pointer-events: none;
    transform: translateY(-50%);
}

.custom-compare-before-label,
.custom-compare-after-label {
    background: black;
    color: white;
    padding: 8px 12px;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
    pointer-events: none;
}

.custom-compare-before-label {
    position: absolute;
    left: 10px;
}

.custom-compare-after-label {
    position: absolute;
    right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-60b7ed1 */.marquee-wrapper {
  position: relative;
  width: 100%;
  padding: 20px 0;
}

.marquee-container {
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  width: 100%;

  /* Fade effect aan de randen */
  -webkit-mask-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1) 15%, rgba(0,0,0,1) 85%, rgba(0,0,0,0));
  mask-image: linear-gradient(to right, rgba(0,0,0,0), rgba(0,0,0,1) 15%, rgba(0,0,0,1) 85%, rgba(0,0,0,0));
}

/* Normale marquee (van rechts naar links) */
.marquee {
  display: flex;
  width: max-content;
  animation: marquee-scroll 20s linear infinite;
}

/* Reverse marquee (van links naar rechts) */
.marquee-reverse {
  display: flex;
  width: max-content;
  animation: marquee-scroll-reverse 20s linear infinite;
}

/* Standaard animatie (links scrollen) */
@keyframes marquee-scroll {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-100%);
  }
}

/* Reverse animatie (rechts scrollen) */
@keyframes marquee-scroll-reverse {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0%);
  }
}

/* Logo items styling */
.marquee-content {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 50px; /* Gelijke ruimte tussen logo's */
  padding-right: 100px; /* Extra ruimte aan het einde */
}

/* Zorg dat elk logo-item dezelfde breedte heeft */
.marquee-item {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 80px;
  height: 100%;
  flex-shrink: 0;
}

/* Logo's blijven in verhouding */
.marquee-logo {
  max-height: 50px;
  width: auto;
  max-width: 100%;
  display: block;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-4e9c669 *//* Verander de Swiper pagination dots in streepjes */
.swiper-pagination-bullet {
    width: 50px !important;  /* Breedte van het streepje */
    height: 5px !important;  /* Hoogte van het streepje */
    background: rgba(255, 255, 255, 11) !important; /* Doorzichtig wit */
    border-radius: 0 ; /* Geen afgeronde hoeken */
    transition: background 0.3s ease-in-out;
}

/* Stijl voor de actieve streep */
.swiper-pagination-bullet-active {
    background: #ffffff !important; /* Volledig wit */
}

/* Zorg dat de navigatie zich IN de slider bevindt */
.swiper-pagination {
    position: absolute !important;
    bottom: 40px !important; /* Pas dit aan om de positie te veranderen */
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    display: flex;
    gap: 5px ; /* Ruimte tussen de streepjes */
    z-index: 10; /* Zorgt ervoor dat de navigatie boven de slider blijft */

}



/* Zorg dat de navigatie in de carousel staat */
.elementor-element .swiper .swiper-horizontal > .swiper-pagination-bullets, 
.elementor-element .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, 
.elementor-element .swiper .swiper-pagination-custom, 
.elementor-element .swiper .swiper-pagination-fraction, 
.elementor-element .swiper ~ .swiper-pagination-bullets.swiper-pagination-horizontal, 
.elementor-element .swiper ~ .swiper-pagination-custom, 
.elementor-element .swiper ~ .swiper-pagination-fraction, 
.elementor-lightbox .swiper .swiper-horizontal > .swiper-pagination-bullets, 
.elementor-lightbox .swiper .swiper-pagination-bullets.swiper-pagination-horizontal, 
.elementor-lightbox .swiper .swiper-pagination-custom, 
.elementor-lightbox .swiper .swiper-pagination-fraction, 
.elementor-lightbox .swiper ~ .swiper-pagination-bullets.swiper-pagination-horizontal, 
.elementor-lightbox .swiper ~ .swiper-pagination-custom, 
.elementor-lightbox .swiper ~ .swiper-pagination-fraction {
    
    top: revert-layer !important; /* Plaatst de dots IN de carousel */
    
    left: 50%;
    
   
}



.elementor-swiper-button {
    width: 60px; /* Pas de grootte aan naar wens */
    height: 60px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1); /* Witte transparante achtergrond */
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.3s ease;
}

.elementor-swiper-button svg {
    width: 30px;
    height: 30px;
    fill: white; /* Kleur van de pijl */
}

.elementor-swiper-button:hover {
    background: rgba(255, 255, 255, 0.2); /* Lichtere achtergrond bij hover */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4da179a */.woocommerce #reviews #comments ol.commentlist li img.avatar {
    float: left;
    position: absolute;
    top: 0;
    left: -20px;
    padding: 0px;
    width: 60px;
    height: auto;
    background: #e9e6ed;
    border: none;
    margin: 0;
    box-shadow: none;
    border-radius: 100px
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 50px;
    border: none;
    border-radius: 0px;
    padding: 0em 1em 0;
}
.woocommerce #reviews #comments h2 {
    font-size:20px;
    padding-bottom:20px !important;
}

.comment-reply-title{
    font-weight: 700 !important;
}

#comment-form-rating-label{
    font-size: 15px !important;
}




.comment-form-rating a {
    background-color: transparent;
    text-decoration: none;
    color: #f59e0b;
}

.comment-form-comment select, textarea {
    width: 100%;
    border: none;
    border-radius: 0px;
    padding: .5rem 1rem;
    transition: all .3s;
}

.woocommerce #review_form #respond .form-submit input {
    font-size: 100%;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 3em;
    font-weight: 500 !important;
    border-radius: 0px;
    left: auto;
    color: white !important;
    background-color: black;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4da179a */.woocommerce #reviews #comments ol.commentlist li img.avatar {
    float: left;
    position: absolute;
    top: 0;
    left: -20px;
    padding: 0px;
    width: 60px;
    height: auto;
    background: #e9e6ed;
    border: none;
    margin: 0;
    box-shadow: none;
    border-radius: 100px
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 50px;
    border: none;
    border-radius: 0px;
    padding: 0em 1em 0;
}
.woocommerce #reviews #comments h2 {
    font-size:20px;
    padding-bottom:20px !important;
}

.comment-reply-title{
    font-weight: 700 !important;
}

#comment-form-rating-label{
    font-size: 15px !important;
}




.comment-form-rating a {
    background-color: transparent;
    text-decoration: none;
    color: #f59e0b;
}

.comment-form-comment select, textarea {
    width: 100%;
    border: none;
    border-radius: 0px;
    padding: .5rem 1rem;
    transition: all .3s;
}

.woocommerce #review_form #respond .form-submit input {
    font-size: 100%;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 3em;
    font-weight: 500 !important;
    border-radius: 0px;
    left: auto;
    color: white !important;
    background-color: black;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-4da179a */.woocommerce #reviews #comments ol.commentlist li img.avatar {
    float: left;
    position: absolute;
    top: 0;
    left: -20px;
    padding: 0px;
    width: 60px;
    height: auto;
    background: #e9e6ed;
    border: none;
    margin: 0;
    box-shadow: none;
    border-radius: 100px
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 0 0 50px;
    border: none;
    border-radius: 0px;
    padding: 0em 1em 0;
}
.woocommerce #reviews #comments h2 {
    font-size:20px;
    padding-bottom:20px !important;
}

.comment-reply-title{
    font-weight: 700 !important;
}

#comment-form-rating-label{
    font-size: 15px !important;
}




.comment-form-rating a {
    background-color: transparent;
    text-decoration: none;
    color: #f59e0b;
}

.comment-form-comment select, textarea {
    width: 100%;
    border: none;
    border-radius: 0px;
    padding: .5rem 1rem;
    transition: all .3s;
}

.woocommerce #review_form #respond .form-submit input {
    font-size: 100%;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 3em;
    font-weight: 500 !important;
    border-radius: 0px;
    left: auto;
    color: white !important;
    background-color: black;
}/* End custom CSS */
/* Start custom CSS for woocommerce-product-upsell, class: .elementor-element-ed7405d */.elementor-widget-woocommerce-product-upsell.elementor-wc-products ul.products li.product .button {
    display:none;
}






.woocommerce ul.products li.product .onsale {
    top: 0;
    right: 0;
    left: auto;
    margin: .7em  0 0;
}

.woocommerce span.onsale {
    min-height: 2.236em;
    min-width: 5.236em;
    /* padding: .202em; */
    /* font-size: 1em; */
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 2.236;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius:0px ;
    background-color: #FFA800;
    color: #fff;
    font-size: .857em;
    z-index: 9;
}/* End custom CSS */