/* ==========================================================================
   FAQ
   ========================================================================== */

.section.faq-component .section-header__title:before {
	content: none;
}

.section.faq-component .section-header__title {
	margin: 0;
}

.faq__items {
	display: flex;
	flex-direction: column;
	gap: 12px;

	position: relative;
}

/* Item
   ========================================================================== */

.faq__item {
	border: 0;
	border-radius: 30px !important;
	overflow: hidden;

	background-color: #fff;
}

/* Pergunta
   ========================================================================== */

.faq__button {
	position: relative;

	padding: 22px 30px;

	font-size: 18px;
	font-weight: 700;

	color: var(--color-text);
}

.faq__button:not(.collapsed) {
	color: var(--color-primary);
	background-color: var(--color-white);

	border: none;
	box-shadow: none;
	outline: 0;
}

.faq__button:focus,
.faq__button:focus-visible {
	border: 0;
	box-shadow: none;
	outline: 0;
}

/* Ícone
   ========================================================================== */

.faq__button::after {
	width: 16px;
	height: 16px;

	background-size: 16px;
}

/* Resposta
   ========================================================================== */

.faq__answer {
	color: var(--color-text);
}

.faq__answer .accordion-body {
	padding: 0 30px 30px;

	font-size: var(--font-size-md);
	line-height: 1.6;
}

.faq__answer p:last-child {
	margin-bottom: 0;
}

/* CTA
   ========================================================================== */

.faq__buttons-cta {
	padding: 30px 0 0;
	position: relative;
}