.progress-bar-container{width:100%;display:flex;justify-content:center;align-items:center;margin:20px 0}.progress-step{flex-direction:column;text-align:center;position:relative;flex:1 1}.icon-box,.progress-step{display:flex;align-items:center;transition:all .3s ease}.icon-box{width:60px;height:60px;border:2px solid gray;border-radius:8px;justify-content:center;margin-bottom:10px}.icon-box .icon{font-size:24px;color:gray;transition:all .3s ease}.progress-step .label{font-size:16px;color:gray}.progress-step.active .icon-box{border-color:#007bff;background-color:#e3f2fd}.progress-step.active .icon,.progress-step.active .label{color:#007bff}.progress-step.completed .icon-box{border-color:#28a745;background-color:#d4edda}.progress-step.completed .icon,.progress-step.completed .label{color:#28a745}.progress-step.inactive .icon-box{background-color:#f8f9fa}.progress-step.inactive .label{color:gray}.progress-step:hover .icon-box{transform:scale(1.1)}@media (max-width:768px){.progress-step{flex-direction:row;justify-content:center}.progress-step:not(.active) .label{display:none}.progress-step.active .label{font-size:14px;font-weight:700}}