.elementor-3935 .elementor-element.elementor-element-1c8cf12{--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;--overflow:auto;}.elementor-3935 .elementor-element.elementor-element-4be4a23{--display:grid;--e-con-grid-template-columns:repeat(10, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--gap:20px 20px;--row-gap:20px;--column-gap:20px;--grid-auto-flow:row;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3935 .elementor-element.elementor-element-9517a4d{--display:flex;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overflow:auto;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-3935 .elementor-element.elementor-element-9517a4d:not(.elementor-motion-effects-element-type-background), .elementor-3935 .elementor-element.elementor-element-9517a4d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-3935 .elementor-element.elementor-element-db5dd05{--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-3935 .elementor-element.elementor-element-d877845{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-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-3935 .elementor-element.elementor-element-1ff0c7c .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:700;}.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-3935 .elementor-element.elementor-element-a384525{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;}.elementor-3935 .elementor-element.elementor-element-713a1a0{--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-3935 .elementor-element.elementor-element-0d1ef23{--display:flex;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-3935 .elementor-element.elementor-element-0d1ef23:not(.elementor-motion-effects-element-type-background), .elementor-3935 .elementor-element.elementor-element-0d1ef23 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-3935 .elementor-element.elementor-element-c9dbe77{--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-3935 .elementor-element.elementor-element-b3a09a8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-3935 .elementor-element.elementor-element-8b4377d .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:700;}.elementor-3935 .elementor-element.elementor-element-60bb12a{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;}.elementor-3935 .elementor-element.elementor-element-e0f881b{--display:flex;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-3935 .elementor-element.elementor-element-e0f881b:not(.elementor-motion-effects-element-type-background), .elementor-3935 .elementor-element.elementor-element-e0f881b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-3935 .elementor-element.elementor-element-74e9d36{--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-3935 .elementor-element.elementor-element-2f3d2b8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-3935 .elementor-element.elementor-element-5a0fc0d .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:700;}.elementor-3935 .elementor-element.elementor-element-50ef922{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;}.elementor-3935 .elementor-element.elementor-element-32edc7a{--display:flex;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-3935 .elementor-element.elementor-element-32edc7a:not(.elementor-motion-effects-element-type-background), .elementor-3935 .elementor-element.elementor-element-32edc7a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-3935 .elementor-element.elementor-element-b832e29{--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-3935 .elementor-element.elementor-element-f82b7f7{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-3935 .elementor-element.elementor-element-6488735 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:700;}.elementor-3935 .elementor-element.elementor-element-6034e04{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;}.elementor-3935 .elementor-element.elementor-element-d1e0832{--display:flex;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-3935 .elementor-element.elementor-element-d1e0832:not(.elementor-motion-effects-element-type-background), .elementor-3935 .elementor-element.elementor-element-d1e0832 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-3935 .elementor-element.elementor-element-281debe{--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-3935 .elementor-element.elementor-element-0385bbb{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-3935 .elementor-element.elementor-element-e61fc17 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:700;}.elementor-3935 .elementor-element.elementor-element-8f27dba{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;}.elementor-3935 .elementor-element.elementor-element-c688888{--display:flex;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-3935 .elementor-element.elementor-element-c688888:not(.elementor-motion-effects-element-type-background), .elementor-3935 .elementor-element.elementor-element-c688888 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-3935 .elementor-element.elementor-element-22f5e83{--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-3935 .elementor-element.elementor-element-1d449ac{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-3935 .elementor-element.elementor-element-ee4c922 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:700;}.elementor-3935 .elementor-element.elementor-element-7ea533b{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;}.elementor-3935 .elementor-element.elementor-element-9671963{--display:flex;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-3935 .elementor-element.elementor-element-9671963:not(.elementor-motion-effects-element-type-background), .elementor-3935 .elementor-element.elementor-element-9671963 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-3935 .elementor-element.elementor-element-c442297{--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-3935 .elementor-element.elementor-element-4e5ed3f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-3935 .elementor-element.elementor-element-33f8d12 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:700;}.elementor-3935 .elementor-element.elementor-element-36670de{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;}.elementor-3935 .elementor-element.elementor-element-039fb66{--display:flex;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-3935 .elementor-element.elementor-element-039fb66:not(.elementor-motion-effects-element-type-background), .elementor-3935 .elementor-element.elementor-element-039fb66 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-3935 .elementor-element.elementor-element-77858fd{--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-3935 .elementor-element.elementor-element-b58b33a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-3935 .elementor-element.elementor-element-22bd32e .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:700;}.elementor-3935 .elementor-element.elementor-element-4f8022b{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;}.elementor-3935 .elementor-element.elementor-element-99e943f{--display:flex;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-3935 .elementor-element.elementor-element-99e943f:not(.elementor-motion-effects-element-type-background), .elementor-3935 .elementor-element.elementor-element-99e943f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-3935 .elementor-element.elementor-element-b8a8153{--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-3935 .elementor-element.elementor-element-15d79cc{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-3935 .elementor-element.elementor-element-8524ca8 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:700;}.elementor-3935 .elementor-element.elementor-element-7b95f3c{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;}.elementor-3935 .elementor-element.elementor-element-dabf5c4{--display:flex;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:35px;--padding-bottom:35px;--padding-left:20px;--padding-right:20px;}.elementor-3935 .elementor-element.elementor-element-dabf5c4:not(.elementor-motion-effects-element-type-background), .elementor-3935 .elementor-element.elementor-element-dabf5c4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F6F3;}.elementor-3935 .elementor-element.elementor-element-d46eae7{--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-3935 .elementor-element.elementor-element-2cb8ce9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--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-3935 .elementor-element.elementor-element-4400fe4 .elementor-heading-title{font-family:"Space Grotesk", Sans-serif;font-size:25px;font-weight:700;}.elementor-3935 .elementor-element.elementor-element-92f36a4{font-family:"Space Grotesk", Sans-serif;font-size:17px;font-weight:400;}@media(min-width:768px){.elementor-3935 .elementor-element.elementor-element-4be4a23{--width:450%;}}@media(max-width:1366px){.elementor-3935 .elementor-element.elementor-element-4be4a23{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-3935 .elementor-element.elementor-element-4be4a23{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-3935 .elementor-element.elementor-element-4be4a23{--width:950%;--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}}/* Start custom CSS for html, class: .elementor-element-7ac3a5a */.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 75% 0 0); /* 25% zichtbaar bij starten */
}

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

.custom-compare-handle {
    position: absolute;
    width: 2px;
    height: 100%;
    background: white;
    left: 25%; /* Slider begint op 25% */
    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;
    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;
}

.custom-compare-drag:hover,
.custom-compare-drag:active {
    box-shadow: inset 0 0 0 3px #ccc;
}

.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 text-editor, class: .elementor-element-60bb12a */.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-c19f883 */.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-e8008ce */.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-4f047bb */.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-7b22df1 */.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-fafac8d */.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-b9c8fdb */.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 container, class: .elementor-element-039fb66 */.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-b3e3fd5 */.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-afe46f8 */.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 container, class: .elementor-element-4be4a23 */.number-icon {
  display: inline-block;
  background-color: #FFA800;
  color: white;
  font-weight: normal;
  font-size: 30px;
  width: 50px;
  height: 50px;
  border-radius: 0px;
  text-align: center;
  line-height: 50px; /* gelijk aan de height voor verticale centrering */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1c8cf12 */.scroll-track {
  scrollbar-width: none;       /* Firefox */
  -ms-overflow-style: none;    /* IE/Edge */
}

.scroll-track::-webkit-scrollbar {
  display: none;               /* Chrome, Safari */
}/* End custom CSS */