/*parallax hero start*/
.parallax-hero{
	height: 800px;
	max-width: 100%;
	width: 100%;
	overflow: hidden;
	isolation: isolate;
}

.parallax-hero__slide{
	display: flex;
}

.parallax-hero--static{
	height: 100%;
	display: flex;
	position: relative;
}

.parallax-hero__content{
	padding: var(--side-padding);
		position: relative;
	align-items: center;
	display: flex;
	z-index: 6969;
	color: white;
	margin: auto 0px;
	height: 100%;
	transform: translate3d(0, 0,0);
	width: 50%;
}

h1.parallax-hero__header{
	display: block;
}

h1.parallax-hero__header span{
	display: block;
}

h1.parallax-hero__header br{
	display: none;
}

p.parallax-hero__subheader{
	text-transform: uppercase;
	font-family: var(--accent-font);
	font-size: var(--accent-header-size);
	font-weight: var(--accent-header-weight);
	line-height: var(--accent-header-height);
}

.parallax-hero__overlay{
	width: 6969px;
	max-width: 100%;
	height: 100%;
	background: linear-gradient(to right, var(--dark-blue), transparent, transparent);
	position: absolute;
	z-index: 0;
	transform: translate3d(0, 0,0);
}

.parallax-hero__background{
	height: 900px;
	width: 6969px;
	max-width: 100%;
	background-size: cover;
	background-position: center;
	position: absolute;
}

.bg-layer-0{
	z-index: -10;
}

.bg-layer-1{
	z-index: -9;
}

.bg-layer-2{
	z-index: -8;
}

.bg-layer-3{
	z-index: -7;
}

.bg-layer-4{
	z-index: -6;
}

.bg-layer-5{
	z-index: -5;
}

.bg-layer-6{
	z-index: -4;
}

.bg-layer-7{
	z-index: -3;
}

.bg-layer-8{
	z-index: -2;
}

.bg-layer-9{
	z-index: -1;
}

.parallax-hero__image{
	z-index: 6970;
	position: absolute;
	bottom: -3%;
	left: 0px;
	
}

.parallax-hero__image img{
	border-radius: 0px;
}

@media(width > 1920px){
	.parallax-hero{
		height: 900px;
	}
	
	.parallax-hero__content{
		padding: 0;
		width: 100%;
		max-width: 100%;
	}
	
	.parallax-hero__content--text{
		margin-inline: auto;
		max-width: 1650px;
		width: 100%;
	}
	
	.parallax-hero__subheader{
		max-width: 50%;
	}
}

@media(max-width: 1600px){
	.parallax-hero__content{
		padding-right: 0;
	}
}

@media(max-width: 1050px){
	.parallax-hero__content{
		max-width: 60%;
	}
}

@media(max-width: 768px){
	.parallax-hero{
		height: 600px;
	}
	.parallax-hero__content{
		max-width: 70%;
	}
}

/*parallax hero end*/