/*header-section*/
.header-section{
	position: relative;
	width: 100%;
	height: auto;
	z-index: 3;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: 0px;
	background: #000000;
}
@media screen and (max-width:1100px){
	.header-section{
		display: block !important;
	}
	.hero-banner{
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
	}
	.hero-banner{
		height: 100% !important;
		overflow: hidden !important;
		align-items: flex-start !important;
		justify-content: center !important;
		z-index: -2 !important;
	}

	.hero-banner img{
		width: 100% !important;
		object-fit: cover !important;
	}
	.hero-banner:before{
		content: '';
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		  background: rgba(0, 0, 0, 0.7);
	    backdrop-filter: blur(5px);
	    -webkit-backdrop-filter: blur(5px);
	    -moz-backdrop-filter: blur(5px);
	}
	.hero-sec{
		width: 600px !important;
		height: auto !important;
		margin-left: 5% !important;
		padding: 50px 0px !important;
		padding-top: 200px !important;
	}
}
@media screen and (max-width:700px){
	.hero-sec{
		width: 90% !important;
	}
}
.hero-banner{
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	align-items: flex-end;
}
.hero-banner img{
	max-width: 100%;
	height: auto;
}

.hero-sec{
	position: relative;
	width:80%;
	margin-left: 20%;
	height: auto;
	display: flex;
	align-items: center;
	padding: 40px 0px;
}

.hero-txt{
	position: relative;
	width: 100%;
	height: auto;
	display: block;
	-webkit-box-reflect: below 0 linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.07));
	-moz-box-reflect: below 0 linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.07));
	-ms-box-reflect: below 0 linear-gradient(transparent, transparent, rgba(0, 0, 0, 0.07));
}

.hero-txt h2{
	color: #ffffff;
	font-size: calc(3vw + 3vh + 4vmin);
	position: relative;
	font-weight: 700;
}


.hero-txt p{
	color: #bababa;
	margin: 10px 0px;
	display: block;
	margin-top: 20px;
	line-height: 1.5em;
	font-size: 18px;
}
.hero-txt a{
	position: relative;
	display: inline-flex;
	background: #FF3850;
	color: #ffffff !important;
	margin-top: 20px;
	padding: 15px 30px;
	border-radius: 30px;
	transition: all 0.3s ease-in-out;
	text-transform: uppercase;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: .125rem;
    white-space: nowrap;
    white-space: nowrap;
}
.hero-txt a:hover{
	letter-spacing: 2px;
	background: #FF1533;
}



/*mHd-sec*/
.mHd-sec{
	position: relative;
	width: 100%;
	height: auto;
	padding: 100px 0px;
}
@media screen and (max-width:700px){
	.mHd-sec{
		padding: 50px 0px !important;
	}
}
.t-mHd-sec{
	position: relative;
	width: auto;
	max-width: 70%;
}
@media screen and (max-width:1100px){
	.t-mHd-sec{
		max-width: 100% !important;
	}
}
.t-mHd-sec h2{
	margin-bottom: 30px;
	position: relative;
	padding: 10px 0px;
}

.t-mHd-sec h2:before{
	content: '';
	position: absolute;
	width: 50%;
	height: 1px;
	background: #000000;
	bottom: -10px;
	left: 0;
}

.t-mHd-sec h2:after{
	content: '';
	position: absolute;
	width: 30%;
	height: 1px;
	background: #000000;
	bottom: 0px;
	left: 0;
}


/*mHd-sec-grid*/
.mHd-sec-grid{
  position: relative;
  width: 100%;
  height: auto;
  margin-top: 70px;
  display: grid;
  grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));
  grid-gap: 30px;
  grid-template-rows:auto;
}


/*mHd-sec-card*/
.mHd-sec-card{
	position: relative;
	width: 33.333%;
	height: auto;
	display: block;
	margin-top: 30px;
}

.mHd-sec-card-banner{
	position: relative;
	width: 100%;
	height: auto;
	padding: 30px;
	background: #E9EAEB;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 10px;
	border: 1px solid #DBDFE2;
	margin-bottom: 10px;
}
@media screen and (max-width:600px){
	.mHd-sec-grid{
		display: grid !important;
		
		margin-top: 60px !important;
	}

	.mHd-sec-card{
		margin-top: 30px !important;
		text-align: center !important;
		background: #E9EAEB;
			width: 100%;
		padding:30px 20px;
		border-radius: 10px;
		border: 1px solid #DBDFE2;
	}
	.mHd-sec-card-banner{
		background: transparent !important;
		border: none !important;
		padding: 0px !important;
	}
}
.mHd-sec-card img{
	width: 90%;
	height: 150px;
	border-radius:5px;
	object-fit: cover;
	object-position: center;
	transition: all 0.5s ease-in-out;
	border: 5px solid #ffffff;
	-webkit-box-shadow: 0px 0px 40px rgb(0 0 0 / 20%);
	-moz-box-shadow: 0px 0px 40px rgb(0 0 0 / 20%);
	box-shadow: 0px 0px 40px rgb(0 0 0 / 20%);
	background: #ffffff;
}
@media screen and (max-width:600px){
	.mHd-sec-card img{
		height: auto !important;
		max-height: 200px !important;
		object-fit: contain !important;
		background: transparent !important;
		border: none !important;
		box-shadow: none !important;
}
}
.mHd-sec-card:hover img{
	transform: scale(0.95);
}
.mHd-sec-card p{
	font-size: 13px !important;
	display: block;
	     position: relative;
     width: 100%;
     height: auto;
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}
.mHd-sec-card h3{
	font-size: 18px;
    line-height: 1.6;
     font-family: Canva Sans,Noto Sans Variable,Noto Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;
     position: relative;
     width: 100%;
     height: auto;
     display: block;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
}