@media screen and (min-width: 2183px) and (max-width: 2400px) {
	.order-tracking-line-9::before {
		content: '';
		display: block;
		height: 100%;
		width: 3px;
		background-color: #f7be16;
		position: absolute;
		top: 0;
		left: -10px; /* Adjusted position to ensure left alignment */
		z-index: -1;
	}

	.order-tracking-line-9.completed::before {
		background-color: #27aa80;
	}

	.order-tracking-line-9:first-child::before {
		display: none; /* Hide left line for the first .order-tracking item */
	}
}

@media screen and (min-width: 2000px) and (max-width: 2181px) {
	.order-tracking-line-8::before {
		content: '';
		display: block;
		height: 100%;
		width: 3px;
		background-color: #f7be16;
		position: absolute;
		top: 0;
		left: -10px; /* Adjusted position to ensure left alignment */
		z-index: -1;
	}

	.order-tracking-line-8.completed::before {
		background-color: #27aa80;
	}

	.order-tracking-line-8:first-child::before {
		display: none; /* Hide left line for the first .order-tracking item */
	}
}

@media screen and (min-width: 1799px) and (max-width: 1999px) {
	.order-tracking-line-7::before {
		content: '';
		display: block;
		height: 100%;
		width: 3px;
		background-color: #f7be16;
		position: absolute;
		top: 0;
		left: -10px; /* Adjusted position to ensure left alignment */
		z-index: -1;
	}

	.order-tracking-line-7.completed::before {
		background-color: #27aa80;
	}

	.order-tracking-line-7:first-child::before {
		display: none; /* Hide left line for the first .order-tracking item */
	}
}

@media screen and (min-width: 1579px) and (max-width: 1798px) {
	.order-tracking-line-6::before {
		content: '';
		display: block;
		height: 100%;
		width: 3px;
		background-color: #f7be16;
		position: absolute;
		top: 0;
		left: -10px; /* Adjusted position to ensure left alignment */
		z-index: -1;
	}

	.order-tracking-line-6.completed::before {
		background-color: #27aa80;
	}

	.order-tracking-line-6:first-child::before {
		display: none; /* Hide left line for the first .order-tracking item */
	}
}

@media screen and (min-width: 1359px) and (max-width: 1578px) {
	.order-tracking-line-5::before,.order-tracking-line-9::before {
		content: '';
		display: block;
		height: 100%;
		width: 3px;
		background-color: #f7be16;
		position: absolute;
		top: 0;
		left: -10px;
		z-index: -1;
	}

	.order-tracking-line-5.completed::before,.order-tracking-line-9.completed::before {
		background-color: #27aa80;
	}

	.order-tracking-line-5:first-child::before,.order-tracking-line-9:first-child::before {
		display: none;
	}
}

@media screen and (min-width: 1123px) and (max-width: 1200px) {
	.order-tracking-line-5::before,.order-tracking-line-9::before {
		content: '';
		display: block;
		height: 100%;
		width: 3px;
		background-color: #f7be16;
		position: absolute;
		top: 0;
		left: -10px;
		z-index: -1;
	}

	.order-tracking-line-5.completed::before,.order-tracking-line-9.completed::before {
		background-color: #27aa80;
	}

	.order-tracking-line-5:first-child::before,.order-tracking-line-9:first-child::before {
		display: none;
	}
}

@media screen and (min-width: 1201px) and (max-width: 1358px) {
	.order-tracking-line-4::before,.order-tracking-line-7::before {
		content: '';
		display: block;
		height: 100%;
		width: 3px;
		background-color: #f7be16;
		position: absolute;
		top: 0;
		left: -10px;
		z-index: -1;
	}

	.order-tracking-line-4.completed::before,.order-tracking-line-7.completed::before {
		background-color: #27aa80;
	}

	.order-tracking-line-4:first-child::before,.order-tracking-line-7:first-child::before {
		display: none;
	}
}

@media screen and (min-width: 902px) and (max-width: 1122px) {
	.order-tracking-line-4::before,.order-tracking-line-7::before {
		content: '';
		display: block;
		height: 100%;
		width: 3px;
		background-color: #f7be16;
		position: absolute;
		top: 0;
		left: -10px;
		z-index: -1;
	}

	.order-tracking-line-4.completed::before,.order-tracking-line-7.completed::before {
		background-color: #27aa80;
	}

	.order-tracking-line-4:first-child::before,.order-tracking-line-7:first-child::before {
		display: none;
	}
}


@media screen and (min-width: 769px) and (max-width: 902px) {
	.order-tracking-line-3::before,.order-tracking-line-5::before,.order-tracking-line-7::before,.order-tracking-line-9::before {
		content: '';
		display: block;
		height: 100%;
		width: 3px;
		background-color: #f7be16;
		position: absolute;
		top: 0;
		left: -10px;
		z-index: -1;
	}

	.order-tracking-line-3.completed::before,.order-tracking-line-5.completed::before,.order-tracking-line-7.completed::before,.order-tracking-line-9.completed::before {
		background-color: #27aa80;
	}

	.order-tracking-line-3:first-child::before,.order-tracking-line-5:first-child::before,.order-tracking-line-7:first-child::before,.order-tracking-line-9:first-child::before {
		display: none;
	}
}

@media screen and (min-width: 747px) and (max-width: 769px) {
	.order-tracking-line-4::before,.order-tracking-line-7::before {
		content: '';
		display: block;
		height: 100%;
		width: 3px;
		background-color: #f7be16;
		position: absolute;
		top: 0;
		left: -10px;
		z-index: -1;
	}

	.order-tracking-line-4.completed::before,.order-tracking-line-7.completed::before {
		background-color: #27aa80;
	}

	.order-tracking-line-4:first-child::before,.order-tracking-line-7:first-child::before {
		display: none;
	}
}

@media screen and (min-width: 528px) and (max-width: 747px) {
	.order-tracking-line-3::before,.order-tracking-line-7::before,.order-tracking-line-5::before,.order-tracking-line-9::before {
		content: '';
		display: block;
		height: 100%;
		width: 3px;
		background-color: #f7be16;
		position: absolute;
		top: 0;
		left: -10px;
		z-index: -1;
	}

	.order-tracking-line-3.completed::before,.order-tracking-line-7.completed::before,.order-tracking-line-5.completed::before,.order-tracking-line-9.completed::before {
		background-color: #27aa80;
	}

	.order-tracking-line-3:first-child::before,.order-tracking-line-7:first-child::before,.order-tracking-line-5:first-child::before,.order-tracking-line-9:first-child::before {
		display: none;
	}
}

@media screen and (min-width: 90px) and (max-width: 527px) {
	.order-tracking-line-other::before {
		content: '';
		display: block;
		height: 100%;
		width: 3px;
		background-color: #f7be16;
		position: absolute;
		top: 0;
		left: -10px;
		z-index: -1;
	}

	.order-tracking-line-other.completed::before {
		background-color: #27aa80;
	}

	.order-tracking-line-other:first-child::before {
		display: none;
	}
}