.elementor-1076 .elementor-element.elementor-element-72ffe0a9{--display:flex;}.elementor-1076 .elementor-element.elementor-element-6c18bd90 .eael-img-comp-container{max-width:100%;}.elementor-1076 .elementor-element.elementor-element-6c18bd90 .twentytwenty-horizontal .twentytwenty-handle:before, .elementor-1076 .elementor-element.elementor-element-6c18bd90 .twentytwenty-horizontal .twentytwenty-handle:after{width:2px;margin-left:calc(-2px/2);}.elementor-1076 .elementor-element.elementor-element-6c18bd90 .twentytwenty-vertical .twentytwenty-handle:before, .elementor-1076 .elementor-element.elementor-element-6c18bd90 .twentytwenty-vertical .twentytwenty-handle:after{height:2px;margin-top:calc(-2px/2);}/* Start custom CSS for eael-image-comparison, class: .elementor-element-6c18bd90 */.twentytwenty-handle {
border-radius: 73.675px;
border: 2px solid #FFF;
background: rgba(217, 217, 217, 0.01);
backdrop-filter: blur(25px);
}/* End custom CSS */
/* Start custom CSS *//* ─── OUTER RUNWAY ─────────────────────────────── */
.cards-scroll-section {
    position: relative;
    /* Height is controlled by Elementor min-height setting (e.g. 1600px) */
}

/* ─── STICKY INNER WRAPPER ──────────────────────── */
.cards-scroll-inner {
    position: sticky;    top: 0;    height: auto;    transition: opacity 0.4s ease, transform 0.4s ease;
}


/* ─── CARD BASE ─────────────────────────────────── */
.scroll-card {
    position: relative !important;
    width: 342px;
    min-width: 342px;
    height: 423px;
    overflow: hidden;
    border-radius: 24px;
    flex-shrink: 0;
    transition: width 0.6s cubic-bezier(0.16, 1, 0.3, 1),
                min-width 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

/* ─── EXPANDED STATE ────────────────────────────── */
.scroll-card.is-expanded {
    width: 708px;
    min-width: 646px;
        height: 646px;

}

/* ─── BOTH LAYERS ───────────────────────────────── */
.card-stub,
.card-full {
    position: absolute !important;
    inset: 0;
    width: 100%;
    height: 100%;
    transition: opacity 0.35s ease;
}

/* ─── DEFAULT STATE ─────────────────────────────── */
.card-stub {
    opacity: 1;
    z-index: 2;
    pointer-events: auto;
}

.card-full {
    opacity: 0;
    z-index: 1;
    pointer-events: none;
}

/* ─── EXPANDED STATE ────────────────────────────── */
.scroll-card.is-expanded .card-stub {
    opacity: 0;
    pointer-events: none;
}

.scroll-card.is-expanded .card-full {
    opacity: 1;
    z-index: 3;
    pointer-events: auto;
}

.cards-scroll-section.is-complete .cards-scroll-inner {    opacity: 0;    transform: translateY(-40px);    pointer-events: none;}/* End custom CSS */