<style>
.faq {
	margin-top: 40px;
}

.faq-item {
	border: 1px solid rgba(0,0,0,.12);
	border-radius: 10px;
	padding: 14px 16px;
	margin-bottom: 12px;
	background: #fff;
}

.faq-item summary {
	cursor: pointer;
	font-weight: 600;
	list-style: none;
	outline: none;
}

.faq-item summary::-webkit-details-marker {
	display: none;
}

.faq-content {
	overflow: hidden;
	max-height: 0;
	opacity: 0;
	transform: translateY(-6px);
	transition:
	max-height 0.35s ease,
	opacity 0.25s ease,
	transform 0.25s ease;
	will-change: max-height;
}

.faq-item[open] .faq-content {
	opacity: 1;
	transform: translateY(0);
}

.faq-answer {
	padding-top: 12px;
}

@media (prefers-reduced-motion: reduce) {
	.faq-content {
		transition: none;
	}
}

.faq-item.is-closing .faq-content {
	opacity: 0;
	transform: translateY(-6px);
}

.faq{
	margin-top: 50px;
	padding-top: 30px;
	border-top: 1px solid #eee;
	margin-bottom: 60px;
}
</style>