/* Progress Bar Styles */
 .progress-container {
     padding: 30px 40px 20px;
     background: #444444;
     border-bottom: 1px solid #1d1d1d;
     overflow: hidden;
 }

 .progress-bar-custom {
     width: 100%;
     height: 8px;
     background: #e9ecef;
     border-radius: 4px;
     /* overflow: hidden; */
     position: relative;
 }

 .progress-fill {
     height: 100%;
     background: linear-gradient(90deg, #7e7e80, #111111);
     border-radius: 4px;
     width: 33.33%;
     transition: width 0.4s cubic-bezier(0.4, 0, 0.2, 1);
     position: relative;
 }

 .progress-bicycle {
     position: absolute;
     top: 50%;
     right: -15px;
     transform: translateY(-50%);
     width: 30px;
     height: auto;
     background: rgba(255, 255, 255, 0.014);
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
     transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
 }

 .progress-bicycle svg {
     width: 18px;
     height: 18px;
     fill: #232324;
 }

 .progress-fill::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
     animation: shimmer 2s infinite;
 }

 @keyframes shimmer {
     0% {
         transform: translateX(-100%);
     }

     100% {
         transform: translateX(100%);
     }
 }

 /* Wizard Step Styles */
 .wizard-step {
     display: none;
     animation: fadeIn 0.5s ease-in-out;
 }

 .wizard-step.active {
     display: block;
 }

 @keyframes fadeIn {
     from {
         opacity: 0;
         transform: translateY(20px);
     }

     to {
         opacity: 1;
         transform: translateY(0);
     }
 }

 /* Enhanced Form Styles */
 .form-control:focus,
 .form-select:focus {
     border-color: #444446;
     box-shadow: 0 0 0 0.2rem rgba(22, 22, 22, 0.25);
 }

 .btn-primary {
     background: linear-gradient(135deg, #202020, #474747);
     border: none;
     transition: all 0.3s ease;
 }

 .btn-primary:hover {
     transform: translateY(-2px);
     box-shadow: 0 8px 20px rgba(101, 101, 104, 0.3);
 }

 .btn-secondary {
     background: transparent;
     color: #666;
     border: 2px solid #e9ecef;
 }

 .btn-secondary:hover {
     background: #f8f9fa;
     border-color: #dee2e6;
 }

 .modal-body {
     padding: 0;
 }

 .form-container {
     padding: 40px;
 }

 /* Container styling */
 .wizard-container {
     background: white;
     border-radius: 16px;
     box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
     margin: 20px auto;
     max-width: 600px;
     overflow: hidden;
 }