.how-it-works{padding:0 10px}.how-it-works h2{margin-bottom:.25rem}.how-it-works .container{position:relative;height:100%}.mobile-panel{background-color:#efefee;border-radius:5px;padding-top:60px;height:100%;position:relative;overflow:hidden;text-align:center}.mobile-panel .swiper-wrapper{margin-bottom:-22px}.mobile-panel h3{margin-bottom:.25rem}.mobile-panel .hiw-swiper-pagination{z-index:99;position:relative;bottom:0;margin:.5rem 0}.mobile-panel .hiw-swiper-pagination .swiper-pagination-bullet-active{background-color:#01a964}.mobile-panel .swiper-slide{display:block}.desktop-panel{background-color:#efefee;border-radius:5px;padding-top:60px;height:100%;position:relative;overflow:hidden;display:none}.desktop-panel:before,.mobile-panel:before{content:'';display:block;position:absolute;top:0;left:0;height:20px;width:100%;background-color:#00b6ae;background-image:linear-gradient(-30deg,#00b6ae 0%,#f9db01 56%)}.how-it-works .content-wrap{width:100%;height:100%;padding:0 20px}.how-it-works .steps{position:relative;z-index:99}.how-it-works .images{position:absolute;right:40px;top:-40px;bottom:0;width:75%;text-align:center;max-width:800px}.how-it-works .images .image{opacity:0;position:absolute;bottom:0;transform-origin:bottom center;width:100%}.how-it-works .image img{display:block;margin:0 auto;width:100%}.how-it-works .images .image-1{opacity:1}.how-it-works ul{padding:20px 0;list-style-position:inside}.how-it-works ul:after{content:'';display:block;position:absolute;width:2px;background-color:#727284;opacity:.5;top:54px;left:32px;bottom:54px}.how-it-works li{padding:25px 15px;padding-left:60px;border-radius:5px;max-width:660px;list-style:none;position:relative;z-index:9}.how-it-works li .highlight{content:'';display:block;position:absolute;height:28px;width:24px;background-image:url('https://www.commonplace.is/hubfs/social-suggested-images/Website%20Assets/how-it-works-marker.svg');background-position:center;background-size:cover;top:30px;left:22px;opacity:0}.how-it-works li .bullet{content:'';display:block;position:absolute;height:6px;width:6px;background-color:#727284;top:calc(50% - 3px);left:30px;border-radius:50px}.how-it-works li h3{margin:0;font-size:1rem;color:#727284}.how-it-works li span{opacity:0;display:none}.how-it-works li:first-of-type h3{font-size:28px;color:#141432}.how-it-works li:first-of-type span{opacity:1;display:block}.how-it-works li:first-of-type .bullet{opacity:0}.how-it-works li:first-of-type .highlight{opacity:1}.how-it-works li strong{display:block}@media screen and (min-width:960px){.desktop-panel{display:block}.mobile-panel{display:none}.how-it-works{height:600px}.how-it-works .content-wrap{position:absolute;bottom:0;padding:3rem}}