
.hl-page-title {
	width: 100%;
	margin: 0;
	padding: var(--hl-title-space-top) 24px var(--hl-title-space-bottom);
	background: transparent;
	clear: both;
}

.hl-page-title__inner {
	width: 100%;
	max-width: var(--hl-title-content-width);
	margin: 0 auto;
}

.hl-page-title__heading {
	margin: 0 !important;
	padding: 0 !important;
	color: #292e2b !important;
	font-size: clamp(36px, 4vw, var(--hl-title-size)) !important;
	font-weight: 700 !important;
	line-height: 1.08 !important;
	letter-spacing: -0.025em;
	text-align: left;
}

.hl-page-title__line {
	display: block;
	width: var(--hl-title-line-width);
	height: var(--hl-title-line-height);
	margin-top: 16px;
	border-radius: 999px;
	background: var(--hl-title-line);
}

.hl-page-title__subtitle {
	max-width: 760px;
	margin: 18px 0 0 !important;
	color: #596057;
	font-size: var(--hl-title-subtitle-size);
	line-height: 1.55;
	text-align: left;
}

@media (max-width: 767px) {
	.hl-page-title {
		padding-left: 18px;
		padding-right: 18px;
	}

	.hl-page-title__heading {
		font-size: clamp(32px, 10vw, 44px) !important;
	}

	.hl-page-title__line {
		margin-top: 12px;
	}

	.hl-page-title__subtitle {
		margin-top: 14px !important;
		font-size: 16px;
	}
}
