.swiper-container-wrapper.swiper-pagination-on.swiper-style-hero{
	.main-swiper{
		padding: 0;
	}
	.hero-item{
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		min-height: min( 800px, 100svh );
		padding: 100px 0;

		@media (max-width: 767px){
			min-height: min( 600px, 100svh );
			padding: 60px 0;
			font-size: 40px;
		}

		&::before{
			content: '';
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			background: var(--wp--preset--gradient--hero);
		}

		h1, h2{
			margin: 0;
			font-size: 70px;
			font-weight: 600;
			line-height: 1.1143;
			color: #fff;

			@media (max-width: 767px){
				font-size: 40px;
				line-height: 1.2;
			}
		}
	}
	[data-vbg]{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	[data-desktop-video]{
		@media (max-width: 767px){
			display: none;
		}
	}
	[data-mobile-video]{
		display: none;

		@media (max-width: 767px){
			display: block;
		}
	}
	iframe, video{
		pointer-events: none;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		min-width: 100%;
		min-height: 100%;
	}
	video{
		object-fit: cover;
	}
	.hero-background{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;

		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.container{
		position: relative;
		z-index: 3;
	}
}