/**
 * FAQ flex section.
 *
 * @package BMG_Connect
 * @since 1.1.0
 */

.faqs {
	background: var(--bmg-gray-light);
	padding-block: 96px;
}

.faqs__grid {
	display: grid;
	gap: 40px;
	grid-template-columns: 1fr 1fr;
}

.faqs__item {
	background: var(--bmg-white);
	border-left: 4px solid var(--bmg-teal);
	border-radius: var(--bmg-radius);
	padding: 32px 36px;
}

.faqs__question {
	font-size: 1rem;
	margin: 0 0 12px;
}

.faqs__answer {
	color: var(--bmg-gray);
	font-size: 0.95rem;
}

@media (max-width: 768px) {
	.faqs__grid {
		grid-template-columns: 1fr;
	}
}