.faq-item {
	padding: 2rem;
	border-radius: var(--radius-normal); background-color: var(--Identity-Sky);
}
.blue_bg .faq-item {
	background-color: #ffffff;
}
.faq-item.active {
	background-color: var(--Identity-Highlight);
}

.faq-item .faq-head {
	display: flex; align-items: center; gap: 1rem;
	cursor: pointer;
}
.faq-item .faq-head svg {
	flex-shrink: 0; transition: all 0.1s ease-in-out;
}
.faq-item .faq-head:hover svg {
	scale: 1.1;
}
.faq-item:not(.active) .faq-head .open,
.faq-item.active .faq-head .closed {
	display: none;
}
.faq-item .faq-head .faq-title {
	margin: 0; font-weight: 500;
	user-select: none;
	-webkit-user-select: none;
}
.faq-item .faq-content {
	display: grid; grid-template-rows: 0fr;
	user-select: none;
	-webkit-user-select: none;
	padding-left: 3rem; transition: all 0.1s ease-in-out;
}
.faq-item .faq-content-wrapper {
	overflow: hidden;
}
.faq-item.active .faq-content {
	user-select: auto;
	-webkit-user-select: auto;
	grid-template-rows: 1fr; margin-top: 0.5rem;
}

@media screen and (max-width: 767px) {
	.faq-item {
		padding: 1.5rem;
	}
}