.faq-item {
	display: flex;
	flex-direction: column;
	border-bottom: 1px solid #ddd;
	padding: 10px 0;
}

.faq-item .question {
	position: relative;
	cursor: pointer;
	padding-right: 30px;
	font-weight: 600;
	display: flex;
	align-items: center;
	font-size: 20px;
}

.faq-item .question::after {
	content: '';
	width: 19px;
	height: 11px;
	background-image: url('data:image/svg+xml,<svg width="19" height="11" viewBox="0 0 19 11" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0605 9.5L9.06055 1.5L1.06055 9.5" stroke="black" stroke-width="3" stroke-linejoin="round"/></svg>');
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(180deg); /* flipped by default */
	transition: transform 0.3s ease;
}

.faq-item.active .question::after {
	transform: translateY(-50%) rotate(0deg); /* points up when open */
}

.faq-item .answer {
	display: none;
	padding-top: 10px;
}