.stepper{width:80%;display:flex;justify-content:center;overflow:hidden}[dir] .stepper{margin:0 10%;border-radius:10px;margin-bottom:20px}.stepper .active{fill:#ffe802}.stepper .steps{display:flex;justify-content:space-between;align-items:center;width:100%;position:relative}[dir] .stepper .steps{margin:auto}.stepper .steps div.text{color:#000}.stepper .steps .step{width:25%;display:flex;flex-direction:column;justify-content:center;align-items:center}.stepper .steps .step:last-of-type .circle-progress:after{display:none}.stepper .steps .step .circle-progress{z-index:2}[dir] .stepper .steps .step .circle-progress{margin:10px}.stepper .steps .step .circle-progress:after{display:block;content:"";position:absolute;height:5px;top:22px;width:calc(25% - 13px)}[dir] .stepper .steps .step .circle-progress:after{background-color:#e1e4e8}[dir=ltr] .stepper .steps .step .circle-progress:after{margin-left:28px}[dir=rtl] .stepper .steps .step .circle-progress:after{margin-right:28px}.stepper .steps .step div.text{font-size:14px}[dir] .stepper .steps .step.completed .circle-progress:after{background-color:#ffe802}