.rquard{color:red}.invalid{border:2px solid red}form textarea{resize:vertical;height:100px}form .step{display:none}form .step.active{display:block}form .step-header{margin-bottom:20px;font-size:20px;font-weight:700;color:#ff9800;text-align:center}form .next-step,form .previous-step,form .submit-form{float:right;margin-left:10px}form .previous-step{background-color:#f1f1f1;color:#333}form .previous-step:hover{background-color:#ddd}form .clear{clear:both}.step-indicator{display:flex;justify-content:space-between;margin-bottom:20px;text-align:center;position:relative;padding:0 20px}.step-indicator .step-wrapper{flex:1;position:relative}.step-indicator .step-wrapper::after{content:"";position:absolute;top:50%;right:0;width:calc(100% - 40px);height:2px;background-color:#ccc;z-index:-1;transform:translateY(-50%)}.step-indicator .step-wrapper:last-child::after{display:none}.step-indicator .step{display:inline-block;width:40px;height:40px;line-height:40px;border-radius:50%;border:2px solid #ccc;background-color:#fff;color:#ccc;font-weight:700;margin-bottom:5px;transition:background-color .3s,color .3s;z-index:1;position:relative}.step-indicator .step.active{border-color:#ff9800;background-color:#ff9800;color:#fff;margin:0 auto}.step-indicator .step.completed{border-color:#ff5722;background-color:#ff5722;color:#fff}.step-indicator .step-text{display:block;font-size:14px;color:#ff9800;margin-top:5px}.step-indicator .step-wrapper.completed .step-text{color:#ff5722}