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