:root{
	--quiz_color1:rgba(0, 0, 0, 0.2);
	--quiz_color2:rgba(0, 82, 247, 1);
	--quiz_color3:rgba(82, 139, 255, 1);
	--quiz_color4:rgba(0, 85, 255, 0.3);
	--quiz_color5:rgba(17, 189, 66, 1);
	--quiz_color6:rgba(17, 189, 66, 0.5);
	--quiz_color7:rgba(0, 0, 0, 0.7);
	--quiz_color8:rgba(7, 100, 240, 1);
	--quiz_color9:rgba(0, 0, 0, 0.8);
	--quiz_color10:rgba(110, 110, 110, 1);
	--quiz_color11:rgba(0, 64, 255, 1);
}
.quiz_progress_bar{
	display:flex;
	align-content:center;
	justify-content:center;
	align-items:center;
	height:50px;
	border-radius:1rem;
	-webkit-box-shadow:0 0 20px -1px inset var(--quiz_color1);
	box-shadow:0 0 20px -1px inset var(--quiz_color1)
}
.quiz_progress_bar_active{
	background-color:var(--quiz_color2);
	color:rgba(255,255,255,1);
	background-image:-webkit-linear-gradient(-45deg, var(--quiz_color2) 24%, var(--quiz_color3) 25%, var(--quiz_color3) 49%, var(--quiz_color2) 50%, var(--quiz_color2) 74%, var(--quiz_color3) 75%);
	background-size:50px 50px;
	background-color:var(--color4);
	animation:progress_bar_striped_animation 2s infinite linear;
	transition:all 0.2s;
	-webkit-box-shadow:0 0 20px -1px var(--quiz_color2);
}
@keyframes progress_bar_striped_animation{
	0% {
		background-position:50px 0;
	}
	100% {
		background-position:0 0;
	}
}
.quiz_fc1{
	color:var(--quiz_color7);
}
.quiz_fc2{
	color:var(--quiz_color9);
}
.quiz_margin1{
	margin-top:5rem;
	margin-bottom:4rem;
}
.quiz_margin2{
	margin-bottom:1rem;
}
.quiz_margin3{
	margin-top:2rem;
}
.quiz_margin4{
	margin-bottom:4rem;
}
.quiz_input1{
	appearance: none;
	-webkit-transform:translate(0%,-50%);
	transform:translate(0%,-50%);
	width:3rem;
	height:3rem;
	min-width:3rem;
	min-height:3rem;
	border:1.3rem solid rgba(255,255,255,1);
	background-color:var(--quiz_color5);
	background-size:cover;
	border-radius:50%;
	box-shadow:0 5px 10px 0px var(--quiz_color1);
	z-index:150;
	-webkit-box-shadow:0 0 0 7px rgba(255,255,255,0);
	box-shadow:0 0 0 7px rgba(255,255,255,0);
}
.quiz_input1:checked{
	border:0.5rem solid rgba(255,255,255,1);
	background-image:url('../styles/images/icons/check 3.jpg');
	-webkit-box-shadow:0 0 0 7px var(--quiz_color6);
	box-shadow:0 0 0 7px var(--quiz_color6);
}
.quiz_input2{
	transform:unset;
	margin-right:2rem;
	border:1.3rem solid rgba(230, 230, 230, 1);
}
.quiz_input3{
	background-color:var(--quiz_color10);
	background-image:url('../styles/images/icons/not.webp') !important;
}
.quiz_input_viber{
	border:0.1rem solid rgba(255,255,255,1);
	background-image:url('../styles/images/icons/viber.png') !important;
}
.quiz_input_whatsapp{
	border:0.1rem solid rgba(255,255,255,1);
	background-image:url('../styles/images/icons/whatsapp.png') !important;
}
.quiz_input_telegram{
	border:0.1rem solid rgba(255,255,255,1);
	background-image:url('../styles/images/icons/telegram.png') !important;
}
.quiz_input_phone{
	border:0.1rem solid rgba(255,255,255,1);
	background-image:url('../styles/images/icons/phone.png') !important;
}
.quiz_input4{
	padding:1rem 3rem;
	-webkit-box-shadow:0 2px 8px 0px var(--quiz_color1);
	box-shadow:0 2px 8px 0px var(--quiz_color1);
	margin-bottom:2rem;
	color:rgba(0,0,0,1);
	border-radius:3rem;
	background-color:rgba(255,255,255,0);
	outline:none !important;
	border:0;
}
.quiz_input4:focus{
	color:rgba(255,255,255,1);
	background-color:var(--quiz_color5);
}
.quiz_input4:hover{
	color:rgba(255,255,255,1);
	background-color:var(--quiz_color5);
}
.quiz_box1{
	border-radius:2rem;
	/*-webkit-box-shadow:0 2px 10px 0px var(--quiz_color1);
	box-shadow:0 2px 10px 0px var(--quiz_color1);*/
	margin-bottom:2rem;
}
.quiz_box2::after{
	content:'';
	width:100%;
	aspect-ratio:2 / 1;
	top:0;
	left:0;
	position:absolute;
	background-color:rgba(255,255,255,0);
	transition:all 0.3s;
	z-index:100;
	border-radius:inherit;
}
.quiz_box2:hover::after{
	background-color:var(--quiz_color4);
}
.quiz_box2:checked::after{
	background-color:var(--quiz_color4);
}
.quiz_box2:hover .quiz_input1{
	border:0.5rem solid rgba(255,255,255,1);
	background-image:url('../styles/images/icons/check 3.jpg');
}
.quiz_box3{
	border-radius:3rem;
}
.quiz_box4{
	padding:0.8rem;
	border-radius:2rem;
	-webkit-box-shadow:0 0 8px 0px var(--quiz_color1);
	box-shadow:0 0 8px 0px var(--quiz_color1);
}
.quiz_box5:hover .quiz_input1{
	border:0.5rem solid rgba(230,230,230,1);
	background-image:url('../styles/images/icons/check 3.jpg');
}
.quiz_box6{
	/*used*/
}
.quiz_box7{
	/*used*/
}
.quiz_box8{
	/*used*/
}
.quiz_img1{
	aspect-ratio:2 / 1;
	object-fit:cover;
	border-radius:inherit;
}
.quiz_img2{
	height:2.5rem;
	width:2.5rem;
	margin-right:1.5rem;
}
.quiz_button1{
	padding:1.5rem 4rem;
	border-radius:2rem;
	background-color:var(--quiz_color8);
	border:0;
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
	color:rgba(255,255,255,1);
	margin-left:2rem;
}
.quiz_button1:hover{
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.quiz_button2{
	padding:1.5rem 4rem;
	border-radius:2rem;
	background-color:rgba(0, 0, 0, 0.1);
	border:0;
	-webkit-transform:scale(1,1);
	transform:scale(1,1);
	color:rgba(0, 0, 0, 0.3);
}
.quiz_button2:hover{
	-webkit-transform:scale(1.1,1.1);
	transform:scale(1.1,1.1);
}
.quiz_next_info{
	width:100%;
	padding:0.7rem;
	font-size:13px;
	color:black;
	border-radius:2rem;
	background-color:var(--quiz_color1);
	position:absolute;
	-webkit-transform:translate(-50%,0%) scale(0,0);
	transform:translate(-50%,0%) scale(0,0);
	bottom:50%;
	left:50%;
	transition:all 0.3s;
}
.quiz_next_info_active .quiz_next_info{
	bottom:110%;
	-webkit-transform:translate(-50%,0%) scale(1,1);
	transform:translate(-50%,0%) scale(1,1);
}
.quiz_input3_info{
	width:100%;
	padding:0.7rem;
	font-size:13px;
	color:black;
	border-radius:2rem;
	border:1px solid var(--quiz_color1);
	position:absolute;
	-webkit-transform:translate(-50%,0%) scale(0,0);
	transform:translate(-50%,0%) scale(0,0);
	bottom:50%;
	left:50%;
	transition:all 0.3s;
	text-align:center;
	background-color:rgba(255,255,255,1);
}
.quiz_input3_info_parent:hover .quiz_input3_info{
	bottom:110%;
	-webkit-transform:translate(-50%,0%) scale(1,1);
	transform:translate(-50%,0%) scale(1,1);
}
.quiz_input3_info_parent_clicked .quiz_input3_info{
	bottom:110%;
	-webkit-transform:translate(-50%,0%) scale(1,1);
	transform:translate(-50%,0%) scale(1,1);
}
@media screen and (max-width:900px){
	.quiz_box6{
		flex-direction:column-reverse !important;
	}
	.quiz_box7{
		width:100%;
		justify-content:center;
	}
	.quiz_box8{
		width:100%;
		justify-content:space-between;
		margin-bottom:3rem;
	}
	.quiz_button1{
		margin-left:0rem;
	}
	.quiz_input2{
		margin-right:1rem;
	}
	.quiz_input1{
		width:2.2rem;
		height:2.2rem;
		min-width:2.2rem;
		min-height:2.2rem;
		border:1rem solid rgba(255, 255, 255, 1);
	}
	.quiz_input2{
		border:1rem solid rgba(230, 230, 230, 1);
	}
	.quiz_input_viber{
		border:0.1rem solid rgba(255,255,255,1);
	}
	.quiz_input_whatsapp{
		border:0.1rem solid rgba(255,255,255,1);
	}
	.quiz_input_telegram{
		border:0.1rem solid rgba(255,255,255,1);
	}
	.quiz_input_phone{
		border:0.1rem solid rgba(255,255,255,1);
	}
}
@media screen and (max-width:700px){
	.quiz_button1{
		padding:1.5rem 3rem;
	}
	.quiz_button2{
		padding:1.5rem 3rem;
	}
}