.main-transformation_wrapper{display:var(--display-value);text-align:var(--heading-align);position:relative;overflow:hidden}.main-transformation_custom-page-width .container{max-width:calc(var(--custom-width, 1200) * 1px)}.main-transformation_container-wrapper{padding:var(--xl-padding-y) 0}.inner-padding.--top-btm_padding .main-transformation_content-wrapper{padding-top:20px;padding-bottom:20px}.outer-padding .main-transformation_container-wrapper,.main-transformation_wrapper.inner-padding .container{background:var(--bg-color);color:var(--text-color);background-image:var(--bg-image);background-size:cover;background-position:center;background-repeat:no-repeat}.main-transformation_wrapper.outer-padding .container{--cp-spacer-left: 0;--cp-spacer-right: 0}.outer-padding .main-transformation_container-wrapper:has(.container){padding-left:var(--xl-padding-x);padding-right:var(--xl-padding-x)}.main-transformation_wrapper.inner-padding .container,.main-transformation_wrapper.outer-padding .container-fluid{--cp-spacer-left: var(--xl-padding-x);--cp-spacer-right: var(--xl-padding-x)}.main-transformation .subtitle h3,.main-transformation .subtitle{margin-bottom:0}.main-transformation .title{margin-bottom:3px}.transformation-content{position:relative}.transform .number{width:60px;height:60px;border-radius:148px;position:absolute;top:-30px;left:calc(50% - 30px);color:#fff;text-align:center;align-content:center;font-weight:700;z-index:999}.transform .subtitle h2,.transform .subtitle h1,.transform .subtitle h3,.transform .subtitle p{font-size:var(--subtitle-size, 24px);font-weight:500;line-height:150%;color:var(--sub-color)}.main-transformation a{transition:all .3s ease}.main-transformation a:hover{color:var(--color-bg-btn)}.main-transformation .btn--info{margin-bottom:16px;font-size:14px;line-height:18px}.main-transformation .btn .icon_cart-btns{width:20px;height:20px;flex-shrink:0}.main-transformation .btn .icon_cart-btns img{width:100%;height:100%;object-fit:cover}.main-transformation .heading{margin:var(--margin);margin-bottom:0}.main-transformation .title h2,.main-transformation .title h1,.main-transformation .title h3,.main-transformation .title h4,.main-transformation .title p,.main-transformation h2.title{font-size:var(--xl-heading-size);font-weight:700}.main-transformation .title{text-transform:var(--heading-transform);color:var(--title-color);text-align:var(--heading-align)}.main-transformation .subtitle h2,.main-transformation .subtitle h3,.main-transformation .subtitle h1,.main-transformation .subtitle p,.main-transformation .subtitle{color:var(--sub-color);text-align:var(--heading-align)}.main-transformation .story{display:flex;flex-direction:column;height:auto!important;border-radius:var(--bdr-radius);box-shadow:var(--box-shadow);border:var(--border);background:var(--box-color)}.main-transformation .number{background:var(--num-bg);color:var(--num-text)}.main-transformation .story p,.main-transformation .story h3{color:var(--box-text-color)}.main-transformation .story img{display:block}.main-transformation .story-image-wrapper{position:relative;width:100%;height:auto;overflow:hidden}.main-transformation .story-image-wrapper.--adapt-media{padding-bottom:var(--adapt-padding-bottom, 100%)}.main-transformation .story-image-wrapper.--fixed-ratio{padding-bottom:0;aspect-ratio:var(--aspect-ratio-value)}.main-transformation .story-image-wrapper img{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0}.main-transformation .story-image-wrapper svg,.main-transformation .story-image-wrapper .svg-placeholder{width:100%;height:auto;display:block;position:relative}.main-transformation .story-image-wrapper:has(svg),.main-transformation .story-image-wrapper:has(.svg-placeholder),.main-transformation .story-image-wrapper:not(.--adapt-media):not(.--fixed-ratio){padding-bottom:0!important;aspect-ratio:unset!important;height:auto!important}.transform .story{padding-bottom:0}.transform .story h1,.transform .story h2,.transform .story h3{margin-top:56px;font-size:18px;font-weight:700;margin-bottom:0}.transform .story p{margin:0 52px;font-size:16px}@media(min-width:768px){.transform .stories{width:100%;display:flex;flex-wrap:wrap;row-gap:2px;column-gap:28px;justify-content:center}.transform .heading{margin-bottom:28px;width:calc(93% + 56px)}}@media(max-width:768px){.outer-padding .main-transformation_container-wrapper:has(.container){padding-left:var(--xs-padding-x);padding-right:var(--xs-padding-x)}.main-transformation_wrapper.inner-padding .container,.main-transformation_wrapper.outer-padding .container-fluid{--cp-spacer-left: var(--xs-padding-x);--cp-spacer-right: var(--xs-padding-x)}.main-transformation_container-wrapper{padding:var(--xs-padding-y) 0}.main-transformation_wrapper{display:var(--xs-display-value)}.transform .heading{margin-bottom:33px}.transform .stories{display:block}.transform .stories .story{margin-bottom:24px}.transform .stories .story:last-child{margin-bottom:0}.transform .story p{margin:0 21px;font-size:14px}.transform .story h1,.transform .story h2,.transform .story h3{font-size:16px}.main-transformation .title{margin-bottom:1px}.transform .subtitle h2,.transform .subtitle h1,.transform .subtitle h3,.transform .subtitle p{font-size:var(--subtitle-size-m, 20px)}.main-transformation .heading{padding:0;width:100%}.main-transformation .title h2,.main-transformation .title h1,.main-transformation .title h3,.main-transformation .title h4,.main-transformation .title p,.main-transformation h2.title{font-size:var(--xs-heading-size);font-weight:700}.main-transformation .subtitle h2,.main-transformation .subtitle h3,.main-transformation .subtitle h1,.main-transformation .subtitle p{font-size:20px}.main-transformation .stories{gap:24px}.main-transformation .story{padding-bottom:48px}.main-transformation .story-image-wrapper,.main-transformation .story-image-wrapper.--adapt-media img{height:auto}.main-transformation .story p{margin:0 21px 26px}.main-transformation .number{width:42px;height:42px;top:-20px;left:calc(50% - 21px)}.main-transformation .story h1,.main-transformation .story h2,.main-transformation .story h3,.main-transformation .story h4{margin-top:48px}.transform .story{padding-bottom:0!important}}
/*# sourceMappingURL=/cdn/shop/t/533/assets/section-transformation.css.map */