.hero_section.variant2 {

	padding: 140px 0;

	position: relative;

	display: flex;

	align-items: center;

}

.hero_section.variant2 .hero_bg {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: #000;

}

.hero_section.variant2 .hero_bg img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	opacity: .6;

}

.hero_section.variant2 .container {

	position: relative;

}

.hero_section.variant2 .hero_text_content {

	width: 100%;

	margin: 0 auto 0 0;

	text-align: center;

}

.hero_section.variant2 h1 {

	color: var(--white_color);

	margin: 0;

	text-shadow: 0 5px 15px rgba(0, 0, 0, .3);

}

.hero_section.variant2 .button_basic {

	height: 50px;

	padding: 5px 40px;

	background: var(--active_color);

	color: var(--white_color);

}

.hero_section.variant2 .button_basic:hover {

	background: var(--hover_color);

	color: var(--title_color);

}

.hero_section.variant2 .hero_subtitle {

	font-size: 18px;

	margin-top: 22px;

	margin-bottom: 0px;

	color: var(--white_color);

}

.hero_section.variant2 .hero_second_button {

	margin-left: 20px;

	background: var(--active_color_second);

}

.hero_section.variant2 .btn_area {

	margin-top: 45px;

}

.hero_section.variant2 .hero_bg.Disable {

	background: transparent;

}

.hero_section.variant2 .hero_bg.Disable img {

	opacity: 1;

}

/* Responsiveness // Responsiveness // Responsiveness */

@media (max-width: 991px) {

	.hero_section.variant2 {

		height: auto;

		padding: 80px 0;

	}

}

@media (max-width: 480px) {

	.hero_section.variant2 .btn_area {

		display: flex;

		flex-direction: column;

		align-items: flex-start;

	}

	.hero_section.variant2 .hero_second_button {

		margin-left: 0;

		margin-top: 20px;

	}

	.hero_section.variant2 .btn_area {

		align-items: center;

	}

}