.hero_section.variant1 {

	padding: 100px 0;
	position: relative;
	display: flex;
	align-items: center;

}

.hero_section.variant1 .hero_bg {

	position: absolute;

	top: 0;

	bottom: 0;

	left: 0;

	right: 0;

	background: #000;

}

.hero_section.variant1 .hero_bg.Disable {

	background: transparent;

}

.hero_section.variant1 .hero_bg.Disable img {

	opacity: 1;

}

.hero_section.variant1 .hero_bg img {

	width: 100%;

	height: 100%;

	object-fit: cover;

	opacity: .6;

}

.hero_section.variant1 .container {

	position: relative;

}

.hero_section.variant1 .hero_text_content {

	width: 100%;

	max-width: 540px;

	margin: 0 auto 0 0;

}

.hero_section.variant1 h1 {

	color: var(--white_color);

	margin-bottom: 0;

	margin-top: 0;

}

.hero_section.variant1 .button_basic {

	height: 50px;

	padding: 5px 40px;

	background: var(--active_color);

	color: var(--white_color);

}

.hero_section.variant1 .button_basic:hover {

	background: var(--hover_color);

	color: var(--title_color);

}

.hero_section.variant1 .hero_subtitle {

	font-size: 18px;

	margin-top: 22px;

	margin-bottom: 0px;

	color: var(--white_color);

}

.hero_section.variant1 .hero_second_button {

	margin-left: 20px;

	background: var(--active_color_second);

}

.hero_section.variant1 .btn_area {

	margin-top: 35px;

}

.hero_section.variant1 .hero_text_content.center {

	margin: 0 auto;

	text-align: center;

}

/* Responsiveness // Responsiveness // Responsiveness */

@media (max-width: 991px) {

	.hero_section.variant1 {

		height: auto;

		padding: 80px 0;

	}

}

@media (max-width: 480px) {

	.hero_section.variant1 .btn_area {

		display: flex;

		flex-direction: column;

		align-items: flex-start;

	}

	.hero_section.variant1 .btn_area {

		align-items: center;

	}

}