.text.variant5 {

	background-size: cover;
	background-position: center center;

}
.text.variant5 .fade_in_right {
	opacity: 0;
	transition: transform 1s;
	transform: translate(100%, 0);
}

.text.variant5 .fade_in_left {
	opacity: 0;
	transition: transform 1s;
	transform: translate(-100%, 0);
}

.text.variant5 .fade_in_top {
	opacity: 0;
	transition: transform 1s;
	transform: translate(0, -50%);
}

.text.variant5 .fade_in_bottom {
	opacity: 0;
	transition: transform 1s;
	transform: translate(0, 100%);
}


.text.variant5 .text_block_flex {

	display: flex;

	justify-content: space-between;

	align-items: start;

}

.text.variant5 .img_area {

	flex-shrink: 0;

}

.text.variant5 .img_area img {

	width: 100%;

	height: 100%;

	max-width: 445px;

	object-fit: contain;

}

.text.variant5 .text_area {

	margin-right: 100px;

}

.text.variant5 .text_area p:not(:last-child) {

	margin-bottom: 45px;

}

.text.variant5 article h2 {

	margin-top: 0;

	margin-bottom: 20px;

	color: var(--title_color);

}

.text.variant5 article h3 {

	margin-top: 35px;

	margin-bottom: 0;

}

.text.variant5 article p {

	margin-top: 10px;

	margin-bottom: 10px;

}

.text.variant5 .text_area h3:first-child {

	margin-top: 0;

}

.text.variant5 .text_area_bottom {

	margin-bottom: 30px;

}

/* Responsiveness // Responsiveness // Responsiveness */

@media (max-width: 1199px) {

	.text.variant5 {

		padding: 50px 0;

	}

	.text.variant5 .text_area {

		margin-right: 50px;

	}

}

@media (max-width: 767px) {

	.text.variant5 .text_block_flex {

		flex-direction: column-reverse;

	}

	.text.variant5 .text_area {

		margin-left: 0;

		width: 100%;

	}

	.img_area {

		margin-bottom: 20px;

	}

	.text.variant5 .text_area {

		margin-right: 0;

		margin-bottom: 20px;

	}

}