.custom-progress-wrapper{background:#fff;padding:25px 15px;border-radius:12px;margin-top:25px;box-shadow:0 0 12px rgb(0 0 0 / .05);text-align:center}.progress-title{font-size:22px;font-weight:700;background:linear-gradient(90deg,#ff3b9a,#ff9a00);-webkit-background-clip:text;-webkit-text-fill-color:#fff0;margin-bottom:20px;text-transform:uppercase}.progress-container{position:relative;display:flex;justify-content:space-between;align-items:center;overflow-x:auto;padding:10px}.progress-line{position:absolute;top:20px;left:0;width:100%;height:4px;background-color:#eee;z-index:1}.progress-step{position:relative;text-align:center;flex:1;min-width:100px;z-index:2}.progress-step .circle{width:20px;height:20px;border-radius:50%;background:#ddd;margin:0 auto 8px;position:relative;z-index:3;transition:0.3s}.progress-step.completed .circle{background:linear-gradient(90deg,#ff9a00,#ff3b9a)}.progress-step.active .circle{background:#ff3b9a;box-shadow:0 0 10px rgb(255 59 154 / .6)}.progress-step .label{font-size:12px;color:#777;line-height:1.3}.progress-step.completed .label{color:#ff9a00}.progress-step.active .label{color:#ff3b9a;font-weight:600}.note{color:#d67fb5;font-size:13px;margin-top:10px}@media (max-width:768px){.progress-container{overflow-x:auto;justify-content:flex-start;padding-bottom:15px}.progress-step{flex:0 0 auto;margin-right:25px}.progress-line{min-width:800px}.progress-title{font-size:18px}}