:root{
	--faq_s1:1.5rem;/*padding*/
	--faq_s2:1rem;/*border radius*/
	--faq_s3:5rem;/*min height*/
	--faq_s4:21px;/*size*/
	--faq_s5:4rem;/*margin-top*/
	--faq_s6:3rem;/*margin-top*/
	--faq_s7:7rem;/*grid-gap*/
	--faq_s8:450px;/*width*/
	--faq_s9:2.5rem;/*padding*/
	--faq_s10:2rem;/*border-radius*/
}
.faq-i1{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center;
	border-radius:inherit;
}
.faq-e1{
	width: 100%;
	max-height:var(--faq_s3);
	display:flex;
	flex-direction:column;
	padding:0 0.3rem 2rem 0.3rem;
	overflow-y:hidden;
}
.faq-e1_1{
	max-height: 2000px !important;
}
.faq-e1_1 .faq-e3{
	top:0;
	opacity:1;
	margin-top:0rem;
}
.faq-e1_1 .faq-e2{
	transform:rotate(-360deg);
}
.faq-e1_1 .faq-e2::after{
	opacity:0;
}
.faq-e2{
	min-width:var(--faq_s4);
	height:var(--faq_s4);
	width:var(--faq_s4);
	display:flex;
	transition:all 0.6s;
}
.faq-e2::before{
	content:'';
	position:absolute;
	height:5px;
	width:var(--faq_s4);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:var(--c4);
	transition:all 0.6s;
	opacity:1;
}
.faq-e2::after{
	content:'';
	position:absolute;
	width:5px;
	height:var(--faq_s4);
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:var(--c4);
	transition:all 0.6s;
	opacity:1;
}
.faq-e3{
	padding:var(--faq_s1);
	transition:all 0.3s;
	top:-10rem;
	opacity:0;
	z-index:-1;
	/*margin-top:var(--faq_s5);
	transition:margin 0s;*/
}
.faq-e4{
	padding:var(--faq_s1);
	border-radius:var(--faq_s2);
	background:white;
	box-shadow:0 0.3rem 0.5rem 0 rgba(0,0,0,0.2);
	cursor:pointer;
	grid-gap:1.5rem;
}
.faq-e5{
	margin-bottom:var(--faq_s6);
}
.faq-e6{
	padding-top: 5rem;
	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	grid-gap:var(--faq_s7);
	align-items: center;
	justify-content:center;
}
.faq-e7{
	max-width:1000px;
}
.faq-e8{
	min-width:var(--faq_s8);
	width:var(--faq_s8);
	padding:var(--faq_s9);
	border-radius:var(--faq_s10);
	background:white;
	box-shadow:0 0.3rem 0.5rem 0 rgba(0,0,0,0.2);
	grid-gap:2rem;
	display:flex;
	flex-direction:column;
	position:sticky;
	top:150px;
}
.faq-e9{
	font-size:2rem;
	border-bottom:5px solid white;
	border-bottom:5px solid var(--quiz_color8);
	color:var(--c3);
	border-bottom: solid 2px var(--c3);
}
.faq-e10{
	border-radius:2rem;
	background:white;
	font-size:1rem;
	padding:1rem;
	border:0;
	outline:unset;
	color:black;
}
.faq-e11{
	border-radius:2rem;
	background:var(--c4);
	font-size:1rem;
	padding:1rem;
	border:0;
	outline:unset;
	color:white;
	transition:all 0.3s;
	border:solid 6px var(--quiz_color8);
}
/*.faq-e11:hover{
	background:unset;
	color:var(--quiz_color8);
}*/
.faq-e12{
	grid-gap:1rem;
}
.faq-e12 .s_f_box4{
	width:3rem;
	height:3rem;
}
.faq-e12 .s_f_box2{
	font-size:0.9rem;
}
.faq-e13{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
	grid-gap: 3rem;
}

@media screen and (max-width:1300px){
	:root{
		--faq_s8:400px;/*width*/
		--faq_s7:5rem;/*grid-gap*/
	}
}

@media screen and (max-width:1100px){
	:root{
		--faq_s8:390px;/*width*/
		--faq_s7:3rem;/*grid-gap*/
	}
}

@media screen and (max-width:1000px){
	:root{
		--faq_s8:100%;/*width*/
	}
	.faq-e6{
		flex-direction:column;
	}
	.faq-e13{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: flex-start;
		grid-gap: 3rem;
	}
	#faq h2 {
		text-align: center;
	}
}

@media screen and (max-width:600px){
	.faq-e8{
		padding:2rem 1.6rem;
	}
}