* { box-sizing: border-box; margin: 0; padding: 0; } .heading-59822 { text-align: center; margin-top: 40px; margin-bottom: 20px; font-size: 1.2rem; color: #ff5e00; font-weight:600; } .section-92034 { display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; gap: 40px; max-width: 1200px; margin: 40px auto; padding: 0 20px; } .comparison-72015 { max-width: 700px; flex: 1 1 auto; border-radius: 20px; overflow: hidden; } .comparison-72015 img { width: 100%; height: 100%; object-fit: cover; object-position: left; } .container-13479 { position: relative; display: flex; } .before-13790 { position: absolute; top: 0; width: 50%; } .slider-67903 { position: absolute; inset: 0; opacity: 0; cursor: pointer; } .line-85403 { position: absolute; height: 100%; width: 4px; background: #fff; left: 50%; transform: translateX(-50%); } .icon-90412 { position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; color: #fff; transform: translate(-50%, -50%) rotateZ(90deg); } .text-23048 { flex: 1 1 300px; max-width: 500px; } .text-23048 p { color: #333; font-size: 18px; line-height: 1.6; margin-bottom: 40px; } .stat-82345 { font-size: 34px; font-weight: 600; color: #ff5e00; } .label-34821 { font-size: 20px; margin-bottom: 40px; display: block; } .link-32801 { font-size: 16px; color: #666; text-decoration: underline; cursor: pointer; } @media (max-width: 768px) { .section-92034 { flex-direction: column; align-items: center; } .text-23048 { text-align: center; } } Clinical Tested by Experts & Users Opitac™ Glutathione undergoes rigorous clinical testing and gathers authentic user feedback, underscoring our commitment to delivering effective, skin-safe results. 75% reduction in hyperpigmentation 44% increase in hydration 25% improvement in skin elasticity Read Clinical Studies const slider = document.querySelector(".slider-67903"); const beforeImage = document.querySelector(".before-13790"); const sliderLine = document.querySelector(".line-85403"); const sliderIcon = document.querySelector(".icon-90412"); slider.addEventListener("input", (e) => { let sliderValue = e.target.value + "%"; beforeImage.style.width = sliderValue; sliderLine.style.left = sliderValue; sliderIcon.style.left = sliderValue; });