.how-to{position:relative;padding-top:var(--mobile-padding-top, 0);padding-bottom:var(--mobile-padding-bottom, 0);background:#000}.how-to h3{position:relative;z-index:3;margin-bottom:-24px;font-size:4.8rem;line-height:4.8rem;text-align:left;color:#fff}@media screen and (min-width: 750px){.how-to h3{margin-bottom:40px;font-size:3.4rem;line-height:3.4rem;text-align:center}}@media screen and (min-width: 1025px){.how-to{padding-top:var(--desktop-padding-top, 0);padding-bottom:var(--desktop-padding-bottom, 0)}.how-to h3{font-size:4.8rem;line-height:4.8rem}}.how-to .btn{position:relative;z-index:3;width:100%;margin-top:42px}@media screen and (min-width: 750px){.how-to .btn{max-width:416px;margin-top:47px}}.how-to .swiper-container{overflow:visible;width:calc(100% + 32px);margin-left:-16px}@media screen and (min-width: 750px){.how-to .swiper-container{overflow:hidden;width:100%;margin:0}}@media screen and (min-width: 750px){.how-to .swiper-wrapper{display:flex;justify-content:space-between}}@media screen and (min-width: 750px){.how-to .swiper-slide{opacity:1!important;width:calc(33.33% - 22px)!important;transform:none!important;pointer-events:initial}}.how-to__background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:top right}.how-to__step{text-align:left}@media screen and (min-width: 750px){.how-to__step{text-align:center}}.how-to__step h4{margin:43px 0 13px;font-size:3.2rem;line-height:3.2rem;color:#fff}@media screen and (min-width: 750px){.how-to__step h4{margin:34px 0 15px;font-size:2.6rem;line-height:2.6rem}}@media screen and (min-width: 1025px){.how-to__step h4{font-size:3.2rem;line-height:3.2rem}}.how-to__step p{margin:0 auto;font-size:1.6rem;line-height:2rem;color:#fff}@media screen and (min-width: 750px){.how-to__step p{max-width:330px}}@media screen and (min-width: 1025px){.how-to__step-video{position:absolute;top:0;left:0;opacity:0;height:100%}}.how-to__step-video video{-o-object-fit:cover;object-fit:cover}.how-to__step-content{padding:0 16px}@media screen and (min-width: 750px){.how-to__step-content{padding:0}}.how-to__step-number,.how-to__step-controls{position:relative;display:flex;justify-content:space-between;margin-top:16px;text-align:center}@media screen and (min-width: 750px){.how-to__step-number,.how-to__step-controls{display:block;margin-top:25px}}.how-to__step-number:after,.how-to__step-controls:after{content:"";position:absolute;top:50%;z-index:1;display:block;width:100%;height:1px;background-color:#fff;transform:translateY(-50%)}@media screen and (min-width: 750px){.how-to__step-number:after,.how-to__step-controls:after{width:calc(100% + 33px)}}.how-to__step-number button,.how-to__step-number span,.how-to__step-controls button,.how-to__step-controls span{position:relative;z-index:2;display:inline-block;width:40px;height:40px;border:1px solid #fff;background-color:#000;font-family:Graphik Wide,Graphik Wide Fallback,arial,sans-serif;font-size:1.4rem;font-weight:700;line-height:38px;color:#fff;transition:color .2s cubic-bezier(.46,.01,.32,1),background-color .2s cubic-bezier(.46,.01,.32,1);border-radius:100%}@media screen and (max-width: 767px){.how-to__step-number button.active,.how-to__step-number span.active,.how-to__step-controls button.active,.how-to__step-controls span.active{background-color:#fff;color:#000}.how-to .swiper-wrapper{flex-direction:column}.how-to__step-image{display:block}.how-to__step-number,.how-to__step-controls{display:none}.responsive-image__wrapper img{padding-top:50px}}
