@import url('common.css');

.seo-faq
{
	max-width: unset !important;
	margin-bottom: 40px !important;
	padding: 0 10px;
}

.seo-faq H1
{
	padding: 20px 30px 40px;
	text-align: center;
	font-size: 30pt;
	background: url(../assets/public/commons/yellow-line.svg) no-repeat 55% 84% var(--v-bkgray-base);
	background-size: 400px;
}

.seo-faq H2,
.seo-faq H3,
.seo-faq P
{
	max-width: 1280px;
	margin: auto;
}

.seo-faq H2
{
	margin: 30px auto 20px;
	font-size: 16pt;
	color: var(--v-smky1-base);
}

.seo-faq H3
{
	margin-top: 20px;
	padding: 10px 20px;
	font-size: 14pt;
	background-color: var(--v-bkgray-base);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.seo-faq P,
.seo-faq > DIV
{
	padding: 0 20px 20px;
	font-size: 12pt;
	background-color: var(--v-bkgray-base);
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.seo-faq DIV.p:not(:last-child),
.seo-faq UL.p:not(:last-child)
{
	margin-bottom: 8px;
}

.seo-faq .num
{
	display: none;
}

@media (max-width: 1050px)
{
	.seo-faq H1
	{
		font-size: 26pt;
	}
}

@media (max-width: 800px)
{
	.seo-faq H1
	{
		background-size: 70%;
		background-position-y: 94%;
	}

	.seo-faq H2
	{
		text-align: center;
	}
}