.faq-section__list-item {
	padding: 0;
	border-bottom: 1px solid #9FA1EC;
	overflow: hidden;

	@media (prefers-reduced-motion: no-preference) {
		interpolate-size: allow-keywords;
	}

	&::details-content {
	block-size: 0;
	overflow-y: clip;
	transition: content-visibility .2s allow-discrete, block-size .2s;
	}

	&[open]::details-content {
		block-size: auto;
	}
}
@media screen and (min-width:576px) {
	.faq-section__list-item {
		padding: 0 32px;
	}
}
.faq-section--style-2 .faq-section__list-item {
	padding: 0 24px;
	border-color: #000014;
}
.faq-section--style-2 .faq-section__list-item:last-child {
	border-bottom: 0;
}
.faq-section__list-item[open] {
	height: min-content;
}
.faq-section__list-item summary {
	list-style: none;
	font-size: 22px;
	font-style: normal;
	font-weight: 500;
	line-height: 1.5em;
	padding: 16px 30px 16px 0;
	cursor: pointer;
	transition: .2s all;
	position: relative;
}
.faq-section__list-item summary::before,
.faq-section__list-item summary::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 4px;
	translate: 50% -50%;
	transition: .2s all;
}
.faq-section__list-item summary::before,
.faq-section__list-item summary::after {
	background-color: #5F63DF;
}
.faq-section--style-2 .faq-section__list-item summary::before,
.faq-section--style-2 .faq-section__list-item summary::after {
	background-color: #000014;
}
.faq-section__list-item summary::before {
	width: 8px;
	height: 2px;
}
.faq-section--style-2 .faq-section__list-item summary::before {
	width: 20px;
}
.faq-section__list-item summary::after {
	width: 2px;
	height: 8px;
}
.faq-section--style-2 .faq-section__list-item summary::after {
	height: 20px;
}
.faq-section__list-item[open] summary::after {
	height: 0;
}
.faq-section__list-item[open] summary {
	color: #5F63DF;
}
.faq-section__list-item[open] .faq-section__list-item-content {
	padding-bottom: 24px;
}
.faq-section__list-item-content ul {
	list-style: disc;
	padding-left: 1.7em;
}
.faq-section__list-item-content > *:not(:last-child) {
	margin-bottom: .625em;
}
.faq-section__list-item-content > p + ul {
	margin-top: -.625em;
}
.faq-section__list-item-content a {
	transition: var(--transition);
	text-underline-offset: .1em;
	color: var(--accent-violet);
}
.faq-section__list-item-content a:hover {
	text-underline-offset: .3em;
}
@media screen and (max-width:575.98px) {
	.faq-section--style-2 .faq-section__list-item {
		padding: 0;
	}
	.faq-section__list-item summary::before,
	.faq-section__list-item summary::after {
		right: 12px;
	}
}