.custom-gap{gap:1rem}.step-indicator{padding:0 20px}.step .step-icon:hover{background:#74c2ef}.step-indicator .step-icon{border-radius:50%}.container{max-width:1200px;margin:0 auto}.step-indicator{margin-top:10px;padding:0 20px 40px;margin-bottom:20px}.step,.step-indicator{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:relative;z-index:1}.step.solved .step-icon{background:#4caf50}.step .step-icon:hover{-webkit-transform:scale(1.2);transform:scale(1.2);background:#4daa6c;cursor:pointer}.step-indicator .step-icon{height:30px;width:30px;border-radius:20%;background:#c2c2c2;font-size:9px;text-align:center;color:#fff;position:relative;line-height:30px;font-size:20px}.step.active .step-icon{background:#009688}.the-state{top:110px}.step p,.the-state{text-align:center;position:absolute;bottom:-40px;font-size:12px;font-weight:700;width:90px}.step p{color:#c2c2c2;top:60px}.step.active p{color:#009688}.step.step2 p,.step.step3 p{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.indicator-line{width:100%;height:2px;background:#c2c2c2;-webkit-box-flex:1;-ms-flex:1;flex:1}.indicator-line.active{background:#dc143c}@media screen and (max-width:500px){.step p{font-size:11px}}