.how-it-works{position:relative;align-items:center;background:#f1eefc}.how-it-works .img{display:none;text-align:center}.how-it-works h3{font-size:9vw}.how-it-works img{width:100%}.how-it-works p{max-width:350px;margin:20px auto;line-height:1.4;font-size:3.5vw}.how-it-works .feature-heading{color:rgb(var(--color-foreground))}.how-it-works-nav{display:none}.how-it-works-nav ul{list-style:none;text-align:left}.how-it-works-nav .button{background:transparent;border:none;opacity:.3}.how-it-works-nav .button.active,.how-it-works-nav .button.active:hover{opacity:1}.how-it-works-nav .button:hover{opacity:.6}.how-it-works a{text-decoration:none;border-bottom:1px dashed;color:rgb(var(--color-foreground));padding-bottom:4px;text-transform:uppercase;letter-spacing:.05em;font-size:.94em;transition:.3s}.how-it-works a:hover{color:rgb(var(--color-base-accent-1))}.how-it-works .step-heading{position:relative;margin-bottom:20px;display:inline-block}.how-it-works .step-heading img{width:90px;height:auto;z-index:2;position:relative;display:block}.how-it-works .v-scroll-3 .step-heading:before{//background: rgba(214,202,245,.25);content:" ";position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;background:#d6caf540;border-radius:8px;animation-name:feature_pulse_square;animation-duration:1s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out}.how-it-works .step-footer{width:230px;height:auto;margin-top:-20px}.v-scroller-pagination{z-index:999;position:absolute;top:50%;transform:translateY(-50%);left:5vw;margin:0;padding:0;list-style:none}.v-scroller-pagination li a{border:1px solid #555;width:15px;height:15px;display:block;border-radius:50%;margin:10px 0;transition:1s}.v-scroller-pagination li.active a{. background: #f2535f;border-color:#af1924}.hiw-content{text-align:center}@media screen and (min-width: 990px){.how-it-works{display:flex;align-items:center;padding:0 5vw}#hiw-content{opacity:0}.how-it-works .hiw-content .text{transform:translate(-50%,100%);opacity:0;transition:2s;animation-name:hiw_content;animation-duration:2s}.how-it-works .hiw-content.active .text{animation-name:none;transform:translate(-50%,-50%);opacity:1}.how-it-works-nav,.how-it-works .img{display:block}.how-it-works .content{//display: flex;//position: sticky;//top: 0;//height: 100vh;flex:1 1 33%;scroll-snap-type:y mandatory;height:80vh;overflow:hidden;position:relative}.how-it-works .content::-webkit-scrollbar{display:none}.how-it-works .content{-ms-overflow-style:none;scrollbar-width:none}.how-it-works .content.scroll{overflow:scroll}.content-position{position:sticky;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;width:100%;padding:0 10%;height:100vh;//opacity: 0;transition:1s;z-index:1}.how-it-works.offcanvas .content-position{padding-top:50vh}.content-position.active{opacity:1}.how-it-works-nav,.how-it-works .img,.how-it-works .text{flex:1 1 33%;text-align:center;position:relative;z-index:3}.how-it-works .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.media-wrap{position:relative;height:70vh;width:34.8vh;overflow:hidden;display:inline-block}.media-wrap img{position:absolute;top:0;left:0;right:0;bottom:0;z-index:9}.video-wrap{position:relative;top:5px;left:5px;height:calc(70vh - 10px);overflow:hidden;width:calc(34.8vh - 10px);border-radius:3vw}.how-it-works video{height:102%;width:100%;object-fit:cover;object-position:center;overflow:hidden;margin-top:-2%;margin-left:0%}.how-it-works img,.how-it-works video{//height: 75vh;//width: auto}.how-it-works p{font-size:1.4vw;max-width:25vw}.how-it-works .step-heading{margin-bottom:0}.how-it-works .step-heading img{width:8.3vw}.hiw-content h3.feature-heading,.hiw-content h5.feature-heading{display:none}}@media screen and (max-width: 989px){.how-it-works .text{padding:10vw 0}.v-scroller-pagination{display:none}}@keyframes feature_pulse_square{0%{top:10px;left:10px;right:10px;bottom:10px}to{top:-15px;left:-20px;right:-20px;bottom:-15px}}@keyframes hiw_content{0%{transform:translate(-50%,-50%);opacity:1}50%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%,100%);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/section-how-it-works.css.map */