.banner {
	position: relative;
	background-image: linear-gradient(to bottom, #1B1C23 92%, #fff 8%);
	z-index: 1;
}

.hmbo_wrap {
	display: flex;
	align-items: flex-start;
	height: 100%;
	justify-content: flex-start;
	max-width: 1550px;
}

.ban_img {
	max-width: 1344px;
	margin: 0 0 0 auto;
	clip-path: polygon(0 0, 100% 0%, 100% 100%, 6% 100%, 0 92%);
	position: relative;
}

.ban_img:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to right, rgb(0 0 0 / 26%) 20%, transparent);
}

.big_title {
	color: #ffffff;
	font-size: 60px;
	text-align: left;
	line-height: 73px;
	display: block;
	letter-spacing: normal;
	margin-bottom: 30px;
	text-shadow: 0 4px 5px rgb(0 0 0 / 16%);
}

.webox {
	text-align: left;
	max-width: 780px;
	margin-top: 196px;
}

.bannertext {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.slick-slider {
	-webkit-user-select: text;
	-khtml-user-select: text;
	-moz-user-select: text;
	-ms-user-select: text;
	user-select: text;
}

.js_hmbanner {
	height: 800px;
}

.js_hmbanner .slideingdiv .ban_img>img {
	width: 100%;
	height: 800px;
	object-fit: cover;
}

.ban_kayfactor {
	max-width: 360px;
	position: absolute;
	bottom: 0;
	left: 10%;
}

.ban_kayfactor p {
	color: var(--secondary-color);
	display: flex;
	align-items: center;
}

.ban_kayfactor p .trust_icon {
	margin-right: 10px;
}

.ban_kayfactor p .arrow_right {
	width: 70px;
	transform: rotate(90deg);
}

.build_text {
	position: absolute;
	left: 30px;
	bottom: 50px;
	z-index: -1;
	font-size: 110px;
	letter-spacing: 0.2px;
	line-height: 100%;
	font-weight: 900;
	color: var(--darkgray-color);
	text-shadow: 1px 0 #454648, -1px 0 #454648, 0 1px #454648, 0 -1px #454648;
}


#banner .bnrimg {
	min-height: 760px;
}

.semi-heading {
	font-size: 50px;
	color: var(--secondary);
	font-family: 'Caveat';
	line-height: 1.2;
}

#banner .banner-center {
	position: absolute;
	left: 0;
	right: -115px;
	margin: 0 auto;
	max-width: 356px;
	z-index: 1;
	top: 50px;
}

#banner .bnrcontent:after {
	left: -28%;
	letter-spacing: 11px;
}

.google-badge {
	position: absolute;
	bottom: 260px;
	right: 270px;
	margin: 0 auto;
	max-width: 172px;
	z-index: 1;
	left: 0;
}

.homepg #banner .bannertxt {
	font-size: 60px !important;
	margin-bottom: 40px;
	font-family: 'Bebas Neue', sans-serif;
	font-weight: 400;
}

.homepg #banner .bannertxt span {
	color: #000;
	display: inline-block;
	border-bottom: 5px solid var(--primary);
}

/* ********   Badge Section ********  */

.hm-badge-sec {
	background-color: #F4F4F4;
	padding: 270px 0 35px;
	margin-top: -220px;
}

main.homepg .hm-badge-sec {
	background-color: transparent;
}

main.homepg .darkbg.services-sec .premium-badge {
	display: none;
}

main.homepg .firsttime_customer_sec {
	background: var(--white);
}


/* offer section styles */
.offersection.mrgb80 {
	margin: 80px 0 0;
}

.offersection .container {
	border-radius: 30px;
	max-width: 1580px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.offersection .container:before,
.offersection .container:after {
	display: none;
}

.offercontainer a {
	max-width: 48%;
}

.offercontainer a img {
	/* border-radius: 20px; */
	transition: all ease-out 0.3s !important;
	-webkit-transition: all ease-out 0.3s !important;
	-moz-transition: all ease-out 0.3s !important;
	-ms-transition: all ease-out 0.3s !important;
}

.offercontainer a:hover img {
	/* box-shadow: 0 0 15px rgba(0, 0, 0, 0.8); */
	transition: all ease-out 0.3s !important;
	-webkit-transition: all ease-out 0.3s !important;
	-moz-transition: all ease-out 0.3s !important;
	-ms-transition: all ease-out 0.3s !important;
	transform: scale(0.95);
}



/* START MEDIA QUERY*/
@media (max-width: 1900px) {
	.banner .build_text {
		bottom: 54px;
		font-size: 86px;
	}

	.homepg #banner .bannertxt br {
		display: none;
	}
}

@media (max-width: 1850px) {
	.ban_kayfactor {
		left: 5%;
	}

	.banner .build_text {
		bottom: 58px;
		font-size: 70px;
	}
}

@media (max-width: 1700px) {
	.ban_img {
		max-width: 1030px;
	}
}

@media screen and (max-width: 1599.99px) {

	.offersection .container {
		padding: 0 30px;
	}

}

@media screen and (max-width: 1439.99px) {


	.firsttime_customer_container {
		margin-top: -50px;
	}

	#banner .bnrcontent:after {
		left: -24%;
		letter-spacing: 5px;
		top: 40%;
	}

	.js_hmbanner,
	.js_hmbanner .slideingdiv .ban_img>img {
		height: 600px;
	}

	.big_title {
		font-size: 48px;
		line-height: 50px;
	}

	.webox {
		margin-top: 150px;
	}

	.banner .build_text {
		bottom: 40px;
	}

	.ban_img {
		max-width: 900px;
	}

	.homepg #banner .bannertxt {
		font-size: 60px !important;
	}

	#banner .bnrimg {
		min-height: 600px;
	}

	.google-badge {
		bottom: 220px;
	}
}

@media screen and (max-width: 1366px) {

	main.homepg .firsttime_customer_container {
		margin: -70px auto 0;
	}


}

@media screen and (max-width: 1280px) {

	.js_hmbanner,
	.js_hmbanner .slideingdiv .ban_img>img {
		height: 450px;
	}

	.ban_img {
		max-width: 700px;
	}

	.webox {
		margin-top: 70px;
	}

	.banner .build_text {
		bottom: 30px;
		left: 15px;
	}

	.ban_kayfactor {
		left: 15px;
		bottom: -13px;
	}

	.big_title {
		font-size: 36px;
		line-height: 38px;
	}

	.banner {
		margin-bottom: 20px;
	}

	#banner .banner-center,
	.google-badge {
		display: none;
	}

	.homepg #banner .bannertxt {
		font-size: 44px !important;
	}

	.offersection.mrgb80 {
		margin: 60px 0 0;
	}
}

@media screen and (max-width: 1024px) {
	.ban_kayfactor p .arrow_right {
		display: none;
	}

	.big_title {
		font-size: 32px;
		line-height: 38px;
	}

	.ban_img {
		max-width: 550px;
	}

	.js_hmbanner,
	.js_hmbanner .slideingdiv .ban_img>img {
		height: 420px;
	}

	.banner .build_text {
		bottom: 26px;
	}

	.banner .short_title {
		margin-bottom: 10px;
	}
}

@media screen and (max-width: 991px) {
	.ban_img {
		max-width: 450px;
	}

	.homebannerslider .slidediv {
		min-height: 400px;
	}

	.bnrcontent {
		padding: 30px 20px 80px;
	}
}

@media screen and (max-width: 767.99px) {

	.js_hmbanner,
	.js_hmbanner .slideingdiv .ban_img>img {
		height: auto;
	}

	.bannertext {
		position: relative;
	}

	.ban_img {
		max-width: 100%;
		padding-top: 10px;
	}

	.big_title {
		font-size: 22px;
		line-height: 30px;
		margin-bottom: 15px;
	}

	.banner .title_side_line:before {
		top: 4px;
	}

	.webox {
		margin-top: 30px;
	}

	.ban_kayfactor {
		left: 0;
		bottom: 0;
		position: relative;
		background: #fff;
		width: 100%;
		display: block;
		max-width: 100%;
		padding: 15px 40px 0;
	}

	.banner .build_text {
		line-height: 78%;
		left: 40px;
		position: relative;
		bottom: 0;
	}

	.banner {
		background: #1B1C23;
	}

	.banner {
		margin-bottom: 0;
	}

	.slideingdiv {
		padding-left: 40px;
	}

	.hmbo_wrap {
		padding-left: 0;
	}

	.homepg #banner .bannertxt {
		font-size: 36px !important;
	}

	.offersection.mrgb80 {
		margin: 40px 0 0;
	}
}

@media screen and (max-width: 576px) {

	.offersection .container {
		padding: 0 10px;
	}

	.offercontainer a {
		max-width: 100%;
		margin: 15px 0;
	}

	.offersection.mrgb80 {
		margin: 30px 0 0;
	}

	.common-content-sec.hm-conection-sec {
		overflow-x: hidden;
	}



}

@media screen and (max-width: 480px) {

	.badge_img img {
		max-width: 110px;
	}

}

@media screen and (max-width: 370px) {
	.slideingdiv {
		padding-left: 15px;
	}

	.banner .build_text {
		left: 15px;
	}

	.ban_kayfactor {
		padding: 15px 15px 0;
	}
}