.before-after__container [data-section-type=before-after] .aspect-\[--wh-ratio\]{aspect-ratio:unset}.before-after__container{display:flex;justify-content:space-between;--padding-top: var(--PT);--padding-bottom: var(--PB);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom)}.before-after__container .content-left{width:54%;color:#0c233f}.before-after__container .content-right{width:29%;max-width:245px;position:relative}.before-after__container .content-right .section-padding{padding:0}.before-after-label{position:absolute;bottom:15px;font-family:var(--FONT-STACK-HEADING);font-size:20px;font-weight:500;line-height:40px;letter-spacing:normal;text-align:center;text-transform:capitalize;color:#0c233f;font-style:italic}.before-after-label.after{left:75%;transform:translate(-50%)}.before-after-label.before{right:58%;transform:translate(-50%)}.before-after__container .content-left .hero__title{margin-bottom:10px;line-height:1.2}.before-after__container .w-\[1\.5px\]{width:2px}.before-after__container .content-left .hero__title p{font-size:27px;font-weight:400;line-height:38.79px;text-align:left}.before-after__container .content-left .list__container{display:flex;align-items:center;margin-bottom:.5em}.before-after__container .list__container .col-left{font-size:28px;font-weight:500;line-height:38.79px;text-align:left;min-width:57px;font-family:var(--FONT-STACK-HEADING);padding-right:.25rem;margin-right:.5rem;margin-bottom:0}.before-after__container .list__container .col-right{font-size:16px;font-weight:400;line-height:38.79px;text-align:left;margin:0}.before-after__container .list__container .col-right strong{font-weight:700}.before-after__container .hero__description{font-weight:400;letter-spacing:normal;text-align:left;color:#0c233f;font-size:12px;font-style:italic;line-height:1.5;margin-top:1em}@keyframes hover-vert{0%{transform:translateY(0)}to{transform:translateY(15px)}}.try-me-wrapper{position:absolute;top:25%;left:-50%;animation:hover-vert .75s infinite alternate ease-in-out}.try-me-wrapper .section-title{transform:rotate(-17deg) translate(-50px,-10px);font-family:var(--FONT-STACK-HEADING);font-size:28px;line-height:1.2}@media only screen and (max-width:768px){.before-after__container{flex-direction:column;align-items:center}.before-after__container .content-left{width:100%;margin-bottom:1.5em}.before-after__container .content-right{width:60%}.try-me-wrapper{display:none}}@media only screen and (max-width:550px){.before-after__container .content-right{width:100%;margin-top:1.5em}.before-after__container .content-left .hero__title p{font-size:21px}.before-after__container .list__container .col-left{font-size:35px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/before-after.css.map */