.elementor-399 .elementor-element.elementor-element-a77bcac{--display:flex;}.elementor-399 .elementor-element.elementor-element-e25e828{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;--padding-top:40px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-399 .elementor-element.elementor-element-e25e828:not(.elementor-motion-effects-element-type-background), .elementor-399 .elementor-element.elementor-element-e25e828 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#045C42;}.elementor-399 .elementor-element.elementor-element-939e64b{--display:flex;}.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-399 .elementor-element.elementor-element-9740071 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-399 .elementor-element.elementor-element-9740071 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-399 .elementor-element.elementor-element-9740071 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-399 .elementor-element.elementor-element-9740071 .jet-listing-dynamic-field__content{text-align:left;}.elementor-399 .elementor-element.elementor-element-cfc0034 .jet-listing-dynamic-field .jet-listing-dynamic-field__inline-wrap{width:auto;}.elementor-399 .elementor-element.elementor-element-cfc0034 .jet-listing-dynamic-field .jet-listing-dynamic-field__content{width:auto;}.elementor-399 .elementor-element.elementor-element-cfc0034 .jet-listing-dynamic-field{justify-content:flex-start;}.elementor-399 .elementor-element.elementor-element-cfc0034 .jet-listing-dynamic-field__content{text-align:left;}.elementor-399 .elementor-element.elementor-element-7b1f67e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -10px) 0px;padding:10px 0px 0px 0px;}.elementor-399 .elementor-element.elementor-element-7b1f67e .jet-listing-dynamic-link__link{align-self:center;font-family:"Heebo", Sans-serif;font-size:16px;font-weight:800;color:#FFFFFF;flex-direction:row;}.elementor-399 .elementor-element.elementor-element-7b1f67e .jet-listing-dynamic-link__link:hover{color:#000000;}.elementor-399 .elementor-element.elementor-element-7b1f67e .jet-listing-dynamic-link__icon{order:1;}.elementor-399 .elementor-element.elementor-element-8bce275 > .elementor-widget-container{padding:0px 5px 1px 5px;border-radius:8px 8px 8px 8px;}.elementor-399 .elementor-element.elementor-element-8bce275.elementor-element{--align-self:center;}body:not(.rtl) .elementor-399 .elementor-element.elementor-element-8bce275{left:10px;}body.rtl .elementor-399 .elementor-element.elementor-element-8bce275{right:10px;}.elementor-399 .elementor-element.elementor-element-8bce275{top:10px;}.elementor-399 .elementor-element.elementor-element-8bce275 .jet-listing-dynamic-terms{text-align:right;}.elementor-399 .elementor-element.elementor-element-8bce275 .jet-listing-dynamic-terms__link{font-family:"Heebo", Sans-serif;font-size:14px;font-weight:700;color:#000000;border-style:none;}.jet-listing-item.single-jet-engine.elementor-page-399 > .elementor{width:360px;margin-left:auto;margin-right:auto;}/* Start custom CSS for container, class: .elementor-element-e25e828 */.magazine-card-compare-clean {
  width: 100%;
}

/* Main stage */
.mag-compare-stage {
  --before: 80%;
  position: relative;
  overflow: hidden;
  width: 100%;
  max-width: 540px;
  aspect-ratio: 3 / 4;
  margin: 0 auto;
  border-radius: 0;
  background: #eee;
  isolation: isolate;
  cursor: ew-resize;
  touch-action: none;
}

/* Image widgets */
.mag-compare-img {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0 !important;
}

.mag-compare-img .elementor-widget-container,
.mag-compare-img img {
  width: 100%;
  height: 100%;
}

.mag-compare-img img {
  object-fit: cover;
  display: block;
}

/* LEFT image / old image / after */
.mag-compare-after-img {
  z-index: 1;
}

/* RIGHT image / current image / before */
.mag-compare-before-img {
  z-index: 2;
  clip-path: inset(0 0 0 calc(100% - var(--before)));
}

/* Divider line */
.mag-compare-stage::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc(100% - var(--before));
  width: 4px;
  height: 100%;
  transform: translateX(-50%);
  z-index: 10;
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 0 22px rgba(0, 0, 0, 0.28);
  pointer-events: none;
}

/* Handle */
.mag-compare-stage::before {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(100% - var(--before));
  width: 46px;
  height: 46px;
  transform: translate(-50%, -50%);
  z-index: 11;
  border-radius: 999px;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  pointer-events: none;
}

/* Invisible drag area */
.mag-compare-hit {
  position: absolute;
  inset: 0;
  z-index: 30;
}

/* Label widgets become full overlay layers */
.mag-compare-label {
  position: absolute !important;
  inset: 0 !important;
  width: 100%;
  height: 100%;
  margin: 0 !important;
  pointer-events: none;
}

/* Label content styling */
.mag-compare-label .elementor-widget-container,
.mag-compare-label .jet-listing-dynamic-field,
.mag-compare-label .jet-listing-dynamic-field__content {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* RIGHT label / before */
.mag-compare-label--before {
  z-index: 9;
  clip-path: inset(0 0 0 calc(100% - var(--before)));
}

.mag-compare-label--before .elementor-widget-container {
  position: absolute;
  top: 24px;
  right: 24px;
  padding: 6px 16px;
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.06em;
}

/* LEFT label / after */
.mag-compare-label--after {
  z-index: 8;
  clip-path: inset(0 var(--before) 0 0);
}

.mag-compare-label--after .elementor-widget-container {
  position: absolute;
  top: 24px;
  left: 24px;
  padding: 6px 16px;
  border-radius: 999px;
  background: #000;
  color: #fff;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .mag-compare-stage {
    max-width: 100%;
    aspect-ratio: 3 / 4;
  }

  .mag-compare-stage::before {
    width: 34px;
    height: 34px;
  }

  .mag-compare-label--before .elementor-widget-container {
    top: 16px;
    right: 16px;
    font-size: 13px;
    padding: 5px 11px;
  }

  .mag-compare-label--after .elementor-widget-container {
    top: 16px;
    left: 16px;
    font-size: 13px;
    padding: 5px 11px;
  }
}
/* Strong label fix for desktop + mobile */
.mag-compare-stage .mag-compare-label {
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  pointer-events: none !important;
  z-index: 12 !important;
}

/* Current / before / right side label */
.mag-compare-stage .mag-compare-label--before {
  clip-path: inset(0 0 0 calc(100% - var(--before))) !important;
}

/* Old / after / left side label */
.mag-compare-stage .mag-compare-label--after {
  clip-path: inset(0 var(--before) 0 0) !important;
}

/* Force pill styling on JetEngine Dynamic Field output */
.mag-compare-stage .mag-compare-label .elementor-widget-container,
.mag-compare-stage .mag-compare-label .jet-listing-dynamic-field,
.mag-compare-stage .mag-compare-label .jet-listing-dynamic-field__content {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  min-width: 72px !important;
  padding: 8px 18px !important;
  border-radius: 999px !important;
  background: #000 !important;
  color: #fff !important;
  font-size: 18px !important;
  line-height: 1 !important;
  letter-spacing: 0.06em !important;
  white-space: nowrap !important;
}

/* Position the actual pills */
.mag-compare-stage .mag-compare-label--before .elementor-widget-container {
  position: absolute !important;
  top: 24px !important;
  right: 24px !important;
}

.mag-compare-stage .mag-compare-label--after .elementor-widget-container {
  position: absolute !important;
  top: 24px !important;
  left: 24px !important;
}

/* Mobile */
@media (max-width: 767px) {
  .mag-compare-stage .mag-compare-label .elementor-widget-container,
  .mag-compare-stage .mag-compare-label .jet-listing-dynamic-field,
  .mag-compare-stage .mag-compare-label .jet-listing-dynamic-field__content {
    min-width: 58px !important;
    padding: 7px 12px !important;
    font-size: 14px !important;
    color: #fff !important;
    background: #000 !important;
  }

  .mag-compare-stage .mag-compare-label--before .elementor-widget-container {
    top: 18px !important;
    right: 12px !important;
  }

  .mag-compare-stage .mag-compare-label--after .elementor-widget-container {
    top: 18px !important;
    left: 12px !important;
  }
}/* End custom CSS */