.swiper-container-wrapper.swiper-style-hero .hero-item{
	min-height: 772px;
	display: flex;
	align-items: center;
	color: var(--wp--preset--color--white);
}
.swiper-container-wrapper.swiper-style-hero .hero-item h1{
	margin-bottom: 34px;
}
.swiper-container-wrapper.swiper-style-hero .hero-item .link{
	color: #fff !important;
}
.swiper-container-wrapper.swiper-style-hero .hero-item .link{
	padding-top: 5px;
}
.swiper-container-wrapper.swiper-style-hero .hero-background{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.swiper-container-wrapper.swiper-style-hero .hero-background img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.swiper-container-wrapper.swiper-style-hero .container{
	position: relative;
	z-index: 3;
}
.swiper-container-wrapper.swiper-style-hero .swiper-horizontal > .swiper-pagination-bullets{
	display: flex;
	justify-content: flex-start;
	width: calc( 0.75 * ( 100% - 2 * var(--bs-offset) ) + var(--bs-offset) );
	padding-top: 8px;
	padding-left: var(--bs-offset);
	bottom: 0;
}
.swiper-container-wrapper.swiper-style-hero .swiper-horizontal > .swiper-pagination-bullets:before{
	content: '';
	position: absolute;
	z-index: -1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: calc( 100% - 8px );
	background: var(--wp--preset--color--gray-200);
}
.swiper-container-wrapper.swiper-style-hero .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
	width: auto;
	height: auto;
	min-width: 288px;
	margin: 0;
	padding: 24px 32px;
	background: var(--wp--preset--color--gray-200);
	border-radius: 0;
	text-align: left;
	color: var(--wp--preset--color--gray-700);
	opacity: 1;
}
.swiper-container-wrapper.swiper-style-hero .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
	margin-top: -8px;
	padding-top: 32px;
	background: #fff;
}

@media( max-width: 991px ){
	.swiper-container-wrapper.swiper-style-hero .hero-item{
		min-height: 538px;
		padding: 46px 0;
		align-items: flex-start;
	}
	.swiper-container-wrapper.swiper-style-hero .hero-item h1{
		margin-bottom: 20px;
	}
	.swiper-container-wrapper.swiper-style-hero .swiper-horizontal > .swiper-pagination-bullets{
		overflow: auto;
		width: 100%;
		padding-left: 8px;
		font-size: 14px;
	}
	.swiper-container-wrapper.swiper-style-hero .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{
		min-width: 0;
		padding: 14px 18px;
		white-space: nowrap;
		flex-grow: 1;
		flex-shrink: 0;
	}
	.swiper-container-wrapper.swiper-style-hero .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
		margin-top: -5px;
		padding-top: 19px;
	}
}