.shipping-progress {
    display: flex;
    gap: var(--menu-item-alignment, 12px);
	align-items: center;
	color: var(--paletteColor7, #97AE32);
}

.shipping-progress > p {
	margin-bottom: 0;
}

.shipping-progress .progress {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
	flex-grow: 1;
	width: 100%;
	height: 12px;
	overflow: hidden;
}

.shipping-progress .progress-bar {
	background: var(--paletteColor7, #fff);
	width: 0;
	height: 100%;
	transition: width 0.3s ease-in-out;
}


@media screen and (max-width: 600px) {
	.shipping-progress {
		flex-direction: column;
	}
}