.text.variant2 {
	background-size: cover;
	background-position: center center;

}

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

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

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

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


.text.variant2 .text_block_flex {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.text.variant2 .img_area {
	width: 45%;
	position: relative;
	flex-shrink: 0;
}

.text.variant2 .img_area img {

	width: 100%;

	height: 100%;

	object-fit: contain;

}

.text.variant2 .text_area {

	margin-left: 100px;
	flex-grow: 1;

}

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

	margin-bottom: 45px;

}

.text.variant2 .text_area h2 {

	margin-top: 0;
	margin-bottom: 20px;
	color: var(--title_color);

}

.text.variant2 .text_area h3 {

	margin-top: 35px;

	margin-bottom: 0;

}

.text.variant2 .text_area p {

	margin-top: 10px;

	margin-bottom: 10px;

}

/* Responsiveness // Responsiveness // Responsiveness */

@media (max-width: 1199px) {

	.text.variant2 {

		padding: 50px 0;

	}

	.text.variant2 .text_area {

		margin-left: 50px;

	}

}

@media (max-width: 767px) {

	.text.variant2 .img_area {

		width: 100%;

	}

	.text.variant2 .text_block_flex {

		flex-direction: column-reverse;

	}

	.text.variant2 .text_area {

		margin-left: 0;
		width: 100%;
		margin-bottom: 20px;

	}

}