.after-before *{color:var(--text-color)}.after-before-header h2.heading{margin:0;line-height:1.3;text-transform:capitalize}.after-before-header h2.heading+.richtext{margin-top:30px}.after-before-header .richtext{line-height:1.5}.after-before-header .richtext p{margin:0}.after-before-header+.after-before-body{margin-top:50px}.after-before-list ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.after-before-media-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.after-before-item-image{padding-top:100%;position:relative;border-radius:13px;overflow:hidden}.after-before-item-image img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;object-fit:cover}.after-before-item span{font-size:19px;line-height:1.1;display:block;letter-spacing:0;margin-top:12px}.after-before-info{margin-top:22px}.after-before-info a{display:grid;grid-template-columns:67px 1fr;gap:16px}.after-before-icon-wrap{position:relative;padding-top:100%}.after-before-icon-wrap img{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%}.after-before-text{display:flex;flex-direction:column;gap:2px;justify-content:center}.after-before-text span.item-subtitle{display:block;font-size:18px;line-height:1.4;letter-spacing:0}.after-before-text h4.item-title{margin:0;font-size:20px;line-height:1.2;font-weight:100;letter-spacing:0;font-family:Inter-light}.after-before-body ul+button{display:none}@media (max-width:1100px){.after-before-list ul{gap:24px}.after-before-media-list{gap:8px}.after-before-item span{font-size:14px;margin-top:9px}.after-before-info{margin-top:16px}.after-before-info a{grid-template-columns:50px 1fr;gap:10px}.after-before-text span.item-subtitle{font-size:14px}.after-before-text h4.item-title{font-size:18px}}@media (max-width:991px){.after-before-list ul{grid-template-columns:repeat(2,1fr)}}@media (max-width:568px){.after-before-list ul{grid-template-columns:repeat(1,1fr)}.after-before-body ul li.is--hide{display:none}.after-before-body ul li.is--hide.is--show{display:block}.after-before-body ul+button{display:flex;margin:30px auto 0;background:transparent;border:0;padding:0;text-decoration:underline;font-size:13px;line-height:1.5;color:#000;font-weight:700}.after-before-body ul+button span{color:#000}.after-before-body ul+button span.less-more{display:none}.after-before-body ul+button.is--open span.see-more{display:none}.after-before-body ul+button.is--open span.less-more{display:block}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/after-before.css.map */