#regForm{border-radius:5px;min-height:370px;-webkit-box-shadow:4px 4px 6px rgba(0,0,0,.1);-moz-box-shadow:4px 4px 6px rgba(0,0,0,.1);box-shadow:4px 4px 6px rgba(0,0,0,.1);background:#e5edf4}.progressbar{position:relative;display:flex;justify-content:space-between;counter-reset:step;margin:0 25px 50px}.progress,.progressbar::before{content:"";position:absolute;top:50%;transform:translateY(-50%);height:1px;width:100%;background-color:#dcdcdc}.progress{background-color:#33af12;width:0%;transition:.3s}.progress-step{width:2.1875rem;height:2.1875rem;background-color:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;z-index:1}.progress-step::before{counter-increment:step;content:counter(step);z-index:999}.progress-step::after{content:attr(data-title);position:absolute;top:calc(100% + .5rem);font-size:.85rem;color:#666}.progress-step-active{border:2px solid #33af12}.form{width:clamp(320px,30%,430px);margin:0 auto;border:1px solid #ccc;border-radius:.35rem;padding:1.5rem}.form-step{display:none;transform-origin:top;animation:.5s animate}.form-step-active{display:block}.input-group{margin:2rem 0}@keyframes animate{from{transform:scale(1,0);opacity:0}to{transform:scale(1,1);opacity:1}}.icon-fa{font-size:40px;color:transparent;-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#014fb4}