.elementor-25812 .elementor-element.elementor-element-2c1f576 > .elementor-widget-container{margin:0px 0px 32px 0px;}.elementor-25812 .elementor-element.elementor-element-2c1f576 .pxl-image-single img{width:100%;}.elementor-25812 .elementor-element.elementor-element-2c1f576 .pxl-image-single img, .elementor-25812 .elementor-element.elementor-element-2c1f576 .pxl-item--inner{border-radius:20px 20px 20px 20px;}.elementor-25812 .elementor-element.elementor-element-bea0fa2 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-25812 .elementor-element.elementor-element-bea0fa2 .pxl-text-editor{text-align:justify;}.elementor-25812 .elementor-element.elementor-element-38c20ad .pxl-button{text-align:center;}.elementor-25812 .elementor-element.elementor-element-38c20ad .pxl-button .pxl-icon--left .pxl--btn-icon{margin-right:9px;}.elementor-25812 .elementor-element.elementor-element-b0e20e6 > .elementor-widget-container{margin:30px 30px 0px 30px;}.elementor-25812 .elementor-element.elementor-element-b0e20e6 .pxl-heading{text-align:center;}.elementor-25812 .elementor-element.elementor-element-b0e20e6 .pxl-heading .pxl-item--title{font-size:38px;margin-bottom:0px;}.elementor-25812 .elementor-element.elementor-element-d031cab .pxl-text-editor{text-align:center;color:#000000;}.elementor-25812 .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-25812 .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-25812 .elementor-element.elementor-element-101d522{--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-25812 .elementor-element.elementor-element-19007cf{--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-25812 .elementor-element.elementor-element-e36e0dd{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-25812 .elementor-element.elementor-element-41ff457{text-align:center;}.elementor-25812 .elementor-element.elementor-element-41ff457 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-25812 .elementor-element.elementor-element-41ff457 .elementor-heading-title a:hover, .elementor-25812 .elementor-element.elementor-element-41ff457 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25812 .elementor-element.elementor-element-0478614 .pxl-text-editor{text-align:justify;}.elementor-25812 .elementor-element.elementor-element-d5e9c52{--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-25812 .elementor-element.elementor-element-6e96ab7{border-radius:0px 0px 0px 0px;}.elementor-25812 .elementor-element.elementor-element-73f675f{text-align:center;}.elementor-25812 .elementor-element.elementor-element-73f675f .elementor-heading-title{color:#000000;}.elementor-25812 .elementor-element.elementor-element-73f675f .elementor-heading-title a:hover, .elementor-25812 .elementor-element.elementor-element-73f675f .elementor-heading-title a:focus{color:#FF0175;}.elementor-25812 .elementor-element.elementor-element-e606d0f .pxl-text-editor{text-align:justify;}.elementor-25812 .elementor-element.elementor-element-75ca8bc{--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-25812 .elementor-element.elementor-element-b5c9c84{border-radius:0px 0px 0px 0px;}.elementor-25812 .elementor-element.elementor-element-c4144c0{text-align:center;}.elementor-25812 .elementor-element.elementor-element-c4144c0 .elementor-heading-title{color:#000000;}.elementor-25812 .elementor-element.elementor-element-c4144c0 .elementor-heading-title a:hover, .elementor-25812 .elementor-element.elementor-element-c4144c0 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25812 .elementor-element.elementor-element-154626c .pxl-text-editor{text-align:justify;}.elementor-25812 .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-25812 .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-25812 .elementor-element.elementor-element-c894257{--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-25812 .elementor-element.elementor-element-44f6d68{--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-25812 .elementor-element.elementor-element-cb690a8{border-radius:0px 0px 0px 0px;}.elementor-25812 .elementor-element.elementor-element-9767ae3{text-align:center;}.elementor-25812 .elementor-element.elementor-element-9767ae3 .elementor-heading-title{color:#000000;}.elementor-25812 .elementor-element.elementor-element-9767ae3 .elementor-heading-title a:hover, .elementor-25812 .elementor-element.elementor-element-9767ae3 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25812 .elementor-element.elementor-element-1534929 .pxl-text-editor{text-align:justify;}.elementor-25812 .elementor-element.elementor-element-617e61c{--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-25812 .elementor-element.elementor-element-dd105b5{border-radius:0px 0px 0px 0px;}.elementor-25812 .elementor-element.elementor-element-e96744a{text-align:center;}.elementor-25812 .elementor-element.elementor-element-e96744a .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-25812 .elementor-element.elementor-element-e96744a .elementor-heading-title a:hover, .elementor-25812 .elementor-element.elementor-element-e96744a .elementor-heading-title a:focus{color:#FF0175;}.elementor-25812 .elementor-element.elementor-element-af74a13 .pxl-text-editor{text-align:justify;}.elementor-25812 .elementor-element.elementor-element-b7f1f9e{--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-25812 .elementor-element.elementor-element-401b1eb{border-radius:0px 0px 0px 0px;}.elementor-25812 .elementor-element.elementor-element-1a0ce7d{text-align:center;}.elementor-25812 .elementor-element.elementor-element-1a0ce7d .elementor-heading-title{color:#000000;}.elementor-25812 .elementor-element.elementor-element-1a0ce7d .elementor-heading-title a:hover, .elementor-25812 .elementor-element.elementor-element-1a0ce7d .elementor-heading-title a:focus{color:#FF0175;}.elementor-25812 .elementor-element.elementor-element-54a0201 .pxl-text-editor{text-align:justify;}.elementor-25812 .elementor-element.elementor-element-d86024f{--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-25812 .elementor-element.elementor-element-c467ecc{--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-25812 .elementor-element.elementor-element-d6c5c0e{--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-25812 .elementor-element.elementor-element-ff7b53e{--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-25812 .elementor-element.elementor-element-86d0855{border-radius:0px 0px 0px 0px;}.elementor-25812 .elementor-element.elementor-element-ddf7fb4{text-align:center;}.elementor-25812 .elementor-element.elementor-element-ddf7fb4 .elementor-heading-title{color:#000000;}.elementor-25812 .elementor-element.elementor-element-ddf7fb4 .elementor-heading-title a:hover, .elementor-25812 .elementor-element.elementor-element-ddf7fb4 .elementor-heading-title a:focus{color:#FF0175;}.elementor-25812 .elementor-element.elementor-element-b825d3c .pxl-text-editor{text-align:justify;}.elementor-25812 .elementor-element.elementor-element-f436232{--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-25812 .elementor-element.elementor-element-bcaadfe{border-radius:0px 0px 0px 0px;}.elementor-25812 .elementor-element.elementor-element-b5f11bf{text-align:center;}.elementor-25812 .elementor-element.elementor-element-b5f11bf .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#000000;}.elementor-25812 .elementor-element.elementor-element-b5f11bf .elementor-heading-title a:hover, .elementor-25812 .elementor-element.elementor-element-b5f11bf .elementor-heading-title a:focus{color:#FF0175;}.elementor-25812 .elementor-element.elementor-element-a9600f4 .pxl-text-editor{text-align:justify;}.elementor-25812 .elementor-element.elementor-element-cab6a1a{--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-25812 .elementor-element.elementor-element-0f1e72d{border-radius:0px 0px 0px 0px;}.elementor-25812 .elementor-element.elementor-element-3d13c1f{text-align:center;}.elementor-25812 .elementor-element.elementor-element-3d13c1f .elementor-heading-title{color:#000000;}.elementor-25812 .elementor-element.elementor-element-3d13c1f .elementor-heading-title a:hover, .elementor-25812 .elementor-element.elementor-element-3d13c1f .elementor-heading-title a:focus{color:#FF0175;}.elementor-25812 .elementor-element.elementor-element-ccc4c7f .pxl-text-editor{text-align:justify;}.elementor-25812 .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-25812 .elementor-element.elementor-element-64eb90d{--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-25812 .elementor-element.elementor-element-022694b{--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-25812 .elementor-element.elementor-element-55fff34{--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-25812 .elementor-element.elementor-element-5a3cb75{--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-25812 .elementor-element.elementor-element-67bc144{--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-25812 .elementor-element.elementor-element-9a01198{--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-25812 .elementor-element.elementor-element-57a8671{--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-25812 .elementor-element.elementor-element-5f1b387 .pxl-heading{text-align:center;}.elementor-25812 .elementor-element.elementor-element-5f1b387 .pxl-heading .pxl-heading--inner{max-width:750px;}.elementor-25812 .elementor-element.elementor-element-5f1b387 .pxl-heading .pxl-item--title{text-shadow:0px 0px 0px rgba(0,0,0,0.3);margin-bottom:0px;}.elementor-25812 .elementor-element.elementor-element-9031673 .elementor-heading-title{color:#000000;}.elementor-25812 .elementor-element.elementor-element-f034f47 .pxl-text-editor{text-align:justify;}.elementor-25812 .elementor-element.elementor-element-e8ebd11 .pxl-button{text-align:center;}.elementor-25812 .elementor-element.elementor-element-e8ebd11 .pxl-button .pxl-icon--left .pxl--btn-icon{margin-right:9px;}.elementor-25812 .elementor-element.elementor-element-aa37636 .elementor-heading-title{color:#000000;}.elementor-25812 .elementor-element.elementor-element-ea308b5 .pxl-text-editor{text-align:justify;color:#000000;}.elementor-25812 .elementor-element.elementor-element-40fdc80 .pxl-text-editor{text-align:justify;color:#000000;}@media(min-width:768px){.elementor-25812 .elementor-element.elementor-element-19007cf{--width:33.3333%;}.elementor-25812 .elementor-element.elementor-element-d5e9c52{--width:33.3333%;}.elementor-25812 .elementor-element.elementor-element-75ca8bc{--width:33.3333%;}.elementor-25812 .elementor-element.elementor-element-44f6d68{--width:33.3333%;}.elementor-25812 .elementor-element.elementor-element-617e61c{--width:33.3333%;}.elementor-25812 .elementor-element.elementor-element-b7f1f9e{--width:33.3333%;}.elementor-25812 .elementor-element.elementor-element-ff7b53e{--width:33.3333%;}.elementor-25812 .elementor-element.elementor-element-f436232{--width:33.3333%;}.elementor-25812 .elementor-element.elementor-element-cab6a1a{--width:33.3333%;}.elementor-25812 .elementor-element.elementor-element-55fff34{--width:25%;}.elementor-25812 .elementor-element.elementor-element-5a3cb75{--width:25%;}.elementor-25812 .elementor-element.elementor-element-67bc144{--width:25%;}.elementor-25812 .elementor-element.elementor-element-9a01198{--width:25%;}}@media(max-width:1024px) and (min-width:768px){.elementor-25812 .elementor-element.elementor-element-f9d34f3{width:100%;}}/* Start custom CSS for html, class: .elementor-element-e36e0dd */.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-6e96ab7 */.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-b5c9c84 */.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-cb690a8 */.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-dd105b5 */.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-401b1eb */.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-86d0855 */.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-bcaadfe */.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-0f1e72d */.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 */