.elementor-959 .elementor-element.elementor-element-3be9262{--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-959 .elementor-element.elementor-element-41c6c4c{--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-959 .elementor-element.elementor-element-9f3260c{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-959 .elementor-element.elementor-element-9f3260c .elementor-heading-title{font-family:"Roboto Serif", Sans-serif;font-weight:600;color:#000000;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-959 .elementor-element.elementor-element-c16b6ab{--divider-border-style:solid;--divider-color:#1918A7;--divider-border-width:4px;}.elementor-959 .elementor-element.elementor-element-c16b6ab .elementor-divider-separator{width:4%;margin:0 auto;margin-center:0;}.elementor-959 .elementor-element.elementor-element-c16b6ab .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-959 .elementor-element.elementor-element-e2073d0{--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-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-959 .elementor-element.elementor-element-61c31f2{text-align:center;}.elementor-959 .elementor-element.elementor-element-12d5ea5 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:25px;font-weight:600;color:#000000;}.elementor-959 .elementor-element.elementor-element-41165f2{text-align:justify;}.elementor-959 .elementor-element.elementor-element-46c8567{--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-959 .elementor-element.elementor-element-d38fece{--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-959 .elementor-element.elementor-element-a2b2963{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-959 .elementor-element.elementor-element-a2b2963 .elementor-heading-title{font-family:"Roboto Serif", Sans-serif;font-weight:600;color:#000000;}.elementor-959 .elementor-element.elementor-element-e4348ba{--divider-border-style:solid;--divider-color:#1918A7;--divider-border-width:1px;}.elementor-959 .elementor-element.elementor-element-e4348ba .elementor-divider-separator{width:4%;margin:0 auto;margin-center:0;}.elementor-959 .elementor-element.elementor-element-e4348ba .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-959 .elementor-element.elementor-element-eefff60{--display:flex;}.elementor-959 .elementor-element.elementor-element-e1ca709{width:var( --container-widget-width, 33.757% );max-width:33.757%;--container-widget-width:33.757%;--container-widget-flex-grow:0;}.elementor-959 .elementor-element.elementor-element-e1ca709.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-959 .elementor-element.elementor-element-9de5c28{--display:flex;}/* Start custom CSS for html, class: .elementor-element-e1ca709 */.comparison {
  position: relative;
  width: 600px;
  max-width: 100%;
  overflow: hidden;
  cursor: ew-resize;
}

.comparison img {
  width: 100%;
  display: block;
}

.img-after-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}

.slider {
  position: absolute;
  top: 0;
  left: 50%;
  width: 4px;
  height: 100%;
  background: #8a2be2; /* Purple line */
  display: flex;
  align-items: center;
  justify-content: center;
}

.arrow {
  position: absolute;
  background: #8a2be2;
  color: white;
  padding: 8px 10px;
  border-radius: 50%;
  font-size: 14px;
  transform: translateX(-50%);
  cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-554a94e *//* Container */
.comparison {
  position: relative;
  width: 600px;
  max-width: 100%;
  height: 400px;   /* 👈 FIXED HEIGHT */
  overflow: hidden;
}

/* Both Images */
.comparison img {
  width: 100%;
  height: 100%;    /* 👈 SAME HEIGHT */
  object-fit: cover;  /* 👈 crop properly */
  display: block;
}

.after-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  overflow: hidden;
}/* End custom CSS */