.edmi-image-swapper { display: flex; gap: 80px; }
.edmi-image-swapper.swap-img-right { flex-direction: row-reverse; }
.edmi-image-swapper .item-image { width: 60%; position: relative; }
.edmi-image-swapper .item-texts { width: 40%; margin: 40px 0; }
.edmi-image-swapper .item-image img.swap-image, .edmi-image-swapper .item-image .swap-image { position: absolute; top:50%; left:50%; width:100%; height:100%; object-fit:cover; transform:translate(-50%, -50%); opacity:0; transition:opacity 0.3s ease-in-out; z-index:1; pointer-events:none; }
.edmi-image-swapper .item-image .swap-image img{ height:100%; object-fit:cover !important;}
.edmi-image-swapper .item-image img.swap-image.active { opacity:1; z-index:2; }
.edmi-image-swapper .loader-bar { position:absolute; bottom:0; left:0; height:4px; width:100%; background:#ddd; overflow:hidden; }
.edmi-image-swapper .loader-progress { display:block; height:100%; width:0%; background-color: var(--fl-global-red); transition:width linear; }
.edmi-image-swapper .edmi-item.active { background:#fff; transition:all 0.3s; position:relative; }
.edmi-image-swapper .edmi-item { cursor:pointer; padding:40px; background:transparent; transition:all 0.3s; }
.edmi-image-swapper .edmi-item.active h3 { color: var(--fl-global-red); }

@media (max-width:1140px) { .edmi-image-swapper {gap:40px;} .edmi-image-swapper .item-image, .edmi-image-swapper .item-texts {width:50%;} }
@media (max-width: 1023px) {
    .edmi-image-swapper .loader-progress { transition:none !important; width:0% !important; }
    .edmi-image-swapper .edmi-item h3 {color:var(--fl-global-red);}
    .edmi-image-swapper.swap-img-right {flex-direction:column;gap:20px;}
    .edmi-image-swapper .edmi-item {background:#fff;}
    .edmi-image-swapper .item-image-wrapper {margin-bottom:20px;}
    .edmi-image-swapper .item-image, .edmi-image-swapper .item-texts {width:100%;}
    .edmi-image-swapper .loader-bar {display:none;}
    .edmi-image-swapper .edmi-item {padding:20px;}
}