@charset "UTF-8";.how-it-works-sec{position:relative;background-color:#fff}.how-it-works-sec .card-wrapper{position:relative;padding:16px;display:block;height:100%}.how-it-works-sec .card-wrapper:before{content:"";position:absolute;width:100%;height:50%;top:0;left:0;border:1px solid #056240;border-bottom:none;border-radius:8px 8px 0 0}.how-it-works-sec .card-wrapper:after{content:"";position:absolute;width:100%;height:50%;bottom:0;left:0;border:1px dashed #056240;border-top:none;border-radius:0 0 8px 8px}.how-it-works-sec .card-wrapper.card-3 .bar{display:none}.how-it-works-sec .card-wrapper.card-3 .card:after{display:none}.how-it-works-sec .card-wrapper .card{border-radius:8px;display:block;padding:30px 20px;margin-bottom:0;border:1px solid #ebebeb;text-align:center;position:relative;height:100%}.how-it-works-sec .card-wrapper .card:before{content:attr(data-index);width:22px;height:22px;position:absolute;background-color:#056240;border-radius:50%;color:#fff;font-size:15px;line-height:10px;display:flex;justify-content:center;align-items:center;left:-28px;top:50%;transform:translateY(-50%);z-index:1}.how-it-works-sec .card-wrapper .card:after{content:"\279d";width:22px;height:22px;position:absolute;background-color:#056240;border-radius:50%;color:#fff;font-size:15px;line-height:10px;display:flex;justify-content:center;align-items:center;right:-28px;top:50%;transform:translateY(-50%);z-index:1}.how-it-works-sec .card-wrapper .card .card-icon{margin-bottom:20px}.how-it-works-sec .card-wrapper .card .card-title{font-size:22px;font-weight:700;color:#000;margin-bottom:10px}.how-it-works-sec .card-wrapper .card p{margin-bottom:8px;line-height:1.2}.how-it-works-sec .card-wrapper .bar{border-bottom:1px dashed #056240;position:absolute;width:50px;height:1px;left:100%;top:50%}@media (max-width: 992px){.how-it-works-sec .card-wrapper:before{width:50%;height:100%;border:1px dashed #056240;border-right:none;border-radius:8px 0 0 8px}.how-it-works-sec .card-wrapper:after{width:50%;height:100%;right:0;left:unset;top:0;border:1px solid #056240;border-left:none;border-radius:0 8px 8px 0}.how-it-works-sec .card-wrapper .card:before{left:50%;top:-28px;transform:translate(-50%)}.how-it-works-sec .card-wrapper .card:after{left:50%;bottom:-28px;top:unset;transform:translate(-50%) rotate(90deg)}.how-it-works-sec .card-wrapper .bar{border-left:1px dashed #056240;width:1px;height:50px;left:50%;top:100%}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/how-it-works-sec.css.map */