.hero-inner {
	background: var(--z-gray-200);
}

.hero-inner:before {
	content: "";
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.5) 88.94%);
	position: absolute;
	bottom: 0;
	height: 100%;
	width: 100%;
}

.hero-inner img {
	max-width: 100%;
	width: 100%;
}

.hero-inner .hero-content-block {
	position: absolute;
	bottom: 115px;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.hero-inner .hero-content-block .hero-title {
	font-weight: 400;
	font-size: 47px;
	line-height: 150%;
	color: var(--z-white);
	text-shadow: 0px -2.66667px 13.2px rgba(0, 0, 0, 0.25);
	margin: 0;
	margin-bottom: 9px;
}
.hero-inner .hero-content-block .hero-content {
	line-height: 100%;
	letter-spacing: 0.05em;
	color: var(--z-white);
	text-shadow: 0px -2.66667px 13.2px rgba(0, 0, 0, 0.25);
	margin-bottom: 46px;
	max-width: 757px;
	margin: 0 auto;
	line-height: 126%;
}

@media (max-width: 1441px) {
	.hero-inner img {
		height: 611px;
		object-fit: cover;
	}
	.hero-inner .hero-content-block .hero-title {
		font-size: 36px;
	}
	.hero-inner .hero-content-block .hero-content {
		font-size:20px;
		max-width: 569px;
	}
}

@media (max-width: 1281px) {
	.hero-inner img {
		height: 543px;
		object-fit: cover;
	}
	.hero-inner .hero-content-block .hero-title {
		font-size: 31px;
	}
	.hero-inner .hero-content-block .hero-content {
		font-size:19px;
	}
}


@media (max-width: 1025px) {
	.hero-inner img {
		height: 434px;
		object-fit: cover;
	}
	.hero-inner .hero-content-block .hero-title {
		font-size: 25px;
	}
	.hero-inner .hero-content-block .hero-content {
		font-size:14px;
		max-width: 404px;
	}
}

@media (max-width: 767px) {
	.hero-inner img {
		height: 352px;
		object-fit: cover;
	}
	.hero-inner .hero-content-block .hero-title {
		font-size: 18px;
	}
	.hero-inner .hero-content-block .hero-content {
		font-size: 12px;
	}
	.hero-inner .hero-content-block {
		bottom: 40px;
	}
}