/*-----*/
/* FAQ */
/*-----*/
*.faq {
	margin-bottom: 24px;
}
*.faq div.questions {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
*.faq div.questions article {
	display: flex;
	flex-direction: column;
	gap: 12px;
	transition: var(--revilodesign_transition);
	background: rgba( var( --revilodesign_white), 0.7 );
	border-radius: var(--revilodesign_borderRadius);
	box-shadow: var(--revilodesign_cardShadow);
	overflow: hidden;
}
*.faq div.questions article:hover {
	background: rgba( var(--revilodesign_white), 1);
}
*.faq div.questions article.open:hover {
	background: rgba( var(--revilodesign_white), 0.7);
}
*.faq div.questions article h3 {
	padding: 0  0 0;
	position: relative;
	font-size: var(--revilodesign_text_fontSize);
	line-height: var(--revilodesign_text_lineHeight);
	cursor: pointer;
	padding: 12px 40px 12px 24px;
}
*.faq div.questions article:hover h3 {
	color: var(--revilodesign_dark);
}
*.faq div.questions article h3::before {
	content: '\f078';
	font-family: "Font Awesome 5 Free";
	font-weight: 600;
	width: 24px;
	height: 24px;
	font-size: 16px;
	display: flex;
	justify-content: center;
	align-content: center;
	align-items: center;
	border-radius: 50%;
	position: absolute;
	right: 24px;
	top: 50%;
	transform: translateY(-50%);
}
*.faq div.questions article.open h3::before {
	transform: translateY(-50%) rotate(180deg);
}
*.faq div.questions article div.text {
	display: none;
	padding: 0 24px;
}
*.faq div.questions article div.text div.buttons {
	margin-bottom: 24px;
}