#faq {
}

#faq .container-wrap {
	width: 50vw;
}

#faq .questions-wrap {
	width: 100%;
	display: flex;
	gap: var(--gap-s);
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
}

#faq .question-wrap {
	width: 100%;
	display: flex;
	gap: var(--gap-s);
	flex-direction: column;
	align-content: flex-start;
	justify-content: flex-start;
	align-items: flex-start;
}

#faq .question {
	position: relative;
	top: 0;
	width: 100%;
	box-sizing: border-box;

	font-family: var(--font-family-regular);
	font-size: var(--font-size-xs);
	line-height: var(--font-size-s);
	color: #fff;

	transition: 0.2s;
	padding: 1vw 3vw 1vw 1vw;
	border-radius: var(--radius-xs);
	border: 1px solid var(--color-6);
	backdrop-filter: blur(20px);
	background: var(--color-5);
}

#faq .question:hover {
	cursor: pointer;
	/* top: -0.5vw; */
	border-color: rgba(255, 255, 255, 0.3);
}

#faq .question .question-btn {
	position: absolute;
	top: 1vw;
	right: 1vw;

	width: 1vw;
	height: 1vw;

	border-radius: 0.25vw;
	background-color: var(--color-8);

	background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.89526 12V7.09934H0V4.87417H4.89526V0H7.11797V4.87417H12V7.09934H7.11797V12H4.89526Z' fill='white'/%3E%3C/svg%3E");

	background-repeat: no-repeat;
	background-position: center;
	background-size: 0.5vw;
}

#faq .question-wrap.close .question-btn {
	background-image: url("data:image/svg+xml,%3Csvg width='12' height='3' viewBox='0 0 12 3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 2.22517V0L12 0.000149436V2.22517H0Z' fill='white'/%3E%3C/svg%3E");
}

#faq .answer {
	position: relative;
	width: 100%;
	box-sizing: border-box;

	font-family: var(--font-family-regular);
	font-size: var(--font-size-xs);
	line-height: var(--font-size-s);
	color: var(--color-4);

	transition: 0.2s;
	padding: 1vw;
	border-radius: var(--radius-xs);
	border: 1px solid var(--color-6);
	backdrop-filter: blur(20px);
	background: var(--color-5);
}

#faq .question-wrap.close .answer {
	display: none;
}