.sf-homepage-how-to{padding:50px;background-color:#1d1d1d;color:#fff;display:flex;justify-content:center}.sf-homepage-how-to__wrapper{display:flex;max-width:1400px;width:100%}.sf-homepage-how-to__left{width:50%;display:flex;flex-direction:column;justify-content:center}.sf-homepage-how-to__right{width:50%}.sf-homepage-how-to__step{width:auto}.swiper-button-prev,.swiper-button-next{color:#000}.swiper-pagination-bullet{background-color:#000}.sf-homepage-how-to__step-text{font-size:5rem;font-weight:900;text-transform:uppercase;line-height:4.5rem}.sf-homepage-how-to__step-text p{margin:0}.sf-homepage-how-to__step-image img{height:35vw}.swiper-pagination,.swiper-button-disabled{visibility:hidden}.swiper-slide{display:flex!important;justify-content:center;align-items:center;flex-direction:column}.swiper-button-next,.swiper-button-prev{color:#fff!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after,.swiper-button-next,.swiper-rtl .swiper-button-prev{font-weight:900}.sf-homepage-how-to__step-number{display:inline-block;transition:transform .25s ease,opacity .25s ease}.sf-homepage-how-to__step-number.step-animate{transform:translateY(10px);opacity:.2}.sf-homepage-how-to__step-number.step-animate{animation:stepIn .25s ease forwards}@keyframes stepIn{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.sf-homepage-how-to__step-content--active{transition:transform .25s ease,opacity .25s ease}.sf-homepage-how-to__step-content--active.step-animate{animation:stepIn .25s ease forwards}.sf-homepage-how-to__step .sf-homepage-how-to__step-content{display:none}.sf-homepage-how-to__step-content--active{font-weight:500;text-transform:none;line-height:normal;font-size:1.3rem;margin-top:20px}@media(max-width:768px){.sf-homepage-how-to{padding:20px}.sf-homepage-how-to__wrapper{flex-direction:column}.sf-homepage-how-to__left{width:100%;margin-bottom:20px}.sf-homepage-how-to__right{width:100%}.sf-homepage-how-to__step-image img{height:70vw}.sf-homepage-how-to__step-text{font-size:6rem;line-height:5rem}.sf-homepage-how-to__step-content--active{height:130px}}@media(max-width:400px){.sf-homepage-how-to__step-content--active{font-size:1rem;height:110px}}
/*# sourceMappingURL=/cdn/shop/t/54/assets/sf-homepage-how-to.css.map */