.how-it-works-section{background-color:#fff;padding:60px 0;position:relative}.section-title{color:#000;font-size:28px;font-weight:700;margin-bottom:15px;text-align:center}.section-subtitle{color:#777;font-size:16px;margin-bottom:30px;text-align:center}.step-container{align-items:flex-start;flex-wrap:wrap}.step-box,.step-container{display:flex;justify-content:center}.step-box{align-items:center;flex-basis:calc(50% - 200px);flex-grow:1;flex-shrink:1;margin:20px 100px;position:relative}.how-it-works-item{background-color:#000;border-radius:6px;box-shadow:0 4px 10px #0000001a;color:#fff;max-width:350px;padding:15px;position:relative;text-align:left;width:100%}.how-it-works-item h3{font-size:20px;font-weight:600;margin-bottom:12px}.how-it-works-item p{color:#aaa;font-size:14px}.step-number{background-color:#8ef0c2;border-radius:8px;color:#000;display:inline-block;font-size:18px;font-weight:700;height:40px;left:-20px;line-height:40px;position:absolute;text-align:center;top:-20px;width:40px}.step-box:nth-child(2n) .step-number{left:auto;right:-20px}.step-box:nth-child(odd) .how-it-works-item{margin-left:0;margin-right:auto;transform:translateY(-30px)}.step-box:nth-child(2n) .how-it-works-item{margin-left:auto;margin-right:0;transform:translateY(30px)}@media (max-width:1024px){.step-box{flex:1 1 100%;margin:20px 0}.step-box:nth-child(2n) .how-it-works-item,.step-box:nth-child(odd) .how-it-works-item{margin-left:auto;margin-right:auto;transform:none}.step-box:nth-child(odd) .step-number{left:-20px}.step-box:nth-child(2n) .step-number{right:-20px}}@media (max-width:768px){.how-it-works-section{padding:40px 0}.section-title{font-size:24px}.step-box{margin:20px 0}.how-it-works-item{max-width:300px;padding:12px}.step-number{font-size:16px;height:35px;line-height:35px;top:-25px;width:35px}.step-box:nth-child(odd) .step-number{left:-20px}.step-box:nth-child(2n) .step-number{right:-20px}.how-it-works-item h3{font-size:18px}.how-it-works-item p{font-size:13px}}@media (max-width:480px){.how-it-works-section{padding:30px 0}.section-title{font-size:22px}.step-box{margin:15px 0}.how-it-works-item{max-width:280px;padding:10px}.step-number{font-size:14px;height:30px;line-height:30px;top:-20px;width:30px}.step-box:nth-child(odd) .step-number{left:-20px}.step-box:nth-child(2n) .step-number{right:-20px}.how-it-works-item h3{font-size:16px}.how-it-works-item p{font-size:12px}}
/*# sourceMappingURL=297.b3490857.chunk.css.map*/