.before-after-section{width:100%;padding:4rem 1rem;position:relative}@media screen and (min-width:768px){.before-after-section{padding:6rem 2rem}}@media screen and (min-width:1024px){.before-after-section{padding:6rem 4rem}}.before-after-section__container{max-width:1200px;margin:0 auto}.before-after-section__header{text-align:center;margin-bottom:3rem}@media screen and (min-width:768px){.before-after-section__header{margin-bottom:4rem}}.before-after-section__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.25rem;background:rgba(240,121,0,.1);border:1px solid rgba(240,121,0,.3);border-radius:50px;color:var(--secondary-color);font-size:.875rem;font-weight:600;font-family:var(--font-base);margin-bottom:1.5rem}.before-after-section__title{font-size:2.25rem;font-weight:700;color:var(--white-color);font-family:var(--font-base);margin-bottom:1rem;letter-spacing:-.02em}@media screen and (min-width:768px){.before-after-section__title{font-size:3rem}}.before-after-section__subtitle{font-size:1rem;color:var(--lightGray-color);font-family:var(--font-base);max-width:600px;margin:0 auto;line-height:1.7}@media screen and (min-width:768px){.before-after-section__subtitle{font-size:1.125rem}}.before-after-section__grid{display:grid;grid-template-columns:1fr;grid-gap:1.5rem;gap:1.5rem}@media screen and (min-width:768px){.before-after-section__grid{grid-template-columns:repeat(3,1fr);gap:2rem}}.before-after-section__card{background:rgba(0,0,0,.4);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:1.75rem;transition:all .3s ease}.before-after-section__card:hover{border-color:rgba(240,121,0,.3);transform:translateY(-4px);box-shadow:0 8px 24px rgba(240,121,0,.1)}.before-after-section__images{display:grid;grid-template-columns:1fr 1fr;grid-gap:.5rem;gap:.5rem;margin-bottom:1rem;border-radius:10px;overflow:hidden}.before-after-section__img-wrapper{aspect-ratio:4/3;overflow:hidden;border-radius:8px;position:relative}.before-after-section__img-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.before-after-section__img-wrapper:hover img{transform:scale(1.05)}.before-after-section__img-label{position:absolute;top:8px;left:8px;z-index:2;padding:2px 8px;border-radius:4px;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;font-family:var(--font-base)}.before-after-section__img-label--before{background:rgba(255,60,60,.85);color:#fff}.before-after-section__img-label--after{background:rgba(40,180,60,.85);color:#fff}.before-after-section__comparison{display:flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:1.25rem;background:hsla(0,0%,100%,.03);border-radius:12px;border:1px solid hsla(0,0%,100%,.06)}.before-after-section__side{flex:1 1;text-align:center}.before-after-section__side--before .before-after-section__label{color:#ff6b6b}.before-after-section__side--before .before-after-section__state{color:hsla(0,0%,100%,.5)}.before-after-section__side--after .before-after-section__label{color:#51cf66}.before-after-section__side--after .before-after-section__state{color:var(--white-color);font-weight:600}.before-after-section__label{display:block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;font-family:var(--font-base);margin-bottom:.35rem}.before-after-section__state{display:block;font-size:.9rem;font-family:var(--font-base)}.before-after-section__divider{color:var(--secondary-color);flex-shrink:0;opacity:.7}.before-after-section__card-title{font-size:1.25rem;font-weight:600;color:var(--white-color);font-family:var(--font-base);margin-bottom:.5rem}.before-after-section__card-description{font-size:.9rem;color:var(--lightGray-color);font-family:var(--font-base);line-height:1.7;margin-bottom:1rem}.before-after-section__service-tag{display:inline-block;padding:.3rem .75rem;background:rgba(240,121,0,.1);border:1px solid rgba(240,121,0,.2);border-radius:6px;color:var(--secondary-color);font-size:.75rem;font-weight:600;font-family:var(--font-base);text-transform:uppercase;letter-spacing:.5px;text-decoration:none;transition:all .3s ease}.before-after-section__service-tag:hover{background:rgba(240,121,0,.2);border-color:var(--secondary-color)}.before-after-section__cta{text-align:center;margin-top:3rem}.before-after-section__cta-button{display:inline-flex;align-items:center;gap:.5rem;padding:1rem 2rem;background:transparent;border:2px solid rgba(240,121,0,.5);border-radius:50px;color:var(--white-color);font-family:var(--font-base);font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease}.before-after-section__cta-button:hover{background:rgba(240,121,0,.1);border-color:var(--secondary-color);transform:translateY(-2px);box-shadow:0 4px 16px rgba(240,121,0,.2)}