.progressbar{position:relative;display:flex;justify-content:space-between;counter-reset:step;margin:0 0 4rem;z-index:2}.progressbar:before,.progress{content:"";position:absolute;top:50%;transform:translateY(-50%);height:4px;width:100%;background-color:#ffc3004d;z-index:-1}.progress{background-color:var(--primary-color);width:0%;transition:.3s}.progress-step{width:2.1875rem;height:2.1875rem;background-color:#ffc300e6;border-radius:50%;display:flex;justify-content:center;align-items:center}.progress-step:before{counter-increment:step;content:counter(step)}.progress-step:after{content:attr(data-title);position:absolute;top:calc(100% + .5rem);font-size:.85rem;color:#666}.progress-step-active{background-color:var(--primary-color);color:#f3f3f3}.form-step{display:none;transform-origin:top;animation:animate .5s}.form-step-active{display:block}@keyframes animate{0%{transform:scaleY(0);opacity:0}to{transform:scale(1);opacity:1}}