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