.how-it-works-section{background-color:#426d58;color:#fff;padding:60px 0}.o-btn{position:relative;left:-167px}.how-it-works-heading{text-align:center;font-size:36px;font-weight:700;margin-bottom:30px}.how-it-works-steps{display:flex;justify-content:center;gap:40px;margin-bottom:60px;cursor:pointer}.how-it-works-step{display:flex;justify-content:center;align-items:center;gap:10px;text-align:center;color:#aaa;transition:color .3s ease}.how-it-works-step span{display:block;font-size:20px;font-weight:600;background-color:#edeae3;color:#888;width:60px;height:60px;line-height:35px;border-radius:50%;margin:0 auto 10px;display:flex;justify-content:center;align-items:center;transition:background-color .3s ease,color .3s ease}.how-it-works-step.active{color:#fff}.how-it-works-step.active span{background-color:#fff;color:#426d58}.how-it-works-step:hover{color:#fff}.how-it-works-step:hover span{background-color:#fff;color:#426d58}.how-it-works-body{display:flex;align-items:center;justify-content:center;max-width:1000px;margin:0 auto;background:#fff;border-radius:20px;overflow:hidden}.how-it-works-left,.how-it-works-right{flex:1;padding:40px}.how-it-works-left video{width:100%;border-radius:10px}.how-it-works-right h2,.how-it-works-right p{color:#000}.how-it-works-right h2{font-size:20px;margin-bottom:10px}.how-it-works-right img{max-width:150px;height:auto;margin-bottom:20px}.how-it-works-right p{font-size:14px;margin-bottom:20px;max-width:300px}.how-it-works-right .btn{background-color:#426d58;color:#fff;padding:10px 20px;border-radius:10px;display:inline-block;text-decoration:none;font-weight:600}.how-it-works-right .btn:hover{background-color:#fff;color:#426d58}.step{font-size:20px}.o-btn.is-secondary{background:#fff;color:#000;border-radius:100%;width:60px;height:60px;cursor:pointer;padding:40px;font-size:20px;border:none;display:inline-flex;align-items:center;justify-content:center;transition:all .2s ease;position:relative;bottom:65px}@media (max-width: 768px){.step{display:none}.how-it-works-body{flex-direction:column}.how-it-works-right{display:none}.how-it-works-left{padding:20px}}
/*# sourceMappingURL=/cdn/shop/t/6/compiled_assets/styles.css.map */