.before-after-section{background-color:var(--background-color);width:100%;padding:var(--spacing-xl) var(--spacing-sm);position:relative}@media (min-width:768px){.before-after-section{padding:var(--spacing-2xl) var(--spacing-lg)}}@media (min-width:1024px){.before-after-section{padding:var(--spacing-3xl) var(--spacing-xl)}}@media (min-width:1280px){.before-after-section{padding:var(--spacing-3xl) 96px}}.before-after-section .content-container{align-items:center;gap:var(--spacing-xl);flex-direction:column;max-width:1400px;margin:0 auto;display:flex}@media (min-width:768px){.before-after-section .content-container{gap:39px}}.before-after-section .section-header{align-items:center;gap:var(--spacing-md);text-align:center;flex-direction:column;display:flex}@media (min-width:768px){.before-after-section .section-header{gap:24px}}.before-after-section .section-title{font-family:Merriweather,serif;font-size:clamp(1.75rem,5vw,2.875rem);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);letter-spacing:2px;color:var(--primary-color);margin:0}@media (min-width:1024px){.before-after-section .section-title{font-size:var(--font-h1)}}.before-after-section .section-description{font-family:var(--font-family);font-size:var(--font-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);color:var(--text-color);max-width:806px;margin:0}.before-after-section .comparison-container{align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}@media (min-width:768px){.before-after-section .comparison-container{flex-direction:row;align-items:center;gap:74px}}.before-after-section .slider-container{cursor:ew-resize;-webkit-user-select:none;user-select:none;filter:drop-shadow(15px 15px #bd66ad);flex-shrink:0;width:min(100%,400px);height:220px;position:relative;overflow:hidden}@media (min-width:768px){.before-after-section .slider-container{filter:drop-shadow(15px 15px #bd66ad);width:434px;height:222px}}.before-after-section .slider-image{width:100%;height:100%;position:absolute;top:0;left:0}.before-after-section .before-image{z-index:2}.before-after-section .after-image{z-index:1}.before-after-section .comparison-image{object-fit:cover;object-position:center}.before-after-section .slider-border{border:9px solid var(--secondary-color);border-bottom-color:var(--secondary-color);pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.before-after-section .slider-handle{z-index:10;cursor:ew-resize;flex-direction:column;align-items:center;width:4px;display:flex;position:absolute;top:0;bottom:0;transform:translate(-50%)}.before-after-section .slider-line{background-color:var(--secondary-color);flex:1;width:4px}.before-after-section .slider-icon{cursor:grab;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}@media (min-width:768px){.before-after-section .slider-icon{width:73px;height:73px}}.before-after-section .slider-icon svg{filter:drop-shadow(0 2px 4px #0003);width:100%;height:100%}.before-after-section .slider-icon:active{cursor:grabbing}.before-after-section .comparison-description{font-family:var(--font-family);font-size:var(--font-body);font-weight:var(--font-weight-normal);line-height:var(--line-height-body);color:var(--text-color);text-align:center;max-width:414px;margin:0}@media (min-width:768px){.before-after-section .comparison-description{text-align:left}}.before-after-section .buttons-container{gap:var(--spacing-sm);flex-direction:column;align-items:center;display:flex}@media (min-width:768px){.before-after-section .buttons-container{flex-direction:row;gap:22px}}.before-after-section .btn-primary{background-color:var(--primary-color);color:#fff;font-family:var(--font-family);font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:var(--button-letter-spacing);text-transform:uppercase;border:1.5px solid var(--primary-color);cursor:pointer;transition:var(--button-transition);justify-content:center;align-items:center;padding:7px 14px;line-height:1.6;text-decoration:none;display:inline-flex}.before-after-section .btn-primary:hover{color:var(--primary-color);border-color:var(--primary-color);transform:var(--button-hover-transform);background-color:#0000}.before-after-section .btn-outline{color:var(--primary-color);font-family:var(--font-family);font-size:15px;font-weight:var(--font-weight-bold);letter-spacing:var(--button-letter-spacing);text-transform:uppercase;border:1.5px solid var(--primary-color);cursor:pointer;transition:var(--button-transition);background-color:#0000;justify-content:center;align-items:center;padding:7px 14px;line-height:1.6;text-decoration:none;display:inline-flex}.before-after-section .btn-outline:hover{background-color:var(--primary-color);color:#fff;transform:var(--button-hover-transform)}.before-after-section .animate-item{opacity:0;transition:opacity .6s cubic-bezier(.25,.46,.45,.94),transform .6s cubic-bezier(.25,.46,.45,.94);transform:translateY(30px)}.before-after-section .animate-item.delay-2{transition-delay:.2s}.before-after-section.animate-in .animate-item{opacity:1;transform:translateY(0)}