.before-after-section{position:relative}.before-after-block__flex{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}.before-after__image{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-items:center;margin-bottom:8px}.before-after-img{overflow:hidden;border-radius:12px;line-height:0;position:relative}.before-after-img .placeholder-svg{background-color:rgba(var(--color-foreground),.2)}.before-after__card{padding:8px;border-radius:28px}.before-after__img-content{padding:24px 16px;gap:16px;background:#fff;border-radius:23px}.before-after__badge{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:7px 14px;gap:10px;position:absolute;min-width:105px;height:38px;left:12px;bottom:12px;background:linear-gradient(90deg,#d5effa,#f3eee2 67%,#ffdcb3 99.04%);border-radius:12px;font-family:var(--font-body-family);font-style:normal;font-weight:700;font-size:16px;line-height:150%}.before-after__badge-2{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:7px 14px;gap:10px;position:absolute;min-width:103px;height:38px;left:12px;bottom:12px;background:#1d1f55;border-radius:12px;font-family:var(--font-body-family);font-style:normal;font-weight:700;font-size:16px;line-height:150%;color:#fff}.before-after__content-badge{display:flex;align-items:center;justify-content:space-between}.before-after__badge-text{display:flex;flex-direction:row;align-items:flex-start;padding:5px 16px;gap:8px;background:linear-gradient(90deg,#ffdcb3,#f3eee200);border-radius:12px;font-family:var(--font-body-family);font-style:normal;font-size:18px;line-height:130%;text-align:center;letter-spacing:-.02em}.before-after__location{font-family:var(--font-body-family);font-style:normal;font-weight:700;font-size:16px;line-height:130%;text-align:center;letter-spacing:-.02em}.before-after__title{text-align:center;max-width:653px;margin:0 auto 48px}.before-after__title.h2{font-family:var(--font-body-family);font-style:normal;font-weight:400;font-size:39px;line-height:130%;text-align:center;letter-spacing:-.02em}@media screen and (max-width:1024px){.before-after__title.h2{font-size:28px}}@media screen and (max-width:768px){.before-after__title{margin:0 auto 24px}.before-after__title.h2{font-size:28px}.before-after-block__flex{grid-template-columns:1fr;gap:24px}.before-after__badge-text{font-style:normal;font-size:14px}.before-after__location{font-size:14px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-before-after-block.css.map */