.elementor-644 .elementor-element.elementor-element-6b0e96d{--display:flex;--position:fixed;--min-height:100vh;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;top:0px;}body:not(.rtl) .elementor-644 .elementor-element.elementor-element-6b0e96d{left:0px;}body.rtl .elementor-644 .elementor-element.elementor-element-6b0e96d{right:0px;}.elementor-644 .elementor-element.elementor-element-f13d6d4 .elementskit-image-comparison .twentytwenty-handle .twentytwenty-up-arrow{border-bottom-color:#000;}.elementor-644 .elementor-element.elementor-element-f13d6d4 .elementskit-image-comparison .twentytwenty-handle .twentytwenty-down-arrow{border-top-color:#000;}.elementor-644 .elementor-element.elementor-element-f13d6d4 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-644 .elementor-element.elementor-element-f13d6d4 .twentytwenty-horizontal .twentytwenty-handle:after{width:0px;}.elementor-644 .elementor-element.elementor-element-f13d6d4 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-644 .elementor-element.elementor-element-f13d6d4 .twentytwenty-vertical .twentytwenty-handle:after{height:0px;}@media(max-width:1024px) and (min-width:768px){.elementor-644 .elementor-element.elementor-element-6b0e96d{--width:1600px;}}@media(max-width:1024px){.elementor-644 .elementor-element.elementor-element-6b0e96d{--min-height:100vh;--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-644 .elementor-element.elementor-element-f13d6d4{width:100%;max-width:100%;grid-column:span 2;grid-row:span 1;}}@media(max-width:767px){.elementor-644 .elementor-element.elementor-element-6b0e96d{--min-height:100vh;}}/* Start custom CSS for elementskit-image-comparison, class: .elementor-element-f13d6d4 */@media(max-width:767px){

.image-comparison{
    display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    height:100vh !important;
}

.image-comparison .before-image,
.image-comparison .after-image{
    width:100% !important;
    height:50% !important;
    object-fit:cover !important;
}

}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6b0e96d */.ekit-wid-con .elementskit-image-comparison>img {
    width: 100%;
    height: 100vh !important;
}

@media(max-width:767px){
    .ekit-wid-con .elementskit-image-comparison{
         display:flex !important;
    flex-direction:column !important;
    width:100% !important;
    height:100vh !important;
    }
}/* End custom CSS */