.hero-banner{
	position:relative;
}
.fl-block-overlay-active.hero-banner .fl-row-content{
	    position: unset;
    z-index: 1 !important;
}
.hero-banner .hero-images{
	position: absolute;
	width: 100% !important;
	height: 100% !important;
	max-width: 100% !important;
	left: 0;
	top: 0;
	padding: 0 !important;
	z-index:2;
}
.hero-banner .hero-images img{
	object-fit:cover;
	object-position:center;
	width:100% !important;
	
}
.hero-banner .hero-images img,.hero-banner .hero-images .fl-col-content,.hero-banner .hero-images .fl-module-photo,.hero-banner .hero-images .fl-photo-content{
	height:100% !important;
	width:100% !important;
}
.hero-banner .hero-content{
	position:relative;
	z-index:4;
}
.hero-banner .fl-col.hero-content{
	width:100% !important;
	max-width:830px;
	padding:49px 120px 91px 0;
	position:relative;
}
@media (max-width: 768px) {
	.hero-banner .fl-col.hero-content{
	width:100%;
	max-width:830px;
	padding:40px 0px 40px 0;
	position:relative;
}
}
.hero-banner:before,
.hero-banner:after{
	  width: 69px;
	  height: 730px;
	left:0;
	content:'';
	position:absolute;
	bottom:9px;
	z-index:5;
	background: url(images/graphics-repeat-grid.svg) repeat center / 400px;
}
.hero-banner:after{
	 width: 303px;
	left:auto;
	right:0;
}

 
.hero-banner h1{
	margin-bottom:19px;
	text-align:left;
	font-family:var(--font-family-secondary) !important;
}
.hero-banner h1 strong{
	font-family:var(--font-family-secondary-bold) !important;
}
.hero-banner .para-big{
	margin-bottom:18px;
}
.hero-banner p a:hover,
.hero-banner p a:focus{
	color:var(--color-secondary) !important;
	text-decoration:none !important;
}
.hero-banner .para-big p{
	 font-size: 22px !important;
  font-weight: 500 !important;
}
@media (max-width: 480px) {
	.hero-banner .para-big p{
	 font-size: 18px !important;
  
}
}
.hero-banner .para-big p strong{
	 font-weight: 900 !important;
}
.hero-banner .fl-col.hero-content:before{
	width:1485px;
	right:0;
	content:'';
	height:100%;
	position:absolute;
	bottom:0;
	display: block;
	z-index:4;
	  background: url(images/shape-path.svg) no-repeat bottom / 100%;
}
@media (max-width: 992px) {
	
	.hero-banner .fl-col.hero-content:before{
		width:calc(100% + 120px);
		left:-60px;
		 opacity: 0.93;
		background: var(--color-tertiary) !important;
		
	}
	
}
@media(max-width:992px){
	.hero-banner .fl-row-content-wrap{
		padding-left:0 !important;
		padding-right:0 !important;
		padding-top:77px !important;
	}
	.hero-banner .fl-col-group{
		display:flex;
		flex-direction:column;
	}
	.hero-banner .hero-images{
		position:relative;
		max-height:500px;
	height:100vw;
	
	}
	.hero-banner .fl-col.hero-content{
		max-width: 100%;
		padding: 49px 60px 91px 60px !important;
	}
}
@media (max-width: 768px) {
	
	.hero-banner .fl-col.hero-content:before{
		width:calc(100% + 30px);
		left:-30px;
	}
	.hero-banner .fl-col.hero-content{
		max-width: 100%;
		padding: 49px 30px 91px 30px !important;
	}
	
}

.hero-banner .fl-col-content{
	position:relative;
	z-index:5;
}
.hero-banner .fl-module-button{
	margin-top:22px;
}
.hero-banner .fl-col *{
	color:var(--color-white) !important;
}


