/* ===================
hero css 
====================== */
.hero-section {	position: relative;}
.hero-single {	padding-top: 240px;	padding-bottom: 180px;	background-position: center !important;	background-size: cover !important;	background-repeat: no-repeat !important;	display: flex;	align-items: center;	justify-content: center;	position: relative;	z-index: 1;}
.hero-single::before {	content: "";	position: absolute;	width: 100%;	height: 100%;	left: -0.5px;	top: 0;	background: rgba(0, 0, 0, .7);	z-index: -1;}
.hero-single .hero-content {display: flex;	flex-direction: column;	justify-content: center;	height: 100%;}
.hero-single .hero-content .hero-title {color: #fff;font-size: 65px;font-weight: 600;margin: 20px 0;text-transform: none;}
.hero-single .hero-content .hero-title span {color: #3428c7;font-weight: normal;}
.hero-single .hero-content .hero-sub-title {color: #3428c7;	font-size: 22px;	letter-spacing: 5px;	position: relative;	font-weight: 700;	text-transform: uppercase;}
.hero-single .hero-content .hero-btn {	gap: 2rem;	display: flex;	margin-top: 1rem;	justify-content: start;}
@media all and (max-width: 1199px) {
	.hero-single .hero-content .hero-title {		font-size: 37px;	}
}
@media all and (max-width: 991px) {
	.hero-single .hero-content .hero-title {		font-size: 45px;	}
	.hero-single .hero-content .hero-btn {		gap: 1.5rem;	}
	.hero-single .hero-content .hero-btn .theme-btn {		padding: 12px 15px	}
}
@media all and (max-width: 767px) {
	.hero-single .hero-content .hero-sub-title {		font-size: 18px;	}
	.hero-single .hero-content .theme-btn {		padding-left: 20px;	}
	.hero-img {		display: none;	}
}
.home-5 .hero-single {padding-top: 170px; padding-bottom: 50px; position: relative; background-position-x: 0%;  background-position-y: 0%; background-repeat: no-repeat; background-color: #F6F6F6; background-size: cover; background-image: url("/assets/img/hero/bg-home-main.jpg");}
.home-5 .hero-single .hero-content .hero-title { color: #fff !important; text-shadow: 2px 2px 4px #000; }
.hero-title-alter { color:#3428c7 !important; font-weight:bold !important; text-shadow: 2px 2px 4px #fff; }
.hero-single .hero-content p, .home-5 .hero-single .hero-content p {	color: #fff !important;	font-size: 22px; line-height: 30px;	font-weight: 500;	margin-bottom: 40px;	text-transform: none; text-shadow: 2px 2px 4px #000;}