.how-its-works-wrapper .page-width{max-width:1300px}.how-its-works-wrapper .how-its-works-wrapper .sec-title{margin:0}.how-its-works-wrapper .sec-head{text-align:center;margin-bottom:30px}.how-its-works-wrapper .how-its-works-box .main-box:not(:first-child){padding-top:40px;border-top:.5px solid #D8D2BB;margin-top:40px}.how-its-works-wrapper .how-its-works-box .main-box .image-with-text-box{display:flex;gap:40px}.how-its-works-wrapper .how-its-works-box .main-box .image-box{width:50%;position:relative;height:100%}.how-its-works-wrapper .how-its-works-box .main-box .image-box:before{content:"";display:flex;width:100%;padding-bottom:100%}.how-its-works-wrapper .how-its-works-box .main-box img.media{position:absolute;left:50%;top:50%;height:100%;width:100%;transform:translate(-50%,-50%);object-fit:cover;object-position:top}.how-its-works-wrapper .how-its-works-box .main-box .text-box{width:50%}.how-its-works-wrapper .how-its-works-box .main-box .text-box strong{font-size:16px;font-weight:500;line-height:24px;letter-spacing:0}.how-its-works-wrapper .how-its-works-box .main-box .text-box,.how-its-works-wrapper .how-its-works-box .main-box .text-box p{letter-spacing:0;line-height:1.5;margin:0;font-weight:300;color:rgba(var(--color-foreground),1)}.how-its-works-wrapper .how-its-works-box .main-box .text-box p:not(:first-child){margin-top:20px}.how-its-works-wrapper .how-its-works-box .main-box .video-main-box{margin-top:40px;display:flex;justify-content:center}.how-its-works-wrapper .how-its-works-box .main-box .video-box{max-width:700px;width:100%;height:100%;position:relative}.how-its-works-wrapper .how-its-works-box .main-box .video-box:before{content:"";display:flex;width:100%;padding-bottom:57.1428571429%}.how-its-works-wrapper .how-its-works-box .main-box video{position:absolute;left:50%;top:50%;height:100%;width:100%;transform:translate(-50%,-50%)}@media screen and (max-width:749px){.how-its-works-wrapper .how-its-works-box .main-box:not(:first-child){padding-top:30px;margin-top:30px}.how-its-works-wrapper .how-its-works-box .main-box .image-with-text-box{flex-direction:column-reverse;gap:32px}.how-its-works-wrapper .how-its-works-box .main-box .image-box,.how-its-works-wrapper .how-its-works-box .main-box .text-box{width:100%}.how-its-works-wrapper .how-its-works-box .main-box .video-box:before{padding-bottom:100%}.how-its-works-wrapper .how-its-works-box .main-box .video-main-box{margin-top:20px}.how-its-works-wrapper .how-its-works-box .main-box .text-box,.how-its-works-wrapper .how-its-works-box .main-box .text-box p{font-size:16px}}.mfp-no-margins img.mfp-img{padding:0}.mfp-no-margins .mfp-figure:after{top:0;bottom:0}.mfp-no-margins .mfp-container{padding:0}.mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg{opacity:0;-webkit-backface-visibility:hidden;-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.mfp-with-zoom.mfp-ready .mfp-container{opacity:1}.mfp-with-zoom.mfp-ready.mfp-bg{display:block;opacity:.8}.mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg{opacity:0}.how-its-works-wrapper .how-its-works-box .main-box img.media{object-position:center}.how-its-works-wrapper .how-its-works-box .main-box .image-box{padding-top:15px}.how-its-works-wrapper .how-its-works-box .main-box img.media{object-position:center!important}.how-its-works-wrapper .how-its-works-box .main-box .image-with-text-box{align-items:center}.how-its-works-wrapper .how-its-works-box .main-box .image-box{overflow:hidden;cursor:zoom-in;display:block}.how-its-works-wrapper .how-its-works-box .main-box .image-box img.media{transition:transform .5s ease}.how-its-works-wrapper .how-its-works-box .main-box .image-box:hover img.media{transform:translate(-50%,-50%) scale(1.05)}.how-its-works-wrapper .image-box__zoom-badge{position:absolute;top:16px;right:16px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:#fff;color:#000;border-radius:50%;opacity:.92;transform:scale(.92);transition:transform .3s ease,opacity .3s ease;z-index:2;pointer-events:none}.how-its-works-wrapper .image-box__zoom-badge svg{width:28px;height:28px;display:block}.how-its-works-wrapper .how-its-works-box .main-box .image-box:hover .image-box__zoom-badge{opacity:1;transform:scale(1)}@media(hover:none){.how-its-works-wrapper .image-box__zoom-badge{opacity:1;transform:scale(1)}}@media screen and (max-width:749px){.how-its-works-wrapper .image-box__zoom-badge{width:46px;height:46px;top:12px;right:12px}.how-its-works-wrapper .image-box__zoom-badge svg{width:23px;height:23px}}.how-its-works-wrapper .how-its-works-box .main-box .video-box--lazy{cursor:pointer;background:#000;overflow:hidden}.how-its-works-wrapper .video-box__poster{position:absolute;left:50%;top:50%;width:100%;height:100%;transform:translate(-50%,-50%);object-fit:cover;display:block}.how-its-works-wrapper .video-box__play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:80px;height:80px;background:transparent;border:0;padding:0;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.how-its-works-wrapper .video-box__play:hover,.how-its-works-wrapper .video-box--lazy:hover .video-box__play{transform:translate(-50%,-50%) scale(1.08)}.how-its-works-wrapper .video-box__play-icon{width:80px;height:80px;display:block}@media screen and (max-width:749px){.how-its-works-wrapper .video-box__play,.how-its-works-wrapper .video-box__play-icon{width:64px;height:64px}}.how-its-works-wrapper .how-its-faq-list{display:flex;flex-direction:column}.how-its-works-wrapper .how-its-faq{border-bottom:1px solid rgba(var(--color-foreground),.15)}.how-its-works-wrapper .how-its-faq:first-child{border-top:1px solid rgba(var(--color-foreground),.15)}.how-its-works-wrapper .how-its-faq>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;cursor:pointer;list-style:none;font-size:16px;font-weight:500;line-height:1.4;color:rgba(var(--color-foreground),1);transition:color .2s ease}.how-its-works-wrapper .how-its-faq>summary::-webkit-details-marker{display:none}.how-its-works-wrapper .how-its-faq>summary::marker{content:""}.how-its-works-wrapper .how-its-faq>summary:hover{color:rgb(var(--color-link))}.how-its-works-wrapper .how-its-faq__q-text{flex:1}.how-its-works-wrapper .how-its-faq__icon{position:relative;width:14px;height:14px;flex-shrink:0}.how-its-works-wrapper .how-its-faq__icon:before,.how-its-works-wrapper .how-its-faq__icon:after{content:"";position:absolute;left:50%;top:50%;background:#91051a;transform:translate(-50%,-50%);transition:transform .25s ease,opacity .25s ease}.how-its-works-wrapper .how-its-faq__icon:before{width:14px;height:1.5px}.how-its-works-wrapper .how-its-faq__icon:after{width:1.5px;height:14px}.how-its-works-wrapper .how-its-faq[open] .how-its-faq__icon:after{transform:translate(-50%,-50%) rotate(90deg);opacity:0}.how-its-works-wrapper .how-its-faq__a{padding:0 0 18px;font-weight:300;line-height:1.5;color:rgba(var(--color-foreground),1)}.how-its-works-wrapper .how-its-faq__a a{color:rgb(var(--color-link));text-decoration:underline}.how-its-works-wrapper .how-its-faq__a p{margin:0}.how-its-works-wrapper .how-its-faq__a p:not(:first-child){margin-top:12px}.how-its-works-wrapper .how-its-faq__a br+br{display:none}@media screen and (max-width:749px){.how-its-works-wrapper .how-its-faq>summary{padding:16px 0;font-size:15px}.how-its-works-wrapper .how-its-faq__a{padding-bottom:16px}}
/*# sourceMappingURL=/cdn/shop/t/136/assets/how-its-works.css.map */