.before-after{display:inline-block;padding:80px 0;width:100%}.before-after .section-head{margin-bottom:80px;text-align:center}.before-after .eyebrow{color:#dd179c;display:block;font-size:10px;font-weight:700;letter-spacing:8%;margin-bottom:24px;text-transform:uppercase}.before-after .section-head h2{font-size:32px;font-weight:800;letter-spacing:-2%;line-height:36px}.before-after .section-head h2 span{color:#dd179c}.before-after .compare-wrapper{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:1230px}.before-after .compare-left,.before-after .compare-right{width:50%}.before-after .switch-tabs{background:#d2d2d2;border-radius:8px;display:inline-flex;margin-bottom:24px;padding:4px 8px}.before-after .tab-btn{background:transparent;border:none;border-radius:8px;color:#949494;cursor:pointer;font-family:var(--ff-text);font-size:14px;font-weight:700;line-height:22px;padding:4px 6px;transition:.3s}.before-after .tab-btn.active{background:#fff;color:#616161}.before-after .tab-btn.active:nth-of-type(2n){background-color:#dd179c;color:#fff}.before-after .tab-content{display:none}.before-after .tab-content.active{display:block}.before-after .problem-item{align-items:center;display:flex;gap:9px;margin-bottom:6px;padding:8px 12px}.before-after #tab-2 .problem-item{background-color:#fff;border-radius:8px;box-shadow:0 0 2px 0 hsla(0,0%,44%,.08)}.before-after .problem-item p{color:#242424;font-size:14px;font-weight:500;letter-spacing:-2%;line-height:22px;margin:0}.before-after .toggle{flex-shrink:0;height:20px;position:relative;width:36px}.before-after .toggle input{display:none}.before-after .slider{background:#d4d4d4;border-radius:30px;cursor:pointer;inset:0;position:absolute;transition:.3s}.before-after .slider:before{background:#fff;border-radius:50%;content:"";height:16px;left:3px;position:absolute;top:2px;transition:.3s;width:16px}.before-after .toggle input:checked+.slider{background:#dd179c}.before-after .toggle input:checked+.slider:before{transform:translateX(14px)}.before-after .success{color:#16a34a;font-weight:600}.before-after .side-btn{background:#dcdcdc;border-radius:10px;color:#777;display:inline-flex;font-size:16px;font-weight:700;margin-top:20px;padding:14px 24px;text-decoration:none;transition:.3s}.before-after .side-btn:hover{background:#ff1493;color:#fff}.before-after .compare-inner{padding:0;position:relative;z-index:1}.before-after .compare-inner .mockup-card img{border-radius:6px;display:block;object-fit:cover;object-position:center;width:100%}.before-after .compare-inner .shape{height:57px;position:absolute;width:74px;z-index:-1}.before-after .compare-inner .shape-1{bottom:22px;left:65px}.before-after .compare-inner .shape-2{right:0;top:-20px}.before-after .cta-btn{transition:.3s}.before-after .cta-btn.active{opacity:1;pointer-events:auto}.before-after .mockup-card{display:none}.before-after .mockup-card.active-image{display:block}.before-after .compare-left .side-cta a.active{background-color:#dd179c;color:#fff}.before-after .compare-left .side-cta a.active:hover{background-color:#c8158d}.before-after .compare-left .side-cta{display:inline-block;margin-top:8px;width:fit-content}.before-after .compare-left .side-cta a{background:var(--base-action-light-disabled,#e0e0e0);border-radius:6px;color:#949494;display:flex;font-size:14px;font-weight:700;gap:6px;letter-spacing:-2%;line-height:22px;padding:7px 12px;width:100%}@media(max-width:991px){.before-after{padding:48px 24px}.before-after .section-head{margin-bottom:56px}.before-after .compare-wrapper{flex-direction:column}.before-after .compare-left,.before-after .compare-right{width:100%}}