.mobile-how-wrapper{position:relative;background-color:#f5f5f5;color:#000;padding:200px 0 100px;text-align:center}.mobile-how-wrapper .howit-desktop{display:none}.mobile-how-wrapper .howit-desktop .howit-inner{max-width:70%;margin:0 auto;position:relative}.mobile-how-wrapper .howit-image-wrapper{position:relative;z-index:1}.mobile-how-wrapper .howit-heading-over-image{position:absolute;top:-10%;left:50%;transform:translate(-50%);font-family:Montreal-Serial,sans-serif;font-size:54px;font-style:normal;font-weight:700;line-height:116%;text-transform:uppercase;color:#000;z-index:2;margin:0;text-align:center;width:100%}.mobile-how-wrapper .learnmore-button{position:absolute;top:-2%;left:50%;transform:translate(-50%);text-align:center;padding:0;margin:0;width:auto;text-align:cntre;z-index:2}@media screen and (max-width: 1350px){.mobile-how-wrapper .learnmore-button{top:45px}}.mobile-how-wrapper .learnmore-button a{display:block;padding:20px 40px 16px;background:#008157;color:#fff;text-decoration:none;border-radius:8px;transition:background-color .3s ease;cursor:pointer;width:fit-content;font-family:Calibre,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:100%}.mobile-how-wrapper .learnmore-button a:hover{background:#000;color:#fff}.mobile-how-wrapper .howit-image-wrapper img{width:100%;height:auto;max-width:100%}.mobile-how-wrapper .howit-feature-blocks{position:absolute;top:0;left:0;width:100%;height:100%}.mobile-how-wrapper .howit-feature{padding:0;text-align:center}.mobile-how-wrapper .howit-feature h4{padding:0;margin:0}.mobile-how-wrapper .howit-feature h4 span{padding:1px 20px 2px;margin:0;background:#008157;font-family:Montreal-Serial,sans-serif;font-size:48px;font-style:normal;font-weight:700;line-height:100%;width:fit-content;height:auto;color:#fff;border-radius:4px}.mobile-how-wrapper .howit-feature h3{font-family:Calibre,sans-serif;font-size:22px;font-style:normal;font-weight:700;line-height:100%;margin-bottom:8px}.mobile-how-wrapper .howit-feature p{font-family:Calibre,sans-serif;font-size:18px;font-style:normal;font-weight:400;line-height:116%;padding:0 0 0 50px;margin:0}.mobile-how-wrapper .feature-1{position:absolute;top:18%;left:55%;width:300px;text-align:left}.mobile-how-wrapper .feature-2{position:absolute;top:38%;left:55%;width:300px;text-align:left}.mobile-how-wrapper .feature-3{position:absolute;top:59%;left:55%;width:300px;text-align:left}.mobile-how-wrapper .feature-4{position:absolute;top:45%;right:16.4%;width:103px;text-align:left}.mobile-how-wrapper .feature-5{position:absolute;bottom:9%;left:51%;transform:translate(-50%);width:342px;text-align:left}.mobile-how-wrapper .feature-2 p,.mobile-how-wrapper .feature-4 p{padding:0 60px 0 0}.mobile-how-wrapper .feature-5{display:grid;grid-template-columns:auto 1fr;column-gap:20px;align-items:start}.mobile-how-wrapper .feature-5 h4{grid-row:1 / span 2;margin:0}.mobile-how-wrapper .feature-5 h3{margin:5px 0 0;padding:0 0 5px;line-height:100%}.mobile-how-wrapper .feature-5 p{margin:0;padding:0;line-height:120%}.mobile-how-wrapper .app-buttons{position:absolute;bottom:7%;display:flex;justify-content:center;gap:60px;width:100%;z-index:999}.mobile-how-wrapper .app-buttons img{width:270px;height:auto}.howit-swiper .swiper-button-prev-how:after{display:none}.howit-swiper .swiper-button-next-how:after{display:none}.howit-swiper .swiper-button-prev-how,.howit-swiper .swiper-button-next-how{top:45%;height:45px;width:45px;padding:0;border:none;border-radius:50%;background:#fff;box-shadow:0 10.414px 14.201px #00000008,0 8.52px 43.549px #00000008,0 22.721px 35.975px #00000008,0 0 18.934px #0000000d}.howit-swiper .swiper-button-prev-how:hover,.howit-swiper .swiper-button-next-how:hover{background-color:#008157}.howit-swiper .swiper-button-prev-how:hover svg path,.howit-swiper .swiper-button-next-how:hover svg path{stroke:#fff}.howit-swiper .swiper-button-prev-how{left:-20px;z-index:111}.howit-swiper .swiper-button-next-how{right:-20px;z-index:111}.howit-swiper .swiper-button-prev-how svg,.howit-swiper .swiper-button-next-how svg{height:auto;max-width:100%;border-radius:50%}.swiper-button-disabled{opacity:.3}@media screen and (max-width: 767px){.mobile-how-wrapper .howit-desktop{display:none}.mobile-how-wrapper{padding:100px 0 50px}.mobile-how-wrapper .howit-heading-over-image{font-size:34px;top:40px;color:#000;width:100%;text-align:center}.mobile-how-wrapper .learnmore-button{top:94px}.mobile-how-wrapper .learnmore-button a{padding:15px 30px 9px;border-radius:4px;font-size:16px}.mobile-how-wrapper .howit-mobile{display:block}.mobile-how-wrapper .howit-mobile img{width:100%;max-width:100%;margin:auto}.mobile-how-wrapper .swiper-wrapper{width:100%;max-width:100%;padding:0;margin:0}.mobile-how-wrapper .swiper{padding:0 25px;width:100%;margin:-25px 0 0}.mobile-how-wrapper .swiper-slide{width:100%;padding:0;margin:0;text-align:center}.mobile-how-wrapper .swiper-slide h4{padding:0;margin:0}.mobile-how-wrapper .swiper-slide h4 span{padding:1px 20px 2px;margin:0;background:#008157;font-family:Montreal-Serial,sans-serif;font-size:48px;font-style:normal;font-weight:700;line-height:100%;width:fit-content;height:auto;color:#fff;border-radius:4px}.mobile-how-wrapper .swiper-slide h3{font-family:Calibre,sans-serif;font-size:22px;font-style:normal;font-weight:700;line-height:100%;margin:15px auto 8px;padding:0;max-width:60%}.mobile-how-wrapper .swiper-slide p{font-family:Calibre,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:116%;padding:0;margin:0}.howit-swiper .navigation-btn{padding:30px 0 20px}.howit-swiper .swiper-button-prev-how{left:35%;z-index:111;bottom:20px;top:auto;margin:0 8px 0 0}.howit-swiper .swiper-button-next-how{right:35%;z-index:111;bottom:20px;top:auto;margin:0 0 0 8px}.mobile-how-wrapper .app-buttons{position:relative;padding:0 20px;align-items:center}.mobile-how-wrapper .app-buttons img{width:158px;height:auto;margin:0 -20px}}@media screen and (min-width: 768px){.mobile-how-wrapper .howit-desktop{display:block}.mobile-how-wrapper .howit-mobile{display:none}}@media screen and (max-width: 390px){.mobile-how-wrapper .learnmore-button{top:120px}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/product-app-section.css.map */