.building-information {
	position: relative;
	margin: 4em 0;
}
body .entry-content .implement__information h6 {
	color: var(--main-white);
}

.building-information__red-banner {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40%;
	background-color: var(--main-red);
	z-index: -1;
	margin-bottom: 2em;
}

.building-information__img {
	border-radius: 30px 30px 0 0;
	width: 100%;
	height: calc(15em + 10vw);
	object-fit: cover;
	object-position: top;
}

#building-information-stigma-pattern-image {
	position: absolute;
	top: -10em;
	left: -5em;
	width: calc(15em + 10vw);
	z-index: -2;
	opacity: 0.2;
}

.implement {
	padding: 0 0 8em 0;
}

.implement-row {
	position: relative;
}

.implement__video-wrapper {
	position: relative;
}

.implement__video {
	height: calc(17vw + 10em);
	width: 100%;
	object-fit: cover;
}

.implement__video__control {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 6em;
	height: 6em;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--main-white);
	border: 5px solid var(--main-red);
	border-radius: 50%;
	cursor: pointer;
}

.implement__video__control svg {
	color: var(--main-red);
}

.implement__information {
	color: var(--main-white);
	background-color: var(--main-red);
	padding: 2em;
}

.implement-row {
	position: relative;
}

#implement-jumbo-red-polygon {
	position: absolute;
	top: 4em;
	right: -4em;
	width: calc(32vw + 32em);
	z-index: -1;
	display: none;
}

.implement__information__bottom {
	margin-top: 2em;
}

/* Benefits */

.benefits {
	position: relative;
}

.benefits__building-wrapper {
	margin: 2em 0;
}

.benefits__building {
	position: relative;
}

.benefits__building__img {
	width: 100%;
}

.benefits__card-wrapper {
	position: relative;
	display: flex;
	gap: 1em;
	width: fit-content;
	flex-direction: row-reverse;
}

.benefits__card-wrapper--reverse {
	flex-direction: row-reverse !important;
}

.benefits__card {
	display: block;
	width: calc(3em + 6vw);
	height: calc(3em + 6vw);
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--main-red);
	-webkit-clip-path: polygon(
		92.32051% 40%,
		93.79385% 43.1596%,
		94.69616% 46.52704%,
		95% 50%,
		94.69616% 53.47296%,
		93.79385% 56.8404%,
		92.32051% 60%,
		79.82051% 81.65064%,
		77.82089% 84.50639%,
		75.35575% 86.97152%,
		72.5% 88.97114%,
		69.3404% 90.44449%,
		65.97296% 91.34679%,
		62.5% 91.65064%,
		37.5% 91.65064%,
		34.02704% 91.34679%,
		30.6596% 90.44449%,
		27.5% 88.97114%,
		24.64425% 86.97152%,
		22.17911% 84.50639%,
		20.17949% 81.65064%,
		7.67949% 60%,
		6.20615% 56.8404%,
		5.30384% 53.47296%,
		5% 50%,
		5.30384% 46.52704%,
		6.20615% 43.1596%,
		7.67949% 40%,
		20.17949% 18.34936%,
		22.17911% 15.49361%,
		24.64425% 13.02848%,
		27.5% 11.02886%,
		30.6596% 9.55551%,
		34.02704% 8.65321%,
		37.5% 8.34936%,
		62.5% 8.34936%,
		65.97296% 8.65321%,
		69.3404% 9.55551%,
		72.5% 11.02886%,
		75.35575% 13.02848%,
		77.82089% 15.49361%,
		79.82051% 18.34936%
	);
	clip-path: polygon(
		92.32051% 40%,
		93.79385% 43.1596%,
		94.69616% 46.52704%,
		95% 50%,
		94.69616% 53.47296%,
		93.79385% 56.8404%,
		92.32051% 60%,
		79.82051% 81.65064%,
		77.82089% 84.50639%,
		75.35575% 86.97152%,
		72.5% 88.97114%,
		69.3404% 90.44449%,
		65.97296% 91.34679%,
		62.5% 91.65064%,
		37.5% 91.65064%,
		34.02704% 91.34679%,
		30.6596% 90.44449%,
		27.5% 88.97114%,
		24.64425% 86.97152%,
		22.17911% 84.50639%,
		20.17949% 81.65064%,
		7.67949% 60%,
		6.20615% 56.8404%,
		5.30384% 53.47296%,
		5% 50%,
		5.30384% 46.52704%,
		6.20615% 43.1596%,
		7.67949% 40%,
		20.17949% 18.34936%,
		22.17911% 15.49361%,
		24.64425% 13.02848%,
		27.5% 11.02886%,
		30.6596% 9.55551%,
		34.02704% 8.65321%,
		37.5% 8.34936%,
		62.5% 8.34936%,
		65.97296% 8.65321%,
		69.3404% 9.55551%,
		72.5% 11.02886%,
		75.35575% 13.02848%,
		77.82089% 15.49361%,
		79.82051% 18.34936%
	);
}

.benefits__card__image {
	width: 50%;
}

.benefits__card__text {
	margin-top: 1em;
}

.benefits__card-wrapper--reverse .benefits__card__text {
	text-align: left;
	align-items: flex-start;
}

.benefits__card__text h4 {
	color: var(--main-red);
	font-weight: bold;
	text-transform: uppercase;
}

#benefits-stigma-pattern-image {
	position: absolute;
	bottom: -10em;
	right: -5em;
	width: calc(20em + 30vw);
	z-index: -2;
	opacity: 0.2;
}

@media screen and (min-width: 480px) {
}

@media screen and (min-width: 576px) {
}

@media screen and (min-width: 768px) {
	.implement {
		padding: 4em 0 8em 0 !important;
	}

	.implement__information {
		color: var(--main-white);
		background-color: unset;
		padding: unset;
	}

	#implement-jumbo-red-polygon {
		position: absolute;
		top: -4em;
		right: -2em;
		width: calc(25vw + 23em);
		z-index: -1;
		display: unset;
	}

	#benefits-stigma-pattern-image {
		bottom: -25em;
	}

	.benefits__building-wrapper {
		margin: 10em 0;
	}

	.benefits__card-wrapper {
		position: absolute;
		flex-direction: unset;
	}

	#benefits-card-1 {
		top: -50%;
		left: -75%;
	}

	#benefits-card-2 {
		top: unset;
		bottom: -45%;
		left: -70%;
	}

	#benefits-card-3 {
		top: -50%;
		right: -70%;
	}

	.benefits__card__text {
		text-align: right;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		width: 18em;
	}
}

@media screen and (min-width: 992px) {
}

@media screen and (min-width: 1200px) {
	.benefits__building-wrapper {
		margin: 8em 0;
	}

	#benefits-card-1 {
		top: -10%;
		left: -82%;
	}

	#benefits-card-2 {
		top: unset;
		bottom: -15%;
		left: -70%;
	}

	#benefits-card-3 {
		top: -16%;
		right: -70%;
	}
}

@media screen and (min-width: 1800px) {
}