.elementor-7529 .elementor-element.elementor-element-e227f1c{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-wrapper, .elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-item img{height:660px;}.elementor-7529 .elementor-element.elementor-element-08ba233.xpro-widget-bg-overlay:before{transition:background 0.3s;}.elementor-7529 .elementor-element.elementor-element-08ba233 > .elementor-widget-container{border-radius:10px 10px 10px 10px;}.elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-container .xpro-compare-overlay{background-color:#24283003;}.elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-overlay .xpro-compare-before-label{top:50%;transform:translateY(-50%);}.elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-overlay .xpro-compare-after-label{top:50%;transform:translateY(-50%);}.elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-vertical .xpro-compare-handle:after, .elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-vertical .xpro-compare-handle:before{height:2px;}.elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-horizontal .xpro-compare-handle:after, .elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-horizontal .xpro-compare-handle:before{width:2px;}@media(max-width:1024px){.elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-wrapper, .elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-item img{height:380px;}}@media(max-width:767px){.elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-wrapper, .elementor-7529 .elementor-element.elementor-element-08ba233 .xpro-compare-item img{height:170px;}}/* Start custom CSS for xpro-before-after, class: .elementor-element-08ba233 */.elementor-7529 .elementor-element.elementor-element-08ba233{
    img{
    border-radius: 10px
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e227f1c */.before-after-wrapper {
  position: relative;
  width: 100%;
  max-width: 1024px;
  overflow: hidden;
  cursor: ew-resize;
}

.before-after-wrapper img {
  display: block;
  width: 100%;
  height: auto;
}

.after-img-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%; /* Initial visible area */
  height: 100%;
  overflow: hidden;
  transition: width 0.2s ease-out;
}

.after-img {
  position: relative;
  display: block;
  width: 100%;
  height: auto;
}

.slider-handle {
  position: absolute;
  top: 0;
  left: 50%;
  width: 3px;
  height: 100%;
  background: #00ff00;
  z-index: 10;
  transform: translateX(-50%);
  cursor: ew-resize;
}/* End custom CSS */