.steps-progress-bar{padding:20px 0}.step-progress{display:flex;justify-content:space-between;margin-bottom:15px;position:relative}.step-progress:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:15%;right:15%;height:2px;background-color:#e9ecef;z-index:0}.step-bar{width:33.333%;height:4px;background-color:transparent;z-index:1;transition:background-color .3s;position:relative}.step-bar,.step-number{display:flex;justify-content:center;align-items:center}.step-number{width:30px;height:30px;border-radius:50%;background-color:#e9ecef;color:#6c757d;font-weight:600;font-size:14px;transition:all .3s ease;z-index:2}.step-bar.active .step-number{background-color:#ff6b35;color:#fff}.steps-labels{margin-top:10px}.steps-labels span{font-weight:500;width:33.333%}.steps-labels span.active{color:#ff6b35}.photo-preview-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));grid-gap:15px;gap:15px;margin-bottom:15px}.photo-preview-item{box-shadow:0 2px 8px rgba(0,0,0,.1)}.photo-preview-item img{height:120px;display:block}.remove-btn{position:absolute;top:5px;right:5px;background:rgba(255,107,53,.9);color:#fff;border:none;border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:background-color .3s ease}.remove-btn:hover{background:#ff6b35}.attached-file{background:#f8f9fa;padding:12px 15px;border-radius:6px;border:1px solid #e9ecef}.attached-file .remove-btn{position:static;background:#dc3545;color:#fff;border:none;border-radius:4px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px}.attached-file .remove-btn:hover{background:#c82333}.upload-instructions{font-size:12px;display:block}.button-group{border-top:1px solid #e9ecef;padding-top:20px;margin-top:30px}.dash-btn-two.me-3{margin-right:15px!important}@media (max-width:768px){.photo-preview-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:10px}.photo-preview-item img{height:100px}.step-number,.steps-labels span{font-size:12px}.step-number{width:26px;height:26px}}.step-bar.active:after,.step-bar.active:first-child:before{border-color:#ff6b2c}.steps-labels{width:100%;display:flex;justify-content:space-between}.steps-labels span{font-size:14px;color:#6c757d;transition:color .3s;text-align:center;flex:1 1;padding:0 10px}.steps-labels span.active{color:#ff6b2c;font-weight:600}.photo-preview{display:flex;flex-wrap:wrap;gap:15px;margin-top:15px}.photo-preview-item{position:relative;width:120px;height:120px;border-radius:8px;overflow:hidden;border:1px solid #e9ecef}.photo-preview-item img{width:100%;height:100%;object-fit:cover}.photo-preview-item .remove-button{position:absolute;top:5px;right:5px;background-color:hsla(0,0%,100%,.8);border-radius:50%;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;color:#dc3545}.upload-instructions{font-size:.85rem;color:#6c757d;margin-top:5px}.step-transition-enter{opacity:0;transform:translateX(20px)}.step-transition-enter-active{transition:opacity .3s,transform .3s}.step-transition-enter-active,.step-transition-exit{opacity:1;transform:translateX(0)}.step-transition-exit-active{opacity:0;transform:translateX(-20px);transition:opacity .3s,transform .3s}@media (max-width:768px){.steps-labels span{font-size:12px}.photo-preview-item{width:100px;height:100px}}@media (max-width:576px){.steps-labels span{font-size:10px}.photo-preview-item{width:80px;height:80px}}