.faq-list { 
	width: 100%;
	margin: 0 auto 1.5em;
}

.faq-item { 
	margin-bottom: 10px; 
}

.faq-question { 
	display: flex; 
	align-items: center; 
	gap: 6px; 
	width: 100%; 
	padding: 10px; 
	color: black;
	background-color: #f1f1f1; 
	border: none; 
	text-align: left; 
	cursor: pointer; 
	font-size: 16px; 
	transition: background-color 0.3s ease; 
}

.faq-question:hover, .faq-question:focus { 
	background-color: #ddd; 
	color: inherit;
}

.faq-answer { 
	max-height: 0; 
	overflow: hidden; 
	transition: max-height 0.3s ease; 
	background-color: #fafafa; 
	padding: 0 10px; 
}

.faq-item.is-open > .faq-question {
    background-color: black;
		color: white;
}

.faq-item.is-open > .faq-answer { 
	padding: 10px; 
}

.faq-item:not(.is-open) svg.faq-accordion__icon-open { 
	display: none; 
}

.faq-item.is-open svg.faq-accordion__icon-open { 
	display: block; 
}

.faq-item.is-open svg.faq-accordion__icon { 
	display: none; 
}