.elementor-25778 .elementor-element.elementor-element-ffbbc80 > .elementor-widget-container{margin:0px 0px 32px 0px;}.elementor-25778 .elementor-element.elementor-element-ffbbc80 .pxl-image-single img{width:100%;}.elementor-25778 .elementor-element.elementor-element-ffbbc80 .pxl-image-single img, .elementor-25778 .elementor-element.elementor-element-ffbbc80 .pxl-item--inner{border-radius:20px 20px 20px 20px;}.elementor-25778 .elementor-element.elementor-element-bea0fa2 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-25778 .elementor-element.elementor-element-bea0fa2 .pxl-text-editor{text-align:justify;}.elementor-25778 .elementor-element.elementor-element-38c20ad .pxl-button{text-align:center;}.elementor-25778 .elementor-element.elementor-element-38c20ad .pxl-button .pxl-icon--left .pxl--btn-icon{margin-right:9px;}.elementor-25778 .elementor-element.elementor-element-b0e20e6 > .elementor-widget-container{margin:30px 30px 0px 30px;}.elementor-25778 .elementor-element.elementor-element-b0e20e6 .pxl-heading{text-align:center;}.elementor-25778 .elementor-element.elementor-element-b0e20e6 .pxl-heading .pxl-item--title{font-size:38px;margin-bottom:0px;}.elementor-25778 .elementor-element.elementor-element-d031cab .pxl-text-editor{text-align:center;color:#000000;}.elementor-25778 .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-25778 .elementor-element.elementor-element-c991a36{--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-25778 .elementor-element.elementor-element-49b2d0d{--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-25778 .elementor-element.elementor-element-6c4a29d{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-25778 .elementor-element.elementor-element-19fca27{text-align:center;}.elementor-25778 .elementor-element.elementor-element-19fca27 .elementor-heading-title{color:#000000;}.elementor-25778 .elementor-element.elementor-element-19fca27 .elementor-heading-title a:hover, .elementor-25778 .elementor-element.elementor-element-19fca27 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25778 .elementor-element.elementor-element-acb269b .pxl-text-editor{text-align:justify;}.elementor-25778 .elementor-element.elementor-element-ed6cdcb{--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-25778 .elementor-element.elementor-element-3680eee{border-radius:0px 0px 0px 0px;}.elementor-25778 .elementor-element.elementor-element-2e2c1de{text-align:center;}.elementor-25778 .elementor-element.elementor-element-2e2c1de .elementor-heading-title{color:#000000;}.elementor-25778 .elementor-element.elementor-element-2e2c1de .elementor-heading-title a:hover, .elementor-25778 .elementor-element.elementor-element-2e2c1de .elementor-heading-title a:focus{color:#FF0175;}.elementor-25778 .elementor-element.elementor-element-c86013a .pxl-text-editor{text-align:justify;}.elementor-25778 .elementor-element.elementor-element-ef67c61{--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-25778 .elementor-element.elementor-element-101da19{border-radius:0px 0px 0px 0px;}.elementor-25778 .elementor-element.elementor-element-8e5cead{text-align:center;}.elementor-25778 .elementor-element.elementor-element-8e5cead .elementor-heading-title{color:#000000;}.elementor-25778 .elementor-element.elementor-element-8e5cead .elementor-heading-title a:hover, .elementor-25778 .elementor-element.elementor-element-8e5cead .elementor-heading-title a:focus{color:#FF0175;}.elementor-25778 .elementor-element.elementor-element-0f63e12 .pxl-text-editor{text-align:justify;}.elementor-25778 .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-25778 .elementor-element.elementor-element-79f49dc{--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-25778 .elementor-element.elementor-element-14406b6{--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-25778 .elementor-element.elementor-element-cc04654{border-radius:0px 0px 0px 0px;}.elementor-25778 .elementor-element.elementor-element-5f37e90{text-align:center;}.elementor-25778 .elementor-element.elementor-element-5f37e90 .elementor-heading-title{color:#000000;}.elementor-25778 .elementor-element.elementor-element-5f37e90 .elementor-heading-title a:hover, .elementor-25778 .elementor-element.elementor-element-5f37e90 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25778 .elementor-element.elementor-element-950a660 .pxl-text-editor{text-align:justify;}.elementor-25778 .elementor-element.elementor-element-ef67c04{--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-25778 .elementor-element.elementor-element-7f61780{border-radius:0px 0px 0px 0px;}.elementor-25778 .elementor-element.elementor-element-2633416{text-align:center;}.elementor-25778 .elementor-element.elementor-element-2633416 .elementor-heading-title{color:#000000;}.elementor-25778 .elementor-element.elementor-element-2633416 .elementor-heading-title a:hover, .elementor-25778 .elementor-element.elementor-element-2633416 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25778 .elementor-element.elementor-element-4aaa1e2 .pxl-text-editor{text-align:justify;}.elementor-25778 .elementor-element.elementor-element-dc3ad56{--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-25778 .elementor-element.elementor-element-29a3a37{border-radius:0px 0px 0px 0px;}.elementor-25778 .elementor-element.elementor-element-0ec111f{text-align:center;}.elementor-25778 .elementor-element.elementor-element-0ec111f .elementor-heading-title{color:#000000;}.elementor-25778 .elementor-element.elementor-element-0ec111f .elementor-heading-title a:hover, .elementor-25778 .elementor-element.elementor-element-0ec111f .elementor-heading-title a:focus{color:#FF0175;}.elementor-25778 .elementor-element.elementor-element-d7b673e .pxl-text-editor{text-align:justify;}.elementor-25778 .elementor-element.elementor-element-8dc6dfb{--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-25778 .elementor-element.elementor-element-b443e68{--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-25778 .elementor-element.elementor-element-c12b17c{--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-25778 .elementor-element.elementor-element-9b764bd{border-radius:0px 0px 0px 0px;}.elementor-25778 .elementor-element.elementor-element-3cd3ecc{text-align:center;}.elementor-25778 .elementor-element.elementor-element-3cd3ecc .elementor-heading-title{color:#000000;}.elementor-25778 .elementor-element.elementor-element-3cd3ecc .elementor-heading-title a:hover, .elementor-25778 .elementor-element.elementor-element-3cd3ecc .elementor-heading-title a:focus{color:#FF0175;}.elementor-25778 .elementor-element.elementor-element-777527a .pxl-text-editor{text-align:justify;}.elementor-25778 .elementor-element.elementor-element-7aeeec6{--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-25778 .elementor-element.elementor-element-98f2452{border-radius:0px 0px 0px 0px;}.elementor-25778 .elementor-element.elementor-element-ffd2023{text-align:center;}.elementor-25778 .elementor-element.elementor-element-ffd2023 .elementor-heading-title{color:#000000;}.elementor-25778 .elementor-element.elementor-element-ffd2023 .elementor-heading-title a:hover, .elementor-25778 .elementor-element.elementor-element-ffd2023 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25778 .elementor-element.elementor-element-fb4e093 .pxl-text-editor{text-align:justify;}.elementor-25778 .elementor-element.elementor-element-b2fd336{--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-25778 .elementor-element.elementor-element-c6be571{border-radius:0px 0px 0px 0px;}.elementor-25778 .elementor-element.elementor-element-bff6bf9{text-align:center;}.elementor-25778 .elementor-element.elementor-element-bff6bf9 .elementor-heading-title{color:#000000;}.elementor-25778 .elementor-element.elementor-element-bff6bf9 .elementor-heading-title a:hover, .elementor-25778 .elementor-element.elementor-element-bff6bf9 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25778 .elementor-element.elementor-element-f8d12b0 .pxl-text-editor{text-align:justify;}.elementor-25778 .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-25778 .elementor-element.elementor-element-617c517{--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-25778 .elementor-element.elementor-element-22b2ea6{--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-25778 .elementor-element.elementor-element-1a3c6a3{--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-25778 .elementor-element.elementor-element-125d381{--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-25778 .elementor-element.elementor-element-9262d3d{--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-25778 .elementor-element.elementor-element-6a786c1{--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-25778 .elementor-element.elementor-element-ecedb55{--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-25778 .elementor-element.elementor-element-77840b5 .pxl-heading{text-align:center;}.elementor-25778 .elementor-element.elementor-element-77840b5 .pxl-heading .pxl-heading--inner{max-width:750px;}.elementor-25778 .elementor-element.elementor-element-77840b5 .pxl-heading .pxl-item--title{text-shadow:0px 0px 0px rgba(0,0,0,0.3);margin-bottom:0px;}.elementor-25778 .elementor-element.elementor-element-c68c06b .elementor-heading-title{color:#000000;}.elementor-25778 .elementor-element.elementor-element-c4bda2e .pxl-text-editor{text-align:justify;}.elementor-25778 .elementor-element.elementor-element-edef0dd .pxl-button{text-align:center;}.elementor-25778 .elementor-element.elementor-element-edef0dd .pxl-button .pxl-icon--left .pxl--btn-icon{margin-right:9px;}.elementor-25778 .elementor-element.elementor-element-72bd6cb .elementor-heading-title{color:#000000;}.elementor-25778 .elementor-element.elementor-element-5a7c0b8 .pxl-text-editor{text-align:justify;color:#000000;}.elementor-25778 .elementor-element.elementor-element-624a929 .pxl-text-editor{text-align:justify;color:#000000;}@media(min-width:768px){.elementor-25778 .elementor-element.elementor-element-49b2d0d{--width:33.3333%;}.elementor-25778 .elementor-element.elementor-element-ed6cdcb{--width:33.3333%;}.elementor-25778 .elementor-element.elementor-element-ef67c61{--width:33.3333%;}.elementor-25778 .elementor-element.elementor-element-14406b6{--width:33.3333%;}.elementor-25778 .elementor-element.elementor-element-ef67c04{--width:33.3333%;}.elementor-25778 .elementor-element.elementor-element-dc3ad56{--width:33.3333%;}.elementor-25778 .elementor-element.elementor-element-c12b17c{--width:33.3333%;}.elementor-25778 .elementor-element.elementor-element-7aeeec6{--width:33.3333%;}.elementor-25778 .elementor-element.elementor-element-b2fd336{--width:33.3333%;}.elementor-25778 .elementor-element.elementor-element-617c517{--width:25%;}.elementor-25778 .elementor-element.elementor-element-1a3c6a3{--width:25%;}.elementor-25778 .elementor-element.elementor-element-125d381{--width:25%;}.elementor-25778 .elementor-element.elementor-element-9262d3d{--width:25%;}.elementor-25778 .elementor-element.elementor-element-6a786c1{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-25778 .elementor-element.elementor-element-f9d34f3{width:100%;}}/* Start custom CSS for html, class: .elementor-element-6c4a29d */.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-3680eee */.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-101da19 */.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-cc04654 */.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-7f61780 */.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-29a3a37 */.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-9b764bd */.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-98f2452 */.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-c6be571 */.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 */