
.hero__banner-content-image-holder{
	position: relative;
}


.hero__banner-content-image-holder:before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background-color: rgba(0, 0, 0, 0.4);
}

.hero__banner-content-container img{
	width: 100%;
	max-width: 100%;
	height: 60dvh;
	-o-object-fit: cover;
	   object-fit: cover;
	display: block;
}
.hero__banner-content-inner-container {
	margin-top: -40%;
	position: relative;
	z-index: 2;
}


.hero__banner-content-inner-header{
	max-width: 342px;
}


.hero__banner-down-arrow{
	display: none;
}

.hero__banner-content-items-outer-container.gb_outer_section-container{
	padding-top: var(--section-small-vertical-spacing-mobile);
	padding-bottom: var(--section-small-vertical-spacing-mobile);
	overflow: hidden;
}

.hero__banner-content-inner-header h1{
	margin: 0;
}

@media screen and (min-width: 481px){
	.hero__banner-content-inner-header{
		max-width: 80%;
	}
	
	.hero__banner-content-inner-container{
		margin-top: -20%;
	}

}

@media screen and (min-width: 650px){
	.hero__banner-content-inner-container {
		margin-top: -17%;
	}
	
	.hero__banner-content-inner-header{
		max-width: 400px;
	}
}


@media screen and (min-width: 769px){
	.hero__banner-content-container img{
		height: 100%;
	}

	.hero__banner-content-inner-container {
		margin-top: -200px;
	}

	.hero__banner-content-items {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		    -ms-flex-pack: justify;
		        justify-content: space-between;
	}

	.hero__banner-down-arrow{
		display: block;
	}

	.hero__banner-content-items-inner{
		max-width: 400px;
	}

	.hero__banner-content-items-inner .gb_inner-btn-container{
		margin-top: 56px;
	}

	.hero__banner-content-inner-header{
		max-width: 600px;
	}
	
	
	.hero__banner-content-container{
		position: relative;
		background-image:url('/wp-content/uploads/2023/11/svg_backdrop_404.svg');
		background-size: 200;
		background-repeat: no-repeat;
		background-position: 102% 101%;
	}
}

@media screen and (min-width: 1025px){
	.hero__banner-content-inner-header{
		max-width: 905px;
	}
	.hero__banner-content-inner-container {
		margin-top: -270px;
	}
}