.brx-multistep-form {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding:2.5rem 0;
}

.brx-multistep-shell {
	width:100%;
	--ms-gap: 1rem;
	--ms-accent: var(--bricks-color-primary, currentColor);
	--ms-progress-gap: 0.75rem;
	--ms-progress-radius: 999px;
	--ms-progress-text: inherit;
	--ms-progress-bg: color-mix(in srgb, var(--ms-accent) 6%, white);
	--ms-progress-border: color-mix(in srgb, var(--ms-accent) 18%, transparent);
	--ms-progress-active-text: inherit;
	--ms-progress-active-bg: color-mix(in srgb, var(--ms-accent) 10%, white);
	--ms-progress-active-border: color-mix(in srgb, var(--ms-accent) 40%, transparent);
	--ms-progress-number-text: #fff;
	--ms-progress-number-bg: var(--ms-accent);
	--ms-progress-active-number-text: #fff;
	--ms-progress-active-number-bg: var(--ms-accent);
	display: flex;
	flex-direction: column-reverse;
	gap: 1.25rem;
}
.options-wrapper li {
    display: flex;
    gap: 5px;
    align-items: center;
}
.brx-multistep-shell .label{
	margin-bottom:1.3rem;
}
.options-wrapper li label{
	color: #212121;
    display: block;
    font-weight: 400!important;
    margin-bottom: 0px;
}
.brx-multistep-progress {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
	gap: var(--ms-progress-gap);
	margin: 0;
	padding: 0;
	list-style: none;
}
.brx-multistep-shell .message{
	width:100%;
}
.brx-multistep-progress-item {
	display: flex;
	align-items: center;
	gap: 0.65rem;
	padding: 1.1rem 1rem;
	border: 1px solid var(--ms-progress-border);
	border-radius: var(--ms-progress-radius);
	background: var(--ms-progress-bg);
	color: var(--ms-progress-text);
	opacity: 0.6;
	transition: opacity 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

.brx-multistep-progress-item.is-active,
.brx-multistep-progress-item.is-complete {
	opacity: 1;
}

.brx-multistep-progress-item.is-active {
	border-color: var(--ms-progress-active-border);
	background: var(--ms-progress-active-bg);
	color: var(--ms-progress-active-text);
}

.brx-multistep-progress-number {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2rem;
	height: 2rem;
	border-radius: 999px;
	background: var(--ms-progress-number-bg);
	color: var(--ms-progress-number-text);
	font-size: 0.875rem;
	font-weight: 600;
	flex: 0 0 auto;
}

.brx-multistep-progress-item.is-active .brx-multistep-progress-number,
.brx-multistep-progress-item.is-complete .brx-multistep-progress-number {
	background: var(--ms-progress-active-number-bg);
	color: var(--ms-progress-active-number-text);
}

.brx-multistep-progress-label {
	font-size: 1.2rem;
	line-height: 1.2;
}


.brx-multistep-form .options-wrapper {
	list-style: none;
	margin: 0;
	padding: 0;
}

.brx-multistep-form .submit-button-wrapper.brx-multistep-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: var(--ms-gap);
}

.brx-multistep-form .submit-button-wrapper.brx-multistep-actions .bricks-button[hidden] {
	display: none !important;
}

@media (max-width: 767px) {
	.submit-button-wrapper{
		width:100%;
	}

	.brx-multistep-progress {
		grid-template-columns: 1fr;
	}

	.brx-multistep-form .submit-button-wrapper.brx-multistep-actions {
		flex-direction: column;
		align-items: stretch;
	}

	.brx-multistep-form .submit-button-wrapper.brx-multistep-actions > * {
		width: 100%;
	}
}