.feature-document-carousel {
	background-color: var(--color-brand-black);
	color: var(--color-brand-white);
	position: relative;

	.swiper-wrapper {
		padding-bottom: 2rem;
		@media (width < 768px) {
			padding-bottom: 3rem;
		}

	}
	&:has(.swiper-pagination-lock) .swiper-wrapper {
		padding-bottom: 0;
	}
	.swiper-slide {
		> * {
			opacity: 0;
			transition: opacity 0.5s ease;
		}
	}
	.swiper-slide-active {
		> * {
			opacity: 1;
		}
	}

}