.elementor-5414 .elementor-element.elementor-element-fd93eaf{--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-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-5414 .elementor-element.elementor-element-3fcdb1e{text-align:center;}.elementor-5414 .elementor-element.elementor-element-3fcdb1e .elementor-heading-title{color:#000000;}.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-5414 .elementor-element.elementor-element-093c405 img{border-radius:16px 16px 16px 16px;}.elementor-5414 .elementor-element.elementor-element-ad02eb4 .pxl-text-editor{text-align:justify;}.elementor-5414 .elementor-element.elementor-element-b9a4e9c .pxl-button{text-align:center;}.elementor-5414 .elementor-element.elementor-element-b9a4e9c > .elementor-widget-container{padding:0px 0px 12px 0px;}.elementor-5414 .elementor-element.elementor-element-b9a4e9c .pxl-button .pxl-icon--left .pxl--btn-icon{margin-right:9px;}.elementor-5414 .elementor-element.elementor-element-80cd8f6{--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-5414 .elementor-element.elementor-element-c9693cc{--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-5414 .elementor-element.elementor-element-a956c5e{padding:0px 96px 0px 96px;}.elementor-5414 .elementor-element.elementor-element-c382411{--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-5414 .elementor-element.elementor-element-8c294a2 .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-978601b .pxl-text-editor{text-align:justify;}.elementor-5414 .elementor-element.elementor-element-23996ad .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-e42ed1f .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5414 .elementor-element.elementor-element-e42ed1f .pxl-list label{min-width:0px;}.elementor-5414 .elementor-element.elementor-element-e42ed1f .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5414 .elementor-element.elementor-element-7e59a5b{--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-5414 .elementor-element.elementor-element-4175bfc{--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-5414 .elementor-element.elementor-element-0bed005 .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-691d0fa .pxl-text-editor{text-align:justify;}.elementor-5414 .elementor-element.elementor-element-4d21265 .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-593546f .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5414 .elementor-element.elementor-element-593546f .pxl-list label{min-width:0px;}.elementor-5414 .elementor-element.elementor-element-593546f .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5414 .elementor-element.elementor-element-b01daec{--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-5414 .elementor-element.elementor-element-c29b7d9{padding:0px 96px 0px 96px;}.elementor-5414 .elementor-element.elementor-element-fca090e{--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-5414 .elementor-element.elementor-element-97b8764{--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-5414 .elementor-element.elementor-element-6339d7a{padding:0px 96px 0px 96px;}.elementor-5414 .elementor-element.elementor-element-553d24b{--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-5414 .elementor-element.elementor-element-9801d2a .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-9af146a .pxl-text-editor{text-align:justify;}.elementor-5414 .elementor-element.elementor-element-1a0b883 .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-701e8de .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5414 .elementor-element.elementor-element-701e8de .pxl-list label{min-width:0px;}.elementor-5414 .elementor-element.elementor-element-701e8de .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5414 .elementor-element.elementor-element-8930064{--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-5414 .elementor-element.elementor-element-6b0eea8{--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-5414 .elementor-element.elementor-element-3c344fe .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-3bf2990 .pxl-text-editor{text-align:justify;}.elementor-5414 .elementor-element.elementor-element-6dfaacd .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-5e75aa1 .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5414 .elementor-element.elementor-element-5e75aa1 .pxl-list label{min-width:0px;}.elementor-5414 .elementor-element.elementor-element-5e75aa1 .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5414 .elementor-element.elementor-element-86f2214{--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-5414 .elementor-element.elementor-element-4a86cb5{padding:0px 96px 0px 96px;}.elementor-5414 .elementor-element.elementor-element-75bf55c{--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-5414 .elementor-element.elementor-element-b7e6a8f{--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-5414 .elementor-element.elementor-element-17f5294{padding:0px 96px 0px 96px;}.elementor-5414 .elementor-element.elementor-element-1394755{--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-5414 .elementor-element.elementor-element-52a2f09 .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-6902205 .pxl-text-editor{text-align:justify;}.elementor-5414 .elementor-element.elementor-element-fc09d98 .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-cc1800b .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5414 .elementor-element.elementor-element-cc1800b .pxl-list label{min-width:0px;}.elementor-5414 .elementor-element.elementor-element-cc1800b .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5414 .elementor-element.elementor-element-4ade0a8{--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-5414 .elementor-element.elementor-element-99df1fb{--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-5414 .elementor-element.elementor-element-9ddb99a .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-5605ce8 .pxl-text-editor{text-align:justify;}.elementor-5414 .elementor-element.elementor-element-bc27b4e .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-ff94202 .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5414 .elementor-element.elementor-element-ff94202 .pxl-list label{min-width:0px;}.elementor-5414 .elementor-element.elementor-element-ff94202 .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5414 .elementor-element.elementor-element-8a39d7a{--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-5414 .elementor-element.elementor-element-cc44f51{padding:0px 96px 0px 96px;}.elementor-5414 .elementor-element.elementor-element-a6a83be{--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-5414 .elementor-element.elementor-element-04ec489{--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-5414 .elementor-element.elementor-element-1ef9d0d{padding:0px 96px 0px 96px;}.elementor-5414 .elementor-element.elementor-element-fef26b3{--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-5414 .elementor-element.elementor-element-b460565 .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-7eb5306 .pxl-text-editor{text-align:justify;}.elementor-5414 .elementor-element.elementor-element-8787e89 .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-c6c9887 .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5414 .elementor-element.elementor-element-c6c9887 .pxl-list label{min-width:0px;}.elementor-5414 .elementor-element.elementor-element-c6c9887 .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5414 .elementor-element.elementor-element-45c748f{--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-5414 .elementor-element.elementor-element-827955f .pxl-text-editor{text-align:justify;}.elementor-5414 .elementor-element.elementor-element-debb2b3{width:var( --container-widget-width, 5.377% );max-width:5.377%;--container-widget-width:5.377%;--container-widget-flex-grow:0;}.elementor-5414 .elementor-element.elementor-element-debb2b3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5414 .elementor-element.elementor-element-debb2b3 .elementor-heading-title{color:#000000;}.elementor-5414 .elementor-element.elementor-element-7df3a53{--display:flex;}.elementor-5414 .elementor-element.elementor-element-aa68558{text-align:center;}.elementor-5414 .elementor-element.elementor-element-aa68558 .elementor-heading-title{color:#0A0A0A;}.elementor-5414 .elementor-element.elementor-element-f4548ac{text-align:center;}.elementor-5414 .elementor-element.elementor-element-f4548ac .elementor-heading-title{color:#0A0A0A;}@media(min-width:768px){.elementor-5414 .elementor-element.elementor-element-c9693cc{--width:50%;}.elementor-5414 .elementor-element.elementor-element-c382411{--width:50%;}.elementor-5414 .elementor-element.elementor-element-4175bfc{--width:50%;}.elementor-5414 .elementor-element.elementor-element-b01daec{--width:50%;}.elementor-5414 .elementor-element.elementor-element-97b8764{--width:50%;}.elementor-5414 .elementor-element.elementor-element-553d24b{--width:50%;}.elementor-5414 .elementor-element.elementor-element-6b0eea8{--width:50%;}.elementor-5414 .elementor-element.elementor-element-86f2214{--width:50%;}.elementor-5414 .elementor-element.elementor-element-b7e6a8f{--width:50%;}.elementor-5414 .elementor-element.elementor-element-1394755{--width:50%;}.elementor-5414 .elementor-element.elementor-element-99df1fb{--width:50%;}.elementor-5414 .elementor-element.elementor-element-8a39d7a{--width:50%;}.elementor-5414 .elementor-element.elementor-element-04ec489{--width:50%;}.elementor-5414 .elementor-element.elementor-element-fef26b3{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-a956c5e */.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-c29b7d9 */.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-6339d7a */.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-4a86cb5 */.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-17f5294 */.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-cc44f51 */.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-1ef9d0d */.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 */