.elementor-5376 .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-5376 .elementor-element.elementor-element-3fcdb1e{text-align:center;}.elementor-5376 .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-5376 .elementor-element.elementor-element-093c405 img{border-radius:9px 9px 9px 9px;}.elementor-5376 .elementor-element.elementor-element-ad02eb4 .pxl-text-editor{text-align:justify;}.elementor-5376 .elementor-element.elementor-element-b9a4e9c .pxl-button{text-align:center;}.elementor-5376 .elementor-element.elementor-element-b9a4e9c > .elementor-widget-container{padding:0px 0px 12px 0px;}.elementor-5376 .elementor-element.elementor-element-b9a4e9c .pxl-button .pxl-icon--left .pxl--btn-icon{margin-right:9px;}.elementor-5376 .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-5376 .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-5376 .elementor-element.elementor-element-34d80e3{padding:0px 61px 0px 61px;}.elementor-5376 .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-5376 .elementor-element.elementor-element-8c294a2 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-978601b .pxl-text-editor{text-align:justify;}.elementor-5376 .elementor-element.elementor-element-23996ad .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-e42ed1f .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5376 .elementor-element.elementor-element-e42ed1f .pxl-list label{min-width:0px;}.elementor-5376 .elementor-element.elementor-element-e42ed1f .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5376 .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-5376 .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-5376 .elementor-element.elementor-element-0bed005 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-691d0fa .pxl-text-editor{text-align:justify;}.elementor-5376 .elementor-element.elementor-element-4d21265 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-593546f .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5376 .elementor-element.elementor-element-593546f .pxl-list label{min-width:0px;}.elementor-5376 .elementor-element.elementor-element-593546f .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5376 .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-5376 .elementor-element.elementor-element-f101da2{padding:0px 96px 0px 96px;}.elementor-5376 .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-5376 .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-5376 .elementor-element.elementor-element-f6bcbec{padding:0px 96px 0px 96px;}.elementor-5376 .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-5376 .elementor-element.elementor-element-9801d2a .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-9af146a .pxl-text-editor{text-align:justify;}.elementor-5376 .elementor-element.elementor-element-1a0b883 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-701e8de .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5376 .elementor-element.elementor-element-701e8de .pxl-list label{min-width:0px;}.elementor-5376 .elementor-element.elementor-element-701e8de .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5376 .elementor-element.elementor-element-d1c7ab6{--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-5376 .elementor-element.elementor-element-45e2eae{--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-5376 .elementor-element.elementor-element-8afaa6d .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-656d6a2 .pxl-text-editor{text-align:justify;}.elementor-5376 .elementor-element.elementor-element-fc69b22 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-a104cc7 .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5376 .elementor-element.elementor-element-a104cc7 .pxl-list label{min-width:0px;}.elementor-5376 .elementor-element.elementor-element-a104cc7 .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5376 .elementor-element.elementor-element-fde5ff4{--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-5376 .elementor-element.elementor-element-18600d1{padding:0px 96px 0px 96px;}.elementor-5376 .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-5376 .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-5376 .elementor-element.elementor-element-b74edb1{padding:0px 96px 0px 96px;}.elementor-5376 .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-5376 .elementor-element.elementor-element-52a2f09 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-6902205 .pxl-text-editor{text-align:justify;}.elementor-5376 .elementor-element.elementor-element-fc09d98 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-cc1800b .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5376 .elementor-element.elementor-element-cc1800b .pxl-list label{min-width:0px;}.elementor-5376 .elementor-element.elementor-element-cc1800b .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5376 .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-5376 .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-5376 .elementor-element.elementor-element-9ddb99a .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-5605ce8 .pxl-text-editor{text-align:justify;}.elementor-5376 .elementor-element.elementor-element-bc27b4e .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-ff94202 .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5376 .elementor-element.elementor-element-ff94202 .pxl-list label{min-width:0px;}.elementor-5376 .elementor-element.elementor-element-ff94202 .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5376 .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-5376 .elementor-element.elementor-element-06867b3{padding:0px 96px 0px 96px;}.elementor-5376 .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-5376 .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-5376 .elementor-element.elementor-element-7035476{padding:0px 96px 0px 96px;}.elementor-5376 .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-5376 .elementor-element.elementor-element-b460565 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-7eb5306 .pxl-text-editor{text-align:justify;}.elementor-5376 .elementor-element.elementor-element-8787e89 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-c6c9887 .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5376 .elementor-element.elementor-element-c6c9887 .pxl-list label{min-width:0px;}.elementor-5376 .elementor-element.elementor-element-c6c9887 .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5376 .elementor-element.elementor-element-d427578{--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-5376 .elementor-element.elementor-element-cb228fa{--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-5376 .elementor-element.elementor-element-697d4ad .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-fec5555 .pxl-text-editor{text-align:justify;}.elementor-5376 .elementor-element.elementor-element-bbc0a8e .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-975bc44 .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5376 .elementor-element.elementor-element-975bc44 .pxl-list label{min-width:0px;}.elementor-5376 .elementor-element.elementor-element-975bc44 .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5376 .elementor-element.elementor-element-1b0709f{--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-5376 .elementor-element.elementor-element-444c498{padding:0px 96px 0px 96px;}.elementor-5376 .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-5376 .elementor-element.elementor-element-827955f .pxl-text-editor{text-align:justify;}.elementor-5376 .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-5376 .elementor-element.elementor-element-debb2b3.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-5376 .elementor-element.elementor-element-debb2b3 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-b35e836{--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-5376 .elementor-element.elementor-element-8a04e9c{--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-5376 .elementor-element.elementor-element-8592735{padding:0px 96px 0px 96px;}.elementor-5376 .elementor-element.elementor-element-f12cd1a{--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-5376 .elementor-element.elementor-element-8ce9f3a .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-5b08764 .pxl-text-editor{text-align:justify;}.elementor-5376 .elementor-element.elementor-element-35c7a5c .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-885f49c .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5376 .elementor-element.elementor-element-885f49c .pxl-list label{min-width:0px;}.elementor-5376 .elementor-element.elementor-element-885f49c .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5376 .elementor-element.elementor-element-535de97{--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-5376 .elementor-element.elementor-element-bee87ce{--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-5376 .elementor-element.elementor-element-3359254 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-5f4a3bc .pxl-text-editor{text-align:justify;}.elementor-5376 .elementor-element.elementor-element-d2ae08b .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-237adf0 .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5376 .elementor-element.elementor-element-237adf0 .pxl-list label{min-width:0px;}.elementor-5376 .elementor-element.elementor-element-237adf0 .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5376 .elementor-element.elementor-element-3e8820e{--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-5376 .elementor-element.elementor-element-bfe1fbc{padding:0px 96px 0px 96px;}.elementor-5376 .elementor-element.elementor-element-a565694{--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-5376 .elementor-element.elementor-element-6c65204{--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-5376 .elementor-element.elementor-element-c30395f{padding:0px 96px 0px 96px;}.elementor-5376 .elementor-element.elementor-element-66ecfca{--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-5376 .elementor-element.elementor-element-7570449 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-46c460a .pxl-text-editor{text-align:justify;}.elementor-5376 .elementor-element.elementor-element-9cd28d5 .elementor-heading-title{color:#000000;}.elementor-5376 .elementor-element.elementor-element-93b1469 .pxl-list .pxl-item--icon{margin:8px 5px 0px 0px;font-size:16px;}.elementor-5376 .elementor-element.elementor-element-93b1469 .pxl-list label{min-width:0px;}.elementor-5376 .elementor-element.elementor-element-93b1469 .pxl-list .pxl--item + .pxl--item{margin-top:0px;}.elementor-5376 .elementor-element.elementor-element-7df3a53{--display:flex;}.elementor-5376 .elementor-element.elementor-element-aa68558{text-align:center;}.elementor-5376 .elementor-element.elementor-element-aa68558 .elementor-heading-title{color:#0A0A0A;}.elementor-5376 .elementor-element.elementor-element-f4548ac{text-align:center;}.elementor-5376 .elementor-element.elementor-element-f4548ac .elementor-heading-title{color:#0A0A0A;}@media(min-width:768px){.elementor-5376 .elementor-element.elementor-element-c9693cc{--width:50%;}.elementor-5376 .elementor-element.elementor-element-c382411{--width:50%;}.elementor-5376 .elementor-element.elementor-element-4175bfc{--width:50%;}.elementor-5376 .elementor-element.elementor-element-b01daec{--width:50%;}.elementor-5376 .elementor-element.elementor-element-97b8764{--width:50%;}.elementor-5376 .elementor-element.elementor-element-553d24b{--width:50%;}.elementor-5376 .elementor-element.elementor-element-45e2eae{--width:50%;}.elementor-5376 .elementor-element.elementor-element-fde5ff4{--width:50%;}.elementor-5376 .elementor-element.elementor-element-b7e6a8f{--width:50%;}.elementor-5376 .elementor-element.elementor-element-1394755{--width:50%;}.elementor-5376 .elementor-element.elementor-element-99df1fb{--width:50%;}.elementor-5376 .elementor-element.elementor-element-8a39d7a{--width:50%;}.elementor-5376 .elementor-element.elementor-element-04ec489{--width:50%;}.elementor-5376 .elementor-element.elementor-element-fef26b3{--width:50%;}.elementor-5376 .elementor-element.elementor-element-cb228fa{--width:50%;}.elementor-5376 .elementor-element.elementor-element-1b0709f{--width:50%;}.elementor-5376 .elementor-element.elementor-element-8a04e9c{--width:50%;}.elementor-5376 .elementor-element.elementor-element-f12cd1a{--width:50%;}.elementor-5376 .elementor-element.elementor-element-bee87ce{--width:50%;}.elementor-5376 .elementor-element.elementor-element-3e8820e{--width:50%;}.elementor-5376 .elementor-element.elementor-element-6c65204{--width:50%;}.elementor-5376 .elementor-element.elementor-element-66ecfca{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-34d80e3 */.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;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f101da2 */.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;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f6bcbec */.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;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-18600d1 */.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;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b74edb1 */.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;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-06867b3 */.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;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7035476 */.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;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-444c498 */.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;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-8592735 */CSS Code
 
.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-bfe1fbc */.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;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c30395f */.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;
}/* End custom CSS */