.tlst-ajax-form .tls-ajax-cont-1, .tlst-ajax-form .tls-ajax-cont-2 {
	display: none;
	text-align: center;
	padding: 30px 0;
	font-size: 20px;
}
.tlst-ajax-form.doing-ajax-1 .tls-ajax-cont-1, .tlst-ajax-form.doing-ajax-2 .tls-ajax-cont-2 {
	display: block;
}

div.tracking-order .progress-container {
	position: relative;
	width: 100%;
	height: 20px;
	background: #e0e0e0;
	border-radius: 10px;
	/* overflow: hidden; */
	margin: 40px 0 60px; /* space for labels */
  }
  
  div.tracking-order .progress-fill {
	height: 100%;
	background: linear-gradient(90deg, #4caf50, #81c784);
	transition: width 0.5s ease;
	    border: 2px solid black;
  box-sizing: border-box; /* Ensures border stays inside the progress bar */
  border-radius: 10px; /* match the container's rounding */
  }
  
  div.tracking-order .progress-indicator {
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 45px;
	height: 45px;
	background: #4caf50;
	border: 3px solid #fff;
	border-radius: 50%;
	z-index: 3;
	transition: left 0.5s ease;
  }
  
  /* Status classes */
  div.tracking-order .status-available .progress-fill, div.tracking-order .status-canceled .progress-fill, div.tracking-order .status-tendered-order .progress-fill { width: 0%; }
  div.tracking-order .status-scheduled-for-pickup .progress-fill { width: 20%; }
  div.tracking-order .status-out-for-pickup .progress-fill { width: 40%; }
  div.tracking-order .status-in-transit .progress-fill { width: 80%; }
  div.tracking-order .status-pending-delivery .progress-fill, div.tracking-order .status-delivery-pending-appointment .progress-fill { width: 80%; }
  div.tracking-order .status-out-for-delivery .progress-fill { width: 80%; }
  div.tracking-order .status-delivered .progress-fill { width: 100%; }
  
  div.tracking-order .status-available .progress-indicator, div.tracking-order .status-canceled .progress-indicator, div.tracking-order .status-tendered-order .progress-indicator { left: 0%; }
  div.tracking-order .status-scheduled-for-pickup .progress-indicator { left: 20%; }
  div.tracking-order .status-out-for-pickup .progress-indicator { left: 40%; }
  div.tracking-order .status-in-transit .progress-indicator { left: 60%; }
  div.tracking-order .status-pending-delivery .progress-indicator, div.tracking-order .status-delivery-pending-appointment .progress-indicator { left: 80%; }
  div.tracking-order .status-out-for-delivery .progress-indicator { left: 80%; }
  div.tracking-order .status-delivered .progress-indicator { left: 100%; }

  
  /* Labels */
  div.tracking-order .progress-labels {
	position: absolute;
	top: 130%;
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 12px;
	color: #555;
	flex-wrap: wrap;
	gap: 5px;
  }
  
  div.tracking-order .progress-labels span {
	/* position: relative; */
	transform: translateX(-50%);
	text-align: center;
	width: max-content;
  }
  
  /* Responsive tweaks */
  @media (max-width: 768px) {
	div.tracking-order .progress-labels {
	  flex-direction: row;
	  justify-content: space-between;
	  top: 140%;
	  font-size: 11px;
	}
	
	div.tracking-order .progress-indicator {
	  width: 20px;
	  height: 20px;
	}
  }
  
  @media (max-width: 480px) {
	div.tracking-order .progress-labels {
	  flex-direction: column;
	  align-items: center;
	  top: 150%;
	  gap: 6px;
	}
	
	div.tracking-order .progress-labels span {
	  transform: none;
	}
  
	div.tracking-order .progress-container {
	  margin-bottom: 100px;
	}
  }