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

.brx-multistep-form .form-group[hidden]:not(.brx-multistep-actions),
.brx-multistep-form button[hidden] {
	display: none !important;
}

.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-line: #1b2940;
	--ms-progress-line-active: #2ea8e5;
	--ms-progress-glow: rgba(46, 168, 229, 0.38);
	--ms-progress-bg: #1b2940;
	--ms-progress-border: #2a3a55;
	--ms-progress-active-bg: #2ea8e5;
	--ms-progress-active-border: #2ea8e5;
	--ms-progress-number-text: #fff;
	--ms-progress-number-bg: #1b2940;
	--ms-progress-active-number-text: #fff;
	--ms-progress-active-number-bg: #2ea8e5;
	display: flex;
	flex-direction: column-reverse;
	gap: 1.25rem;
}
.brx-multistep-shell .label{
	margin-bottom:1.3rem;
}
.brx-multistep-progress {
	--ms-progress-percent: 0%;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0;
	margin: 0 0 0.75rem;
	padding: 0.5rem 0;
	list-style: none;
}

.brx-multistep-progress::before,
.brx-multistep-progress::after {
	position: absolute;
	top: 50%;
	left: 0;
	height: 3px;
	border-radius: 999px;
	content: "";
	transform: translateY(-50%);
}

.brx-multistep-progress::before {
	right: 0;
	background: var(--ms-progress-line);
}

.brx-multistep-progress::after {
	width: var(--ms-progress-percent);
	background: var(--ms-progress-line-active);
	box-shadow: 0 0 14px var(--ms-progress-glow);
	transition: width 0.25s ease;
}
.brx-multistep-shell .message{
	width:100%;
}
.brx-multistep-progress-item {
	position: relative;
	z-index: 1;
	display: grid;
	align-items: center;
	justify-items: center;
	min-width: 2rem;
	padding: 0;
	border: 0;
	background: transparent;
	color: inherit;
	opacity: 1;
}


.brx-multistep-progress-number {
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	border: 1px solid var(--ms-progress-border);
	border-radius: 999px;
	background: var(--ms-progress-number-bg);
	color: var(--ms-progress-number-text);
	box-shadow: 0 0 0 4px rgba(11, 18, 30, 0.92);
	font-size: 14px;
	font-weight: 600;
	flex: 0 0 auto;
	line-height: 1;
	transition: background 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}

.brx-multistep-progress-item.is-active .brx-multistep-progress-number,
.brx-multistep-progress-item.is-complete .brx-multistep-progress-number {
	border-color: var(--ms-progress-active-border);
	background: var(--ms-progress-active-number-bg);
	color: var(--ms-progress-active-number-text);
	box-shadow: 0 0 0 4px rgba(11, 18, 30, 0.92), 0 0 18px var(--ms-progress-glow);
}

.brx-multistep-progress-item.is-complete .brx-multistep-progress-number {
	color: transparent;
}

.brx-multistep-progress-item.is-complete .brx-multistep-progress-number::after {
	width: 0.42rem;
	height: 0.72rem;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	content: "";
	transform: rotate(45deg) translate(-2px, 2px);
}

.brx-multistep-progress-label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}


.brx-multistep-form .options-wrapper {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(9.85rem, 1fr));
	gap: 0.72rem;
	margin: 0;
	padding: 0;
	list-style: none;
}

.brx-multistep-form .options-wrapper li {
	display: flex;
	min-width: 0;
}

.brx-multistep-form .options-wrapper input[type="checkbox"],
.brx-multistep-form .options-wrapper input[type="radio"] {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

.brx-multistep-form .options-wrapper input[type="checkbox"] + label,
.brx-multistep-form .options-wrapper input[type="radio"] + label {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 2.25rem;
	padding: 0.92rem 1.4rem;
	border: 1px solid #253653;
	border-radius: 8px;
	background: #0d1728;
	color: #eef5ff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
	font-size: 0.84rem;
	font-weight: 500 !important;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	transition: border-color 0.18s ease, background 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.brx-multistep-form .options-wrapper input[type="checkbox"] + label:hover,
.brx-multistep-form .options-wrapper input[type="radio"] + label:hover {
	border-color: #2ea8e5;
	background: #111f35;
}

.brx-multistep-form .options-wrapper input[type="checkbox"]:focus-visible + label,
.brx-multistep-form .options-wrapper input[type="radio"]:focus-visible + label {
	outline: 2px solid rgba(46, 168, 229, 0.5);
	outline-offset: 2px;
}

.brx-multistep-form .options-wrapper input[type="checkbox"]:checked + label,
.brx-multistep-form .options-wrapper input[type="radio"]:checked + label {
	border-color: #45b9f2;
	background: #2ea8e5;
	color: #fff!important;
	box-shadow: 0 0 18px rgba(46, 168, 229, 0.25);
}

.brx-multistep-form .options-wrapper input[type="checkbox"]:active + label,
.brx-multistep-form .options-wrapper input[type="radio"]:active + label {
	transform: translateY(1px);
}

.brx-multistep-form .form-group[data-step="1"] .options-wrapper {
	grid-template-columns: repeat(3, minmax(0, 1fr));
	align-items: stretch;
	gap: 1rem;
}
.brx-multistep-form .form-group[data-step="1"] .options-wrapper li{
	align-items: stretch;
	width:100%;
}
.brx-multistep-form .form-group[data-step="1"] .options-wrapper input[type="checkbox"] + label,
.brx-multistep-form .form-group[data-step="1"] .options-wrapper input[type="radio"] + label {
	position: relative;
	flex-direction: column;
	gap: 1rem;
	height: 100%;
	min-height: 6.75rem;
	padding: 1.4rem 1.25rem;
	border-color: #1d2c46;
	background: #0d121c;
	color: #9aa4b5;
	font-size: 1rem;
	font-weight: 700 !important;
}

.brx-multistep-form .options-wrapper input[type="checkbox"] + label[data-service-icon]::before,
.brx-multistep-form .options-wrapper input[type="radio"] + label[data-service-icon]::before {
	display: none;
	width: 2rem;
	height: 2rem;
	background: currentColor;
	content: "";
	mask-image: var(--ms-service-icon);
	mask-position: center;
	mask-repeat: no-repeat;
	mask-size: contain;
	-webkit-mask-image: var(--ms-service-icon);
	-webkit-mask-position: center;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
}

.brx-multistep-form .options-wrapper input[type="checkbox"] + label[data-service-icon]::before,
.brx-multistep-form .options-wrapper input[type="radio"] + label[data-service-icon]::before {
	display: block;
}

.brx-multistep-form .form-group[data-step="1"] .options-wrapper input[type="checkbox"] + label:hover,
.brx-multistep-form .form-group[data-step="1"] .options-wrapper input[type="radio"] + label:hover {
	color: #d8e2ef;
}

.brx-multistep-form .form-group[data-step="1"] .options-wrapper input[type="checkbox"]:checked + label,
.brx-multistep-form .form-group[data-step="1"] .options-wrapper input[type="radio"]:checked + label {
	border-color: #2ea8e5;
	background: #101a23;
	color: #fff;
}

.brx-multistep-form .form-group[data-step="1"] .options-wrapper input[type="checkbox"]:checked + label::before,
.brx-multistep-form .form-group[data-step="1"] .options-wrapper input[type="radio"]:checked + label::before {
	background: #2ea8e5;
}

.brx-multistep-form .options-wrapper input[type="checkbox"]:checked + label[data-service-icon]::before,
.brx-multistep-form .options-wrapper input[type="radio"]:checked + label[data-service-icon]::before {
	background: #2ea8e5;
}

.brx-multistep-form .options-wrapper input[value="Tagliando / Manutenzione"] + label,
.brx-multistep-form .options-wrapper input[value="maintenance"] + label,
.brx-multistep-form .options-wrapper input[value="tagliando"] + label,
.brx-multistep-form .options-wrapper input[value="manutenzione"] + label,
.brx-multistep-form .options-wrapper label[data-service-icon="maintenance"] {
	--ms-service-icon: url("/wp-content/themes/bricks-child/assets/icons/service-maintenance.svg");
    aspect-ratio: 16 / 7;
}

.brx-multistep-form .options-wrapper input[value="Diagnosi Elettronica"] + label,
.brx-multistep-form .options-wrapper input[value="diagnostics"] + label,
.brx-multistep-form .options-wrapper input[value="diagnosi-elettronica"] + label,
.brx-multistep-form .options-wrapper label[data-service-icon="diagnostics"] {
	--ms-service-icon: url("/wp-content/themes/bricks-child/assets/icons/service-diagnostics.svg");
    aspect-ratio: 16 / 7;
}

.brx-multistep-form .options-wrapper input[value="Carrozzeria e Cristalli"] + label,
.brx-multistep-form .options-wrapper input[value="body-glass"] + label,
.brx-multistep-form .options-wrapper input[value="carrozzeria-cristalli"] + label,
.brx-multistep-form .options-wrapper label[data-service-icon="body-glass"] {
	--ms-service-icon: url("/wp-content/themes/bricks-child/assets/icons/service-body-glass.svg");
    aspect-ratio: 16 / 7;
}

.brx-multistep-form .options-wrapper input[value="Cambio Pneumatici"] + label,
.brx-multistep-form .options-wrapper input[value="tires"] + label,
.brx-multistep-form .options-wrapper input[value="cambio-pneumatici"] + label,
.brx-multistep-form .options-wrapper label[data-service-icon="tires"] {
	--ms-service-icon: url("/wp-content/themes/bricks-child/assets/icons/service-tires.svg");
    aspect-ratio: 16 / 7;
}

.brx-multistep-form .options-wrapper input[value="Revisione"] + label,
.brx-multistep-form .options-wrapper input[value="revision"] + label,
.brx-multistep-form .options-wrapper input[value="revisione"] + label,
.brx-multistep-form .options-wrapper label[data-service-icon="revision"] {
	--ms-service-icon: url("/wp-content/themes/bricks-child/assets/icons/service-revision.svg");
    aspect-ratio: 16 / 7;
}

.brx-multistep-form .brx-multistep-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	gap: var(--ms-gap);
    margin-top: 26px;
    flex-direction: row;
}

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

.brx-multistep-form .brx-multistep-prev,
.brx-multistep-form .brx-multistep-next,
.brx-multistep-form .brx-multistep-actions button[type="submit"] {
	display: inline-flex;
	align-items: center;
	gap: 0.55rem;
    padding:10px 18px;
    border-radius:8px!important;
}

.brx-multistep-form .brx-multistep-next{
    box-shadow: 0px 10px 20px 0px #43A2DB4D;
}

.brx-multistep-form .brx-multistep-next,
.brx-multistep-form .brx-multistep-actions button[type="submit"] {
	margin-left: auto;
}

.brx-multistep-form .brx-multistep-prev::before,
.brx-multistep-form .brx-multistep-next::after {
	display: inline-block;
	font-size: 1.15em;
	font-weight: 500;
	line-height: 1;
}

.brx-multistep-form .brx-multistep-prev::before {
	content: "\2039";
}

.brx-multistep-form .brx-multistep-next::after {
	content: "\203A";
}

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

	.brx-multistep-progress {
		margin-bottom: 0.5rem;
	}

	.brx-multistep-form .form-group[data-step="1"] .options-wrapper {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

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

	.brx-multistep-form .brx-multistep-next,
	.brx-multistep-form .brx-multistep-actions button[type="submit"] {
		margin-left: 0;
	}

	.brx-multistep-form .brx-multistep-actions > * {
		width: 100%;
	}
	.brx-multistep-form .options-wrapper input[value="Tagliando / Manutenzione"] + label,
	.brx-multistep-form .options-wrapper input[value="maintenance"] + label,
	.brx-multistep-form .options-wrapper input[value="tagliando"] + label,
	.brx-multistep-form .options-wrapper input[value="manutenzione"] + label,
	.brx-multistep-form .options-wrapper label[data-service-icon="maintenance"],
	.brx-multistep-form .options-wrapper input[value="Diagnosi Elettronica"] + label,
	.brx-multistep-form .options-wrapper input[value="diagnostics"] + label,
	.brx-multistep-form .options-wrapper input[value="diagnosi-elettronica"] + label,
	.brx-multistep-form .options-wrapper label[data-service-icon="diagnostics"],
	.brx-multistep-form .options-wrapper input[value="Carrozzeria e Cristalli"] + label,
	.brx-multistep-form .options-wrapper input[value="body-glass"] + label,
	.brx-multistep-form .options-wrapper input[value="carrozzeria-cristalli"] + label,
	.brx-multistep-form .options-wrapper label[data-service-icon="body-glass"],
	.brx-multistep-form .options-wrapper input[value="Revisione"] + label,
	.brx-multistep-form .options-wrapper input[value="revision"] + label,
	.brx-multistep-form .options-wrapper input[value="revisione"] + label,
	.brx-multistep-form .options-wrapper label[data-service-icon="revision"]{
		aspect-ratio: inherit;
	}
}

@media (max-width: 420px) {
	.brx-multistep-form .form-group[data-step="1"] .options-wrapper {
		grid-template-columns: 1fr;
	}
	.brx-multistep-form .options-wrapper input[type="checkbox"] + label[data-service-icon]::before,
	.brx-multistep-form .options-wrapper input[type="radio"] + label[data-service-icon]::before {
		width: 60px;
		height: 30px;
	}
}