.elementor-25829 .elementor-element.elementor-element-c3e4cd6 > .elementor-widget-container{margin:0px 0px 32px 0px;}.elementor-25829 .elementor-element.elementor-element-c3e4cd6 .pxl-image-single img{width:100%;}.elementor-25829 .elementor-element.elementor-element-c3e4cd6 .pxl-image-single img, .elementor-25829 .elementor-element.elementor-element-c3e4cd6 .pxl-item--inner{border-radius:20px 20px 20px 20px;}.elementor-25829 .elementor-element.elementor-element-bea0fa2 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-25829 .elementor-element.elementor-element-bea0fa2 .pxl-text-editor{text-align:justify;}.elementor-25829 .elementor-element.elementor-element-38c20ad .pxl-button{text-align:center;}.elementor-25829 .elementor-element.elementor-element-38c20ad .pxl-button .pxl-icon--left .pxl--btn-icon{margin-right:9px;}.elementor-25829 .elementor-element.elementor-element-b0e20e6 > .elementor-widget-container{margin:30px 30px 0px 30px;}.elementor-25829 .elementor-element.elementor-element-b0e20e6 .pxl-heading{text-align:center;}.elementor-25829 .elementor-element.elementor-element-b0e20e6 .pxl-heading .pxl-item--title{font-size:38px;margin-bottom:0px;}.elementor-25829 .elementor-element.elementor-element-d031cab .pxl-text-editor{text-align:center;color:#000000;}.elementor-25829 .elementor-element.elementor-element-7628d51{--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;--flex-wrap:wrap;}.elementor-25829 .elementor-element.elementor-element-58440a7{--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;--flex-wrap:wrap;}.elementor-25829 .elementor-element.elementor-element-1a03161{--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;--flex-wrap:wrap;}.elementor-25829 .elementor-element.elementor-element-6d5eaff{--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-25829 .elementor-element.elementor-element-03dd8ee{border-radius:0px 0px 0px 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-25829 .elementor-element.elementor-element-e2a8651{text-align:center;}.elementor-25829 .elementor-element.elementor-element-e2a8651 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-25829 .elementor-element.elementor-element-e2a8651 .elementor-heading-title a:hover, .elementor-25829 .elementor-element.elementor-element-e2a8651 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25829 .elementor-element.elementor-element-93c774e .pxl-text-editor{text-align:justify;}.elementor-25829 .elementor-element.elementor-element-285b80b{--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-25829 .elementor-element.elementor-element-35fc3b1{border-radius:0px 0px 0px 0px;}.elementor-25829 .elementor-element.elementor-element-bc0d154{text-align:center;}.elementor-25829 .elementor-element.elementor-element-bc0d154 .elementor-heading-title{color:#000000;}.elementor-25829 .elementor-element.elementor-element-bc0d154 .elementor-heading-title a:hover, .elementor-25829 .elementor-element.elementor-element-bc0d154 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25829 .elementor-element.elementor-element-c3f2189 .pxl-text-editor{text-align:justify;}.elementor-25829 .elementor-element.elementor-element-f365c38{--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-25829 .elementor-element.elementor-element-f6461b2{border-radius:0px 0px 0px 0px;}.elementor-25829 .elementor-element.elementor-element-4d080a9{text-align:center;}.elementor-25829 .elementor-element.elementor-element-4d080a9 .elementor-heading-title{color:#000000;}.elementor-25829 .elementor-element.elementor-element-4d080a9 .elementor-heading-title a:hover, .elementor-25829 .elementor-element.elementor-element-4d080a9 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25829 .elementor-element.elementor-element-d6e7e0d .pxl-text-editor{text-align:justify;}.elementor-25829 .elementor-element.elementor-element-55a776e{--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;--flex-wrap:wrap;}.elementor-25829 .elementor-element.elementor-element-ef03af7{--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;--flex-wrap:wrap;}.elementor-25829 .elementor-element.elementor-element-d2b25b5{--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;--flex-wrap:wrap;}.elementor-25829 .elementor-element.elementor-element-400246d{--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-25829 .elementor-element.elementor-element-e4b622e{border-radius:0px 0px 0px 0px;}.elementor-25829 .elementor-element.elementor-element-6782158{text-align:center;}.elementor-25829 .elementor-element.elementor-element-6782158 .elementor-heading-title{color:#000000;}.elementor-25829 .elementor-element.elementor-element-6782158 .elementor-heading-title a:hover, .elementor-25829 .elementor-element.elementor-element-6782158 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25829 .elementor-element.elementor-element-63981bc .pxl-text-editor{text-align:justify;}.elementor-25829 .elementor-element.elementor-element-b649156{--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-25829 .elementor-element.elementor-element-a76f6ae{border-radius:0px 0px 0px 0px;}.elementor-25829 .elementor-element.elementor-element-9c49831{text-align:center;}.elementor-25829 .elementor-element.elementor-element-9c49831 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-25829 .elementor-element.elementor-element-9c49831 .elementor-heading-title a:hover, .elementor-25829 .elementor-element.elementor-element-9c49831 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25829 .elementor-element.elementor-element-043b6c7 .pxl-text-editor{text-align:justify;}.elementor-25829 .elementor-element.elementor-element-6cb3f5e{--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-25829 .elementor-element.elementor-element-8a652fc{border-radius:0px 0px 0px 0px;}.elementor-25829 .elementor-element.elementor-element-46dbc14{text-align:center;}.elementor-25829 .elementor-element.elementor-element-46dbc14 .elementor-heading-title{color:#000000;}.elementor-25829 .elementor-element.elementor-element-46dbc14 .elementor-heading-title a:hover, .elementor-25829 .elementor-element.elementor-element-46dbc14 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25829 .elementor-element.elementor-element-cf05a80 .pxl-text-editor{text-align:justify;}.elementor-25829 .elementor-element.elementor-element-049dd33{--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;--flex-wrap:wrap;}.elementor-25829 .elementor-element.elementor-element-53900dc{--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-25829 .elementor-element.elementor-element-3bac82d{border-radius:0px 0px 0px 0px;}.elementor-25829 .elementor-element.elementor-element-a5af1b9{text-align:center;}.elementor-25829 .elementor-element.elementor-element-a5af1b9 .elementor-heading-title{color:#000000;}.elementor-25829 .elementor-element.elementor-element-a5af1b9 .elementor-heading-title a:hover, .elementor-25829 .elementor-element.elementor-element-a5af1b9 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25829 .elementor-element.elementor-element-dda1788 .pxl-text-editor{text-align:justify;}.elementor-25829 .elementor-element.elementor-element-dedef54{--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-25829 .elementor-element.elementor-element-624f86c{border-radius:0px 0px 0px 0px;}.elementor-25829 .elementor-element.elementor-element-b7644a1{text-align:center;}.elementor-25829 .elementor-element.elementor-element-b7644a1 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-25829 .elementor-element.elementor-element-b7644a1 .elementor-heading-title a:hover, .elementor-25829 .elementor-element.elementor-element-b7644a1 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25829 .elementor-element.elementor-element-56e7190 .pxl-text-editor{text-align:justify;}.elementor-25829 .elementor-element.elementor-element-49be695{--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-25829 .elementor-element.elementor-element-a7abfd7{border-radius:0px 0px 0px 0px;}.elementor-25829 .elementor-element.elementor-element-eeafd40{text-align:center;}.elementor-25829 .elementor-element.elementor-element-eeafd40 .elementor-heading-title{color:#000000;}.elementor-25829 .elementor-element.elementor-element-eeafd40 .elementor-heading-title a:hover, .elementor-25829 .elementor-element.elementor-element-eeafd40 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25829 .elementor-element.elementor-element-0791309 .pxl-text-editor{text-align:justify;}.elementor-25829 .elementor-element.elementor-element-60ce7d4{--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-25829 .elementor-element.elementor-element-de92f12{--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-25829 .elementor-element.elementor-element-98d7fa7{--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-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-25829 .elementor-element.elementor-element-2be51bb{--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-25829 .elementor-element.elementor-element-b279164{--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-25829 .elementor-element.elementor-element-f56fb40{--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-25829 .elementor-element.elementor-element-732c9a0{--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-25829 .elementor-element.elementor-element-3321cac .pxl-heading{text-align:center;}.elementor-25829 .elementor-element.elementor-element-3321cac .pxl-heading .pxl-heading--inner{max-width:750px;}.elementor-25829 .elementor-element.elementor-element-3321cac .pxl-heading .pxl-item--title{text-shadow:0px 0px 0px rgba(0,0,0,0.3);margin-bottom:0px;}.elementor-25829 .elementor-element.elementor-element-e570db4 .elementor-heading-title{color:#000000;}.elementor-25829 .elementor-element.elementor-element-156cff8 .pxl-text-editor{text-align:justify;}.elementor-25829 .elementor-element.elementor-element-dbff1c5 .pxl-button{text-align:center;}.elementor-25829 .elementor-element.elementor-element-dbff1c5 .pxl-button .pxl-icon--left .pxl--btn-icon{margin-right:9px;}.elementor-25829 .elementor-element.elementor-element-4aad090 .elementor-heading-title{color:#000000;}.elementor-25829 .elementor-element.elementor-element-ef6888f .pxl-text-editor{text-align:justify;color:#000000;}.elementor-25829 .elementor-element.elementor-element-44a4d1c .pxl-text-editor{text-align:justify;color:#000000;}@media(min-width:768px){.elementor-25829 .elementor-element.elementor-element-6d5eaff{--width:33.3333%;}.elementor-25829 .elementor-element.elementor-element-285b80b{--width:33.3333%;}.elementor-25829 .elementor-element.elementor-element-f365c38{--width:33.3333%;}.elementor-25829 .elementor-element.elementor-element-400246d{--width:33.3333%;}.elementor-25829 .elementor-element.elementor-element-b649156{--width:33.3333%;}.elementor-25829 .elementor-element.elementor-element-6cb3f5e{--width:33.3333%;}.elementor-25829 .elementor-element.elementor-element-53900dc{--width:33.3333%;}.elementor-25829 .elementor-element.elementor-element-dedef54{--width:33.3333%;}.elementor-25829 .elementor-element.elementor-element-49be695{--width:33.3333%;}.elementor-25829 .elementor-element.elementor-element-98d7fa7{--width:25%;}.elementor-25829 .elementor-element.elementor-element-2be51bb{--width:25%;}.elementor-25829 .elementor-element.elementor-element-b279164{--width:25%;}.elementor-25829 .elementor-element.elementor-element-f56fb40{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-25829 .elementor-element.elementor-element-f9d34f3{width:100%;}}/* Start custom CSS for html, class: .elementor-element-03dd8ee */.before-after-container {
  max-width: 500px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  overflow: hidden;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.before-after-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 3px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.before-image,
.after-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px;
  pointer-events: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.after-image {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0 50% 0 0);
  transition: clip-path 0.1s ease;
}

.slider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: white;
  cursor: ew-resize;
  z-index: 10;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.slider-handle::before {
  content: "↔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: black;
  color: white;
  border-radius: 50%;
  padding: 8px;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.label {
  position: absolute;
  top: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 11;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  pointer-events: none;
}

.before-label {
  left: 10px;
}

.after-label {
  right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-35fc3b1 */.before-after-container {
  max-width: 500px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Shadow effect */
  border-radius: 3px; /* Rounded corners */
  overflow: hidden; /* Keeps rounded corners visible */
}

.before-after-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 3px; /* Apply to images as well */
}

.before-image,
.after-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px; /* Rounded image corners */
}

.after-image {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0 50% 0 0);
  transition: clip-path 0.1s ease;
}

.slider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: white;
  cursor: ew-resize;
  z-index: 10;
}

.slider-handle::before {
  content: "↔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: black;
  color: white;
  border-radius: 50%;
  padding: 8px;
  font-size: 14px;
}

.label {
  position: absolute;
  top: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 11;
}

.before-label {
  left: 10px;
}

.after-label {
  right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f6461b2 */.before-after-container {
  max-width: 500px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Shadow effect */
  border-radius: 3px; /* Rounded corners */
  overflow: hidden; /* Keeps rounded corners visible */
}

.before-after-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 3px; /* Apply to images as well */
}

.before-image,
.after-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px; /* Rounded image corners */
}

.after-image {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0 50% 0 0);
  transition: clip-path 0.1s ease;
}

.slider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: white;
  cursor: ew-resize;
  z-index: 10;
}

.slider-handle::before {
  content: "↔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: black;
  color: white;
  border-radius: 50%;
  padding: 8px;
  font-size: 14px;
}

.label {
  position: absolute;
  top: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 11;
}

.before-label {
  left: 10px;
}

.after-label {
  right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-e4b622e */.before-after-container {
  max-width: 500px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Shadow effect */
  border-radius: 3px; /* Rounded corners */
  overflow: hidden; /* Keeps rounded corners visible */
}

.before-after-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 3px; /* Apply to images as well */
}

.before-image,
.after-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px; /* Rounded image corners */
}

.after-image {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0 50% 0 0);
  transition: clip-path 0.1s ease;
}

.slider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: white;
  cursor: ew-resize;
  z-index: 10;
}

.slider-handle::before {
  content: "↔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: black;
  color: white;
  border-radius: 50%;
  padding: 8px;
  font-size: 14px;
}

.label {
  position: absolute;
  top: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 11;
}

.before-label {
  left: 10px;
}

.after-label {
  right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a76f6ae */.before-after-container {
  max-width: 500px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Shadow effect */
  border-radius: 3px; /* Rounded corners */
  overflow: hidden; /* Keeps rounded corners visible */
}

.before-after-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 3px; /* Apply to images as well */
}

.before-image,
.after-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px; /* Rounded image corners */
}

.after-image {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0 50% 0 0);
  transition: clip-path 0.1s ease;
}

.slider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: white;
  cursor: ew-resize;
  z-index: 10;
}

.slider-handle::before {
  content: "↔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: black;
  color: white;
  border-radius: 50%;
  padding: 8px;
  font-size: 14px;
}

.label {
  position: absolute;
  top: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 11;
}

.before-label {
  left: 10px;
}

.after-label {
  right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8a652fc */.before-after-container {
  max-width: 500px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Shadow effect */
  border-radius: 3px; /* Rounded corners */
  overflow: hidden; /* Keeps rounded corners visible */
}

.before-after-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 3px; /* Apply to images as well */
}

.before-image,
.after-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px; /* Rounded image corners */
}

.after-image {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0 50% 0 0);
  transition: clip-path 0.1s ease;
}

.slider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: white;
  cursor: ew-resize;
  z-index: 10;
}

.slider-handle::before {
  content: "↔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: black;
  color: white;
  border-radius: 50%;
  padding: 8px;
  font-size: 14px;
}

.label {
  position: absolute;
  top: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 11;
}

.before-label {
  left: 10px;
}

.after-label {
  right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3bac82d */.before-after-container {
  max-width: 500px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Shadow effect */
  border-radius: 3px; /* Rounded corners */
  overflow: hidden; /* Keeps rounded corners visible */
}

.before-after-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 3px; /* Apply to images as well */
}

.before-image,
.after-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px; /* Rounded image corners */
}

.after-image {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0 50% 0 0);
  transition: clip-path 0.1s ease;
}

.slider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: white;
  cursor: ew-resize;
  z-index: 10;
}

.slider-handle::before {
  content: "↔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: black;
  color: white;
  border-radius: 50%;
  padding: 8px;
  font-size: 14px;
}

.label {
  position: absolute;
  top: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 11;
}

.before-label {
  left: 10px;
}

.after-label {
  right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-624f86c */.before-after-container {
  max-width: 500px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Shadow effect */
  border-radius: 3px; /* Rounded corners */
  overflow: hidden; /* Keeps rounded corners visible */
}

.before-after-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 3px; /* Apply to images as well */
}

.before-image,
.after-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px; /* Rounded image corners */
}

.after-image {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0 50% 0 0);
  transition: clip-path 0.1s ease;
}

.slider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: white;
  cursor: ew-resize;
  z-index: 10;
}

.slider-handle::before {
  content: "↔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: black;
  color: white;
  border-radius: 50%;
  padding: 8px;
  font-size: 14px;
}

.label {
  position: absolute;
  top: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 11;
}

.before-label {
  left: 10px;
}

.after-label {
  right: 10px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a7abfd7 */.before-after-container {
  max-width: 500px;
  margin: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2); /* Shadow effect */
  border-radius: 3px; /* Rounded corners */
  overflow: hidden; /* Keeps rounded corners visible */
}

.before-after-wrapper {
  position: relative;
  overflow: hidden;
  border-radius: 3px; /* Apply to images as well */
}

.before-image,
.after-image {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 3px; /* Rounded image corners */
}

.after-image {
  position: absolute;
  top: 0;
  left: 0;
  clip-path: inset(0 50% 0 0);
  transition: clip-path 0.1s ease;
}

.slider-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 3px;
  background: white;
  cursor: ew-resize;
  z-index: 10;
}

.slider-handle::before {
  content: "↔";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: black;
  color: white;
  border-radius: 50%;
  padding: 8px;
  font-size: 14px;
}

.label {
  position: absolute;
  top: 10px;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
  font-size: 14px;
  z-index: 11;
}

.before-label {
  left: 10px;
}

.after-label {
  right: 10px;
}/* End custom CSS */