.elementor-widget-ds-video-image-carousel,
.elementor-widget-ds-video-image-carousel > .elementor-widget-container {
	width: 100%;
	height: 100%;
	min-height: inherit;
	min-width: 0;
	flex: 0 0 100%;
	align-self: stretch;
}

.hero-slider .elementor-widget-ds-video-image-carousel,
.hero-slider .elementor-widget-ds-video-image-carousel > .elementor-widget-container,
.hero-slider .ds-video-image-carousel,
.hero-slider .ds-video-image-carousel__stage,
.hero-slider .ds-video-image-carousel__swiper {
	width: 100% !important;
	max-width: 100% !important;
	flex-basis: 100% !important;
}

.ds-video-image-carousel {
	position: relative;
	width: 100%;
	max-width: 100%;
	height: 100%;
	min-height: 100vh;
	min-height: 100svh;
	overflow: hidden;
	--ds-carousel-dots-offset-x: 30px;
	--ds-carousel-dots-offset-y: 30px;
	--ds-carousel-dot-size: 8px;
	--ds-carousel-dot-gap: 8px;
	--ds-carousel-dot-color: rgba(255, 255, 255, 0.55);
	--ds-carousel-dot-active-color: #fff;
	--ds-carousel-dot-border-width: 0;
	--ds-carousel-dot-border-color: transparent;
	--ds-carousel-dot-active-border-color: transparent;
	--ds-carousel-dot-active-scale: 1;
}

.ds-video-image-carousel__stage,
.ds-video-image-carousel__swiper,
.ds-video-image-carousel .swiper,
.ds-video-image-carousel .swiper-wrapper,
.ds-video-image-carousel .swiper-slide,
.ds-video-image-carousel .swiper-slide-inner {
	width: 100%;
	height: 100%;
}

.ds-video-image-carousel .swiper-wrapper {
	display: flex;
}

.ds-video-image-carousel .swiper-slide {
	flex: 0 0 100%;
	max-width: 100%;
	width: 100% !important;
	overflow: hidden;
}

.hero-slider .ds-video-image-carousel .swiper-slide {
	flex-basis: 100% !important;
	width: 100% !important;
	max-width: 100% !important;
}

.ds-video-image-carousel__stage {
	position: relative;
}

.ds-video-image-carousel__swiper {
	position: absolute;
	inset: 0;
	width: 100% !important;
	max-width: 100% !important;
}

.ds-video-image-carousel__swiper {
	z-index: 1;
}

.ds-video-image-carousel__video,
.ds-video-image-carousel .swiper-slide img {
	display: block;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	object-fit: cover;
	object-position: center center;
}

.ds-video-image-carousel .swiper-slide-inner {
	margin: 0;
}

.ds-video-image-carousel .swiper-slide-image-link {
	display: block;
	width: 100%;
	height: 100%;
}

.ds-video-image-carousel .swiper-pagination,
.ds-video-image-carousel .elementor-swiper-button {
	z-index: 5;
}

.ds-video-image-carousel .swiper-pagination {
	position: absolute;
	width: max-content !important;
	max-width: calc(100% - (var(--ds-carousel-dots-offset-x) * 2));
	display: flex;
	align-items: center;
	justify-content: center;
	gap: var(--ds-carousel-dot-gap);
	pointer-events: auto;
}

.ds-video-image-carousel .swiper-pagination-bullet {
	width: var(--ds-carousel-dot-size);
	height: var(--ds-carousel-dot-size);
	margin: 0 !important;
	background: var(--ds-carousel-dot-color);
	border: var(--ds-carousel-dot-border-width) solid var(--ds-carousel-dot-border-color);
	opacity: 1;
	transform-origin: center center;
	transition: background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.ds-video-image-carousel .swiper-pagination-bullet-active {
	background: var(--ds-carousel-dot-active-color);
	border-color: var(--ds-carousel-dot-active-border-color);
	transform: scale(var(--ds-carousel-dot-active-scale));
}

.ds-video-image-carousel[data-dots-position="top-left"] .swiper-pagination,
.ds-video-image-carousel[data-dots-position="bottom-left"] .swiper-pagination,
.ds-video-image-carousel[data-dots-position="center-left"] .swiper-pagination {
	right: auto !important;
	left: var(--ds-carousel-dots-offset-x) !important;
	width: max-content !important;
	max-width: calc(100% - (var(--ds-carousel-dots-offset-x) * 2)) !important;
	justify-content: flex-start !important;
}

.ds-video-image-carousel[data-dots-position="top-right"] .swiper-pagination,
.ds-video-image-carousel[data-dots-position="bottom-right"] .swiper-pagination,
.ds-video-image-carousel[data-dots-position="center-right"] .swiper-pagination {
	right: var(--ds-carousel-dots-offset-x) !important;
	left: auto !important;
	width: max-content !important;
	max-width: calc(100% - (var(--ds-carousel-dots-offset-x) * 2)) !important;
	justify-content: flex-start !important;
}

.ds-video-image-carousel[data-dots-position="top-center"] .swiper-pagination,
.ds-video-image-carousel[data-dots-position="bottom-center"] .swiper-pagination {
	right: 0 !important;
	left: 0 !important;
	width: auto !important;
	max-width: none !important;
	justify-content: center !important;
	transform: none !important;
}

.ds-video-image-carousel[data-dots-position="top-left"] .swiper-pagination,
.ds-video-image-carousel[data-dots-position="top-center"] .swiper-pagination,
.ds-video-image-carousel[data-dots-position="top-right"] .swiper-pagination {
	top: var(--ds-carousel-dots-offset-y) !important;
	bottom: auto !important;
}

.ds-video-image-carousel[data-dots-position="bottom-left"] .swiper-pagination,
.ds-video-image-carousel[data-dots-position="bottom-center"] .swiper-pagination,
.ds-video-image-carousel[data-dots-position="bottom-right"] .swiper-pagination {
	top: auto !important;
	bottom: var(--ds-carousel-dots-offset-y) !important;
}

.ds-video-image-carousel[data-dots-position="center-left"] .swiper-pagination,
.ds-video-image-carousel[data-dots-position="center-right"] .swiper-pagination {
	top: 50% !important;
	bottom: auto !important;
	transform: translateY(-50%) !important;
}
