section.video_heading {
	padding-top: var(--padding);
}

section.video_heading.video_heading--without-titles {
	padding-top: 0;
}

.video_titles {
	width: 850px;
	padding: 0 30px;
	margin: 0 auto;
	text-align: center;
	max-width: 100%;
}

.video_titles h2 {
	font-size: 48px;
	line-height: 1.25;
	color: var(--brown);
	margin-bottom: 25px;
}

.video_container {
	position: relative;
	width: 100%;
	height: auto;
	max-height: calc(100vh - 135px);
	aspect-ratio: 16 / 9;
}

.admin-bar .video_container {
	max-height: calc(100vh - 135px - 32px);
}

.video_background {
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-size: cover;
	background-position: center;
}

.video_background:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #00000099;
}

.play_circle {
	width: 192px;
	height: 192px;
	border-radius: 50%;
	background-color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.play_text {
	line-height: 21px;
	font-size: 16px;
	font-weight: bold;
	color: black;
	display: flex;
	gap: 8px;
	align-items: center;
}

.play_text:before {
	content: '';
	width: 11px;
	height: 12px;
	background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfMTU4NyIgZGF0YS1uYW1lPSJHcm91cCAxNTg3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAuMjkxIiBoZWlnaHQ9IjEyIiB2aWV3Qm94PSIwIDAgMTAuMjkxIDEyIj4KICA8ZGVmcz4KICAgIDxjbGlwUGF0aCBpZD0iY2xpcC1wYXRoIj4KICAgICAgPHJlY3QgaWQ9IlJlY3RhbmdsZV8xMDM1IiBkYXRhLW5hbWU9IlJlY3RhbmdsZSAxMDM1IiB3aWR0aD0iMTAuMjkxIiBoZWlnaHQ9IjEyIiBmaWxsPSIjODY3OTZiIi8+CiAgICA8L2NsaXBQYXRoPgogIDwvZGVmcz4KICA8ZyBpZD0iR3JvdXBfMTU4NiIgZGF0YS1uYW1lPSJHcm91cCAxNTg2IiBjbGlwLXBhdGg9InVybCgjY2xpcC1wYXRoKSI+CiAgICA8cGF0aCBpZD0iUGF0aF8xOTIwIiBkYXRhLW5hbWU9IlBhdGggMTkyMCIgZD0iTTAsNS45NjlDMCw0LjQ4NCwwLDMsMCwxLjUxNEEyLjMwOCwyLjMwOCwwLDAsMSwuMDk0Ljg3MSwxLjI0OSwxLjI0OSwwLDAsMSwxLjc1Ni4xYTEwLjQ0OCwxMC40NDgsMCwwLDEsMSwuNTU4UTQuODY0LDEuOTQsNi45NjYsMy4yMzEsOC4yMjgsNCw5LjQ4OCw0Ljc3OWEzLjEzLDMuMTMsMCwwLDEsLjM2LjI3MSwxLjI0NywxLjI0NywwLDAsMS0uMDIsMS45MjVjLS4yOS4yMTktLjYuNDEzLS45MTEuNnEtMi45OSwxLjgzMy01Ljk4MywzLjY1OWMtLjI4Ny4xNzUtLjU3MS4zNTQtLjg2My41MjFhMS40MiwxLjQyLDAsMCwxLTEuMDI1LjIxNUExLjI4NCwxLjI4NCwwLDAsMSwuMDI0LDEwLjgwOUMuMDA5LDEwLjYsMCwxMC4zOTQsMCwxMC4xODdRMCw4LjA3OCwwLDUuOTY5IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDAuMDAxKSIgZmlsbD0iIzg2Nzk2YiIvPgogIDwvZz4KPC9zdmc+Cg==");
	background-repeat: no-repeat;
	background-position: center;
}

.subtitle_video {
	font-size: 16px;
	line-height: 23px;
	color: black;
	margin-bottom: 98px;
}

.video_iframe_wrapper {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: black;
}

.video_iframe_wrapper iframe {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	height: 100%;
	width: auto;
	aspect-ratio: 16 / 9;
}

@media (max-width: 991px) {
	.video_container {
		max-height: calc(100vh - 81px);
	}
}

@media (max-width: 767px) {
	section.video_heading {
		padding-top: var(--padding-mobile);
	}

	section.video_heading.video_heading--without-titles {
		padding-top: 0;
	}

	.video_titles h2 {
		font-size: 24px;
		line-height: 34px;
	}

	.video_titles {
		padding: 0 16px;
	}

	.subtitle_video {
		font-size: 14px;
		line-height: 24px;
		margin-bottom: 26px;
	}

	.play_circle {
		width: 80px;
		height: 80px;
	}

	.play_text {
		font-size: 0;
		gap: 0;
	}

	.play_text:before {
		width: 16px;
		height: 19px;
		background-size: cover;
	}
}