.text.variant12 {

	padding: 75px 0;
	background-size: cover;
	background-position: center center;

}

.text.variant12 .fade_in_right {
	position: absolute;
	opacity: 0;
	transition: transform 1s;
	left: 100%;
}

.text.variant12 .fade_in_left {
	position: absolute;
	opacity: 0;
	transition: transform 1s;
	right: 100%;
}

.text.variant12 .fade_in_top {
	position: absolute;
	opacity: 0;
	transition: transform 1s;
	bottom: 100%;
}

.text.variant12 .fade_in_bottom {
	position: absolute;
	opacity: 0;
	transition: transform 1s;
	top: 100%;
}

.text.variant12 .text_block_flex {

	display: flex;

	justify-content: space-between;

	align-items: center;

}

.text.variant12 .img_area {

	flex-shrink: 0;
	position: relative;
	width: 30%;

}

.text.variant12 .img_area img {

	width: 100%;
	height: 100%;
	object-fit: contain;

}

.text.variant12 .text_area {
	width: 50%;
}

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

	margin-bottom: 45px;

}

.text.variant12 article h2 {

	margin-top: 0;

	margin-bottom: 20px;

	color: var(--title_color);

}

.text.variant12 article h3 {

	margin-top: 35px;

	margin-bottom: 0;

}

.text.variant12 article p {

	margin-top: 10px;

	margin-bottom: 10px;

}

.text.variant12 .btn {

	margin-top: 40px;

}

/* Responsiveness // Responsiveness // Responsiveness */

@media (max-width: 1199px) {

	.text.variant12 {

		padding: 50px 0;

	}

	.text.variant12 .text_area {

		margin-right: 50px;

	}

}

@media (max-width: 767px) {

	.text.variant12 .text_block_flex {

		flex-direction: column;

	}

	.text.variant12 .text_area {

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

	}

	.text.variant12 .img_area {
		width: 100%;
	}

}