.faq-container {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.faq-title {
	color: var(--theme-color-blue);
	font-family: "kepler-std-semibold-condensed-display", serif;
	font-size: calc(5.289rem * var(--scale-factor));
	text-align: center;
}

.faq-subtitle {
	margin-top: calc(2.975rem * var(--scale-factor));
	font-size: max(calc(0.992rem * var(--scale-factor)), 1rem);
	width: calc(34.711rem * var(--scale-factor));
	text-align: center;
}

/* TODO: add max( for title of FAQ */
.faq-questions-container {
	text-align: center;
	width: calc(30.702rem * var(--scale-factor));
	margin-bottom: calc(3.017rem * var(--scale-factor));
}

.faq-category-title {
	font-family: "kepler-std-semibold-condensed-display", serif;
	font-size: 1.983rem; /* do not scale */
	margin-top: calc(2.975rem * var(--scale-factor));
	margin-bottom: calc(2.975rem * var(--scale-factor));
	text-transform: uppercase;
	text-align: center;
}

.faq-category-title > a {
	text-decoration: none;
	color: var(--theme-color-pink);
}

.faq-category-container {
	border-bottom: 0.041rem solid var(--theme-color-pink);
}

.faq-questions {
	margin-top: calc(2.975rem * var(--scale-factor));
	margin-bottom: calc(2.975rem * var(--scale-factor));
}

.faq-question-title {
	font-size: 0.992rem; /* do not scale */
	color: var(--theme-color-beige);
	text-transform: uppercase;
	font-weight: 400;
	margin-bottom: var(--pico-typography-spacing-vertical);
	margin-top: var(--pico-typography-spacing-vertical);
	cursor: pointer;
}

.faq-question-title > a {
	text-decoration: none;
	color: var(--theme-color-beige);
}

.faq-question {
	margin-top: calc(1.4875rem * var(--scale-factor));
}

.faq-question-border-container {
	display: flex;
	justify-content: center;
}
.faq-question-border-element {
	border-bottom: 0.02rem solid var(--theme-color-beige);
	width: calc(5rem * var(--scale-factor));
}