.page-kalahari-melon-aloe-vera .image_block_before_after{display:flex;justify-content:space-between;gap:50px;width:100%}.page-kalahari-melon-aloe-vera .image_wrap,.product-details-slider{width:calc(50% - 50px)}.page-kalahari-melon-aloe-vera .product-details-slider{display:flex;justify-content:center;align-items:center}.page-kalahari-melon-aloe-vera .image_comare_wrap img{border-radius:16px;height:100%}.page-kalahari-melon-aloe-vera .product-card img{border:0;width:350px;height:350px;object-fit:cover;display:block;border-radius:16px;background-color:transparent;display:flex;margin:0 auto}.page-kalahari-melon-aloe-vera .product-card{width:100%;height:100%;max-width:500px;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0 auto}.page-kalahari-melon-aloe-vera h3.product-title{font-family:futura-pt,sans-serif;font-size:20px;line-height:22px;text-align:center;margin:0 auto;padding:20px 0;max-width:100%;width:100%;color:#fff}.image_block_before_after path{fill:#f4e103}.page-kalahari-melon-aloe-vera .product-description,.page-kalahari-melon-aloe-vera .product_subtitle,.page-kalahari-melon-aloe-vera .product_subtext{font-family:futura-pt,sans-serif;font-size:16px;line-height:20px;text-align:center;margin:0 auto;padding:10px 0;max-width:66%;width:100%;color:#fff}.page-kalahari-melon-aloe-vera .product_subtext{font-weight:600}.page-kalahari-melon-aloe-vera .before_after_image .swiper-button-prev,.page-kalahari-melon-aloe-vera .before_after_image .swiper-button-next{display:none!important}.page-kalahari-melon-aloe-vera .before_after_image .product-swiper-pagination{margin:20px auto 0;display:flex;justify-content:center;align-items:center}.page-kalahari-melon-aloe-vera .before_after_image .swiper-pagination-bullet{background:transparent!important;opacity:1!important;border:1px solid #fff!important}.page-kalahari-melon-aloe-vera .before_after_image .swiper-pagination-bullet-active{background:#fff!important}.page-kalahari-melon-aloe-vera .product-next-arrow{background-image:url(//mielleorganics.com/cdn/shop/t/637/assets/ArrowRight.png?v=122628891045676171571737703218)}.page-kalahari-melon-aloe-vera .product-next-arrow:hover:after,.page-kalahari-melon-aloe-vera .product-next-arrow:focus:after{content:"Next";color:#fff;background:linear-gradient(150deg,#000c,#0006);padding:5px 10px;display:block;position:absolute;top:35px;right:50%;font-size:10px;transform:translate(50%);border-radius:5px}.page-kalahari-melon-aloe-vera .product-prev-arrow{background-image:url(//mielleorganics.com/cdn/shop/t/637/assets/ArrowLeft.png?v=142358293686722478101737703217)}.page-kalahari-melon-aloe-vera .product-prev-arrow:hover:after,.page-kalahari-melon-aloe-vera .product-prev-arrow:focus:after{content:"Prev";color:#fff;background:linear-gradient(150deg,#000c,#0006);padding:5px 10px;display:block;position:absolute;top:35px;right:50%;font-size:10px;transform:translate(50%);border-radius:5px}.page-kalahari-melon-aloe-vera .product-prev-arrow,.page-kalahari-melon-aloe-vera .product-next-arrow{display:flex!important;position:absolute;top:50%;transform:translateY(-50%);z-index:1;width:12px;height:22px;background-color:transparent;color:transparent;font-size:0;padding:0;background-repeat:no-repeat;background-position:center center;transition:all .3s ease-in-out;opacity:1;background-color:#fff;background-size:6px;width:30px;height:30px;border-radius:50%;cursor:pointer}.page-kalahari-melon-aloe-vera .product-prev-arrow{left:20px}.page-kalahari-melon-aloe-vera .product-next-arrow{right:20px}.page-kalahari-melon-aloe-vera .before_after_image{background-color:#007787;color:#f4e103;padding:80px 0}.page-kalahari-melon-aloe-vera .container{max-width:1400px;width:100%;margin-left:auto;margin-right:auto;padding:0 25px}.page-kalahari-melon-aloe-vera .after-image,.page-kalahari-melon-aloe-vera .before-image{position:absolute;top:0;left:0;width:100%;height:100%;aspect-ratio:1;overflow:hidden}.page-kalahari-melon-aloe-vera .before-image{width:50%;z-index:2}.page-kalahari-melon-aloe-vera .image_comare_wrap{display:block;position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden}.page-kalahari-melon-aloe-vera .image_text_wrap{position:relative;display:block;aspect-ratio:1}.page-kalahari-melon-aloe-vera .before-after-wrapper{position:relative;aspect-ratio:3/2}.page-kalahari-melon-aloe-vera .before-image:before{content:"Before";position:absolute;top:20px;left:20px;z-index:10;font-size:22px;line-height:22px;color:#cc0558;font-family:futura-pt;font-weight:500;text-transform:uppercase}.page-kalahari-melon-aloe-vera .after-image:after{content:"After";position:absolute;top:20px;right:20px;z-index:10;font-size:22px;line-height:22px;color:#cc0558;font-family:futura-pt;font-weight:500;text-transform:uppercase}.page-kalahari-melon-aloe-vera .after-image{z-index:2}.page-kalahari-melon-aloe-vera .container_slider{padding:0 25px!important}.page-kalahari-melon-aloe-vera .before-image-wrapper{bottom:0;left:0;overflow:hidden;position:absolute;top:0;z-index:10}.page-kalahari-melon-aloe-vera .before-image{background-size:cover;height:100%;width:100%}.page-kalahari-melon-aloe-vera .after-image{background-size:cover;top:0;right:0;bottom:0;left:0;position:absolute}.page-kalahari-melon-aloe-vera .handle{align-items:center;background:#bf165e;bottom:0;cursor:col-resize;display:flex;justify-content:center;left:50%;position:absolute;top:0;width:4px;z-index:20}.page-kalahari-melon-aloe-vera .handle:before{content:"";position:absolute;top:0;right:-20px;bottom:0;left:-20px}.page-kalahari-melon-aloe-vera .handle:after{align-items:center;background:#bf165e;background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" height="24" width="24" viewBox="0 0 512 512"><path fill="hsl(172, 61%, 82%)" d="M505.7 265.7c3-3 3.1-7.9 .2-11.1l-104-112c-3-3.2-8.1-3.4-11.3-.4s-3.4 8.1-.4 11.3L481.7 252 23.3 252l90.3-90.3c3.1-3.1 3.1-8.2 0-11.3s-8.2-3.1-11.3 0l-104 104c-3.1 3.1-3.1 8.2 0 11.3l104 104c3.1 3.1 8.2 3.1 11.3 0s3.1-8.2 0-11.3L23.3 268l457.4 0-90.3 90.3c-3.1 3.1-3.1 8.2 0 11.3s8.2 3.1 11.3 0l104-104z"/></svg>');background-position:center;background-repeat:no-repeat;border-radius:50%;color:#bf165e;content:"";display:flex;font-size:16px;font-weight:700;justify-content:center;max-height:40px;max-width:40px;min-height:40px;min-width:40px}@media (max-width: 992px){.page-kalahari-melon-aloe-vera .image_wrap,.page-kalahari-melon-aloe-vera .product-details-slider{width:100%}.page-kalahari-melon-aloe-vera .image_block_before_after{display:flex;flex-direction:column;gap:20px;width:100%}.page-kalahari-melon-aloe-vera .image_comare_wrap img{border-radius:10px}.page-kalahari-melon-aloe-vera .product-description{display:none}.page-kalahari-melon-aloe-vera .before_after_image{padding:50px 0}.page-kalahari-melon-aloe-vera h3.product-title{padding:16px 0;max-width:100%}}@media (max-width: 640px){.page-kalahari-melon-aloe-vera .product-card img{width:230px;height:230px}}@media (max-width: 400px){.page-kalahari-melon-aloe-vera .product-next-arrow{right:8px}.page-kalahari-melon-aloe-vera .product-prev-arrow{left:8px}}
/*# sourceMappingURL=/cdn/shop/t/767/assets/before-after-slider.css.map */