#book-an-appointment-application {
	.booking-progrss-tracker {
		display: flex;
		align-items: center;
		justify-content: space-between;
		margin: var(--booking-size--xlarge) 0;

		@media only screen and (max-width: 800px) {
			gap: var(--booking-size--medium);
			flex-direction: column;
			align-items: flex-start;
		}
	}

	.booking-step-tracker {
		color: var(--booking-base-color);
		font-size: var(--booking-size--small);
		font-weight: 600;
		line-height: calc(20/16);
		letter-spacing: 0;
	}

	.booking-progress-bar-wrapper {
		flex-basis: 80%;
		width: 100%;
		height: 10px;
		border-radius: 50px;
		background-color: var(--booking-progressbar-bg-color);
	}

	.booking-progress-bar-active {
		height: 10px;
		border-radius: 5px;
		background-color: var(--booking-base-color);
	}
}