.step-item-container{margin-top:30px;margin-bottom:30px}.step-item-container .step-item{flex-direction:column;flex:1;align-items:center;display:flex;position:relative}.step-item-container .step-item:not(:first-child):before{content:"";z-index:0;background-color:#d1d5db;width:100%;height:2px;transition:background-color .3s;position:absolute;top:15px;left:-50%}.step-item-container .step-item .step{z-index:1;color:#666;background-color:#ecf5ff;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-weight:500;transition:all .3s;display:flex;box-shadow:0 2px 4px #0000001a}.step-item-container .step-item .step span{opacity:.8}.step-item-container .step-item .step-text{color:#666;opacity:.8;text-align:center;margin-top:10px;font-size:.875rem;font-weight:500;transition:all .3s}.step-item-container .step-item.active:not(:first-child):before,.step-item-container .step-item.completed:not(:first-child):before{background-color:#13ba81}.step-item-container .step-item.active .step{background-color:var(--primary-color);color:#fff;font-weight:600;transform:scale(1.1);box-shadow:0 0 15px #4f46e566}.step-item-container .step-item.active .step span{opacity:1}.step-item-container .step-item.active .step-text{color:var(--primary-color);opacity:1;font-weight:600}.step-item-container .step-item.completed .step{background-color:#13ba81}.step-item-container .step-item.completed .step:after{text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:#fff;margin-left:0;font:600 14px "Font Awesome 6 Free";display:inline-block;position:relative;right:0}.step-item-container .step-item.completed .step span{display:none}.step-item-container .step-item.completed .step-text{color:#13ba81;opacity:1;font-weight:600}