.spire-test-drive-form-blokk-inner{
	max-width: 1290px;
	margin: auto;
	padding: 25px 0;
}
.spire-test-drive-form-blokk-inner h2.allFormTitle{
		margin-bottom: 40px;
	}
.spire-test-drive-form-locationform{
	display: flex;
	justify-content: center;
}
.spire-test-drive-iframe-inner{
	/* flex-shrink: 0; */
	flex-basis: 400px;
}

.testDriveFormStepTitle{
	font-size:32px;
	text-transform: uppercase;
	border-bottom: 1px solid var(--global-palette2,#0041A0);
}


#test-drive-form-car-select{
	border: none;
	padding-left: 0;
	padding-right: 0;
}
#test-drive-location-radios{
	display: grid;
	row-gap: 0px;
	column-gap: 40px;
	border: none;
	padding-left: 0;
}
@media (min-width: 768px){
	#test-drive-location-radios{
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}
@media (min-width: 1280px){
	#test-drive-location-radios{
		grid-template-columns: 2fr 1fr;
	}
}
	.radios-wrap-inner{

	}
		.test-drive-lvl3-title{
			font-size: 20px;
			text-transform: uppercase;
		}
		.radios-fast{
			/* margin-bottom: 40px; */
		}
		@media (min-width: 1290px){
			.radios-fast{
				columns: 2;
				margin-bottom: 0;
				/* border: 1px solid red; */
			}
		}

.spire-test-drive-form-locationform{
	/* height: 0px; */
	overflow: hidden;
	transition: opacity .5;
	opacity: 0;
	background-color: #f4f4f4;
}
.spire-test-drive-form-locationform.active{
	height: auto;
	opacity: 1;
}

.test-drive-allFormsWrap.activated .active{
	animation-delay: .3s;
}
.test-drive-allFormsWrap:not(.activated) .inactive{
	opacity: 0 !important;
}

.test-drive-allFormsWrap .active {
	animation-name: slide-in;
	animation-duration: 0.5s;
	animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation-fill-mode: both;
}
.test-drive-allFormsWrap .inactive {
	position: absolute;
	animation-name: slide-out;
	animation-duration: 0.5s;
	/* animation-delay: 2s; */
	animation-timing-function: cubic-bezier(0.250, 0.460, 0.450, 0.940);
	animation-fill-mode: both;
}

@keyframes slide-in {
	0% {
		opacity: 0;
		transform: translateX(-50px);
	}
	100% {
		opacity: 1;
		transform: translateX(0px);
	}
}

@keyframes slide-out {
	0% {
		
		opacity: 1;
		transform: translateX(0px);
	}
	100% {
		opacity: 0;
		transform: translateX(50px);
	}
}




/*Styling of radios*/
.testDrive-radioBtn-wrap{
	display: grid;
	grid-template-columns: 32px auto;
	gap: 20px;
	margin-bottom: 10px;
}
.testDrive-radioBtn{
	display: grid;
	place-content: center;

	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 32px;
	height: 32px;
	border: 1.5px solid #000;
	border-radius: 4px;

}
	.testDrive-radioBtn[disabled]{
		color: #C8CDD2;
		border: 1.5px solid #C8CDD2;
	}

	.testDrive-radioBtn::before {
		content: "";
		display: block;
		width: 16px;
		height: 16px;
		background-color: #0041A0;
		border-radius: 4px;
		transform: scale(0);
		transition: 400ms transform ease-in-out;
		box-shadow: inset 1em 1em var(--form-control-color);
	}
	.testDrive-radioBtn:checked::before {
		transform: scale(1);
	}

.testDrive-radioBtn-wrap label{
	padding-top: 7px;
	text-transform: uppercase;
	font-size: 20px;
}

.testDrive-radioBtn-wrap .testDrive-radioBtn[disabled] + label{
	color: #C8CDD2;
}











/*Car select*/
#test-drive-form-car-select{
	display: flex;
	/* display: block; */
	overflow: hidden;
	margin-bottom: 30px;
}
	@media (min-width: 768px){
		#test-drive-form-car-select{
			margin-bottom: 80px;
		}
	}
#test-drive-form-car-select>*{
	display: block;
	/* border: 1px solid red; */
}

.car-select-item{
	flex-basis: 100%;
	max-width: 49%;
	position: relative;
	cursor: pointer;
}
	.car-select-item .img-wrap{
		position: relative;
		/* margin-bottom: -1rem; */
		z-index: 0;
	}

	.car-select-item:has(input:checked) img{
		transform: scale(1) translateY(10px);
		opacity: 1;
	}

	.car-select-item img{	
		opacity: .7;
		transform: scale(.85) translateY(10px);
		transform-origin: bottom left;
		transition: all .5s;
		z-index: 0;
	}
	@media (min-width: 768px){
		.car-select-item:has(input:checked) img{
			transform: scale(1) translateY(15px);
		}
		.car-select-item img{
			transform: scale(.85) translateY(35px);
		}
	}
	.car-select-item input[name="carModel"]{
		display: none;
	}

	.car-select-item input + span{
		position: relative;
		z-index: 1;
	}
	.car-select-item input:checked + span{

		text-decoration: underline;
		color: #0041A0;
	}


.no-showroom-txt{
	margin-bottom: 60px;
}