/**
 * Project template v2 additions.
 * Base layout intentionally comes from the existing project, direction and
 * service components. These rules only isolate v2 semantics and alignment.
 */

.project-v2-page {
	--project-v2-text-size: 14px;
	--project-v2-text-line-height: 20px;
	--project-v2-h2-size: 40px;
	--project-v2-h2-line-height: 60px;
	--project-v2-h3-size: 20px;
	--project-v2-h3-line-height: 26px;
}

.project-v2-page .section-title {
	font-size: var(--project-v2-h2-size);
	line-height: var(--project-v2-h2-line-height);
}

.project-v2-page .info-with-icons-title,
.project-v2-page .column-info-with-icons-title,
.project-v2-page .single-project-functionality .functionality-item .functionality-title,
.project-v2-page .FAQ .FAQ-title {
	font-size: var(--project-v2-h3-size) !important;
	line-height: var(--project-v2-h3-line-height) !important;
}

.project-v2-page .about-project-text,
.project-v2-page .info-with-icons-text,
.project-v2-page .column-info-with-icons-text,
.project-v2-page .single-project-functionality .functionality-item .functionality-text,
.project-v2-page .FAQ .FAQ-text,
.project-v2-page .seo-text {
	font-size: var(--project-v2-text-size) !important;
	line-height: var(--project-v2-text-line-height) !important;
}

.project-v2-page .first-section-content .first-section-brief-list {
	align-items: flex-start;
	justify-content: flex-start;
}

.project-v2-page .first-section-content .first-section-brief {
	text-align: left;
}

.project-v2-page .first-section-content .first-section-brief-list .first-section-brief .first-section-brief-title,
.project-v2-page .first-section-content .first-section-brief-list .first-section-brief .first-section-brief-text {
	margin-left: 0;
	margin-right: 0;
	text-align: left;
}

.project-v2-page .info-with-icons-list .swiper-wrapper {
	align-items: stretch;
}

.project-v2-page .info-with-icons-item {
	height: auto;
}

.project-v2-page .info-with-icons-title,
.project-v2-page .column-info-with-icons-title,
.project-v2-page .functionality-title,
.project-v2-page .FAQ-title {
	margin: 0;
}

.project-v2-page .info-with-icons-text,
.project-v2-page .column-info-with-icons-text {
	text-align: left;
}

.project-v2-page .column-info-with-icons-item {
	width: 100%;
	max-width: 100%;
}

.project-v2-page .column-info-with-icons-content {
	width: 100%;
}

.project-v2-page .functionality-title {
	color: #1a1a1a;
}

.project-v2-page .FAQ-title {
	font-family: inherit;
}

@media (max-width: 768px) {
	.project-v2-page {
		--project-v2-h2-size: 24px;
		--project-v2-h2-line-height: 30px;
	}

	.project-v2-page .first-section-content .first-section-brief-list {
		justify-content: flex-start;
		width: calc(100% - 80px);
	}

	.project-v2-page .first-section-content .first-section-brief {
		max-width: 100%;
	}

}

@media (min-width: 769px) and (max-width: 1024px) {
	.project-v2-page {
		--project-v2-h2-size: 36px;
		--project-v2-h2-line-height: 46.8px;
	}
}