.swiper-container {
	position:relative;
}

.swiper-container.with-navigation {
	padding-inline:3rem; 
}

.swiper-container.with-navigation .swiper {
	mask-image:linear-gradient(to right, transparent 0%, black calc(0% + 1.5rem), black calc(100% - 1.5rem), transparent 100%);
}

.swiper-wrapper {
	align-items:center;
}

.swiper-wrapper.g-4 {
	gap:1.5rem;
}
.swiper-wrapper.g-5 {
	gap:3rem;
}

.swiper-button-next,
.swiper-button-prev {
	background-image:none;
}

.swiper-button-next::after,
.swiper-button-prev::after {
    font-family: 'FontAwesome';
    font-size: 2.5rem;
    line-height: 1;
	color:var(--hg-primary);
	text-shadow: 0 1px 4px var(--hg-dark-accent);
}

.swiper-button-next:hover::after,
.swiper-button-prev:hover::after {
    color:var(--hg-secondary);
}

.swiper-pagination-bullet-active {
	background-color:var(--hg-primary) !important;
}

.swiper-pagination-bullet:hover {
	background-color:var(--hg-secondary);
}

.swiper-button-prev::after,
.swiper-rtl .swiper-button-next:after {
    content: '\f053';
}

.swiper-button-next::after, .swiper-rtl .swiper-button-prev::after {
    content: '\f054';
}

.swiper-pagination-bullet {
	height:1rem;
	width:1rem;
	filter:drop-shadow(0 2px 4px var(--hg-dark-accent));
}

.swiper-pagination-bullet:hover {
	opacity:1;
}

.swiper-slide .img-wrapper {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-direction:column;
}

.swipe-slide.inset-wrapper .img-wrapper {
	position:absolute;
	inset:0;
}

.swipe-slide.above-wrapper {
	display:flex;
	flex-direction:column;
}

.swipe-slide.above-wrapper img {
	order:2;
}

.swipe-slide.above-wrapper .img-wrapper {
	order:1;
}

.swiper-panorama {
	isolation:isolate;
}

.swiper-coverflow {
	width:100%;
	height:auto;
	padding-bottom:2em;
	margin-bottom:2rem;
}

.swiper-coverflow .swiper-slide img {
	width:100%;
	box-shadow:0 0.5em 1.5em rgb(0 0 0 / .5);
}

.swiper-coverflow .swiper-slide h4 {
	margin:1rem 0;
}

.swiper-coverflow .swiper-slide h5 {
	margin-bottom:3rem;
}

.swiper-slide img {
	max-width:100%;
	object-fit:cover;
}

.swiper-slide .img-wrapper .inner-banner {
	position:absolute;
	inset:1.5rem;
	width:calc(100% - 3rem);
	height:calc(100% - 3rem);
	object-fit:contain;
}


.swiper * + * {
	margin-top:0;
}