.progress-bar,.progress-container{position:relative}.progress-bar{display:flex;justify-content:space-between;padding:0;list-style-type:none;font-size:12px;line-height:10px;text-align:center;margin:120px}.progress-bar li{flex:1;padding:10px 5px;background:#333;color:#fff;position:relative;border-top:1px solid #666;border-bottom:1px solid #666;margin:0 1px}.progress-bar li:before{border-left:16px solid #fff;left:0}.progress-bar li:after,.progress-bar li:before{content:"";border-top:16px solid transparent;border-bottom:16px solid transparent;position:absolute;top:0}.progress-bar li:after{border-left:16px solid #333;left:100%;z-index:20}.floating-element{color:black;top:-80px;padding:5px;z-index:30}.floating-element,.icon-container{position:absolute;left:50%;transform:translateX(-50%)}.icon-container{font-size:24px;top:100%;margin-top:5px}@keyframes turnRed{0%{background-color:#333}to{background-color:rgb(120,14,14)}}.progress-bar li.active{animation:turnRed .7s forwards}.progress-bar li.active:after{border-left-color:rgb(120,14,14)}.progress-bar-new{display:flex;justify-content:space-between;padding:0;position:relative;list-style-type:none;font-size:12px;line-height:20px;text-align:center;margin-top:140px;margin-inline:120px}.progress-bar-new li{flex:1;padding:10px 5px;background:#333;color:#fff;position:relative;margin:0 1px;height:40px;box-sizing:border-box;transition:all .7s}.progress-bar-new li:before{border-left:20px solid #fff;left:0}.progress-bar-new li:after,.progress-bar-new li:before{content:"";border-top:20px solid transparent;border-bottom:20px solid transparent;position:absolute;top:0}.progress-bar-new li:after{border-left:20px solid #333;left:100%;z-index:20;transition:all .7s}.floating-lottie-container{position:absolute;color:black;top:-180px;left:50%;transform:translateX(-50%);padding:5px;z-index:30}.progress-bar-new li.active{background-color:#23a6d5}@keyframes turnColored{0%{background-color:#333}to{background-color:#23a6d5}}.progress-bar-new li.active{animation:turnColored 1s forwards}.progress-bar-new li.active:after{border-left-color:#23a6d5}