#demo{height:100%}#demo,.box{position:relative;display:inline-block}.box{width:50px;height:50px;border-radius:6px;margin:1rem}.green{background-color:#6fb936}.orange{background-color:#f38630}.grey{background-color:#989898}.step__point{background-color:#ebf8f7}.step__point.active{background-color:#3abdb5}.swiper .swiper-button-prev{z-index:2;bottom:0;top:auto;right:3.8rem;left:auto}.swiper .swiper-button-prev:after{font-family:Font Awesome\ 6 Pro;content:"";font-size:1rem;background-color:#3abdb5;color:#fff;padding:1rem;line-height:.5;border-radius:50%}.swiper .swiper-button-next{z-index:2;bottom:0;top:auto;right:.5rem;left:auto}.swiper .swiper-button-next:after{font-family:Font Awesome\ 6 Pro;content:"";font-size:1rem;background-color:#3abdb5;color:#fff;padding:1rem;line-height:.5;border-radius:50%}.swiper .swiper-pagination{display:flex;z-index:1;bottom:1rem!important}.swiper .swiper-pagination .swiper-pagination-bullet{width:.8rem;height:.8rem;background-color:#56e9e0}.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#3abdb5}