.dkel-swiper-carousel,
.dkel-swiper-slideshow {
  --dkel-carousel-slides-to-show: 3;
  --dkel-carousel-swiper-slides-gap: 10px;
  --dkel-carousel-swiper-slides-to-display: 3;
  --dkel-carousel-swiper-pagination-size: 0;
  --dkel-carousel-swiper-pagination-spacing: 10px;
  --dkel-carousel-swiper-offset-size: 0;
  --dkel-carousel-arrow-prev-top-align: 50%;
  --dkel-carousel-arrow-prev-top-position: 0px;
  --dkel-carousel-arrow-prev-caption-spacing: 15px;
  --dkel-carousel-arrow-next-top-align: 50%;
  --dkel-carousel-arrow-next-top-position: 0px;
  --dkel-carousel-arrow-next-caption-spacing: 15px;
  --dkel-carousel-arrow-prev-left-align: 0px;
  --dkel-carousel-arrow-prev-left-position: 0px;
  --dkel-carousel-arrow-next-right-align: 0px;
  --dkel-carousel-arrow-next-right-position: 0px;
  --dkel-carousel-arrow-next-translate-x: 0px;
  --dkel-carousel-arrow-next-translate-y: 0px;
  --dkel-carousel-arrow-prev-translate-x: 0px;
  --dkel-carousel-arrow-prev-translate-y: 0px;
  --dkel-carousel-swiper-padding-bottom: calc(var(--dkel-carousel-swiper-pagination-size) + var(--dkel-carousel-swiper-pagination-spacing));
  --dkel-carousel-dots-vertical-position: 100%;
  --dkel-carousel-dots-vertical-offset: 0px;
  --dkel-carousel-dots-horizontal-position: 50%;
  --dkel-carousel-dots-horizontal-offset: 0px;
  --dkel-carousel-dots-horizontal-transform: -50%;
  --dkel-carousel-dots-vertical-transform: -100%;
  --dkel-carousel-fraction-vertical-position: 100%;
  --dkel-carousel-fraction-vertical-offset: 0px;
  --dkel-carousel-fraction-horizontal-position: 50%;
  --dkel-carousel-fraction-horizontal-offset: 0px;
  --dkel-carousel-fraction-horizontal-transform: -50%;
  --dkel-carousel-fraction-vertical-transform: -100%;
  --direction-multiplier: 1;
}

.dkel-swiper-carousel.elementor-pagination-position-outside:not(:has(> .elementor-widget-container)) .swiper,
.dkel-swiper-slideshow.elementor-pagination-position-outside:not(:has(> .elementor-widget-container)) .swiper,
.dkel-swiper-carousel.elementor-pagination-position-outside:not(:has(> .elementor-widget-container)) .swiper-container,
.dkel-swiper-slideshow.elementor-pagination-position-outside:not(:has(> .elementor-widget-container)) .swiper-container,
.dkel-swiper-carousel.elementor-pagination-position-outside > .elementor-widget-container .swiper,
.dkel-swiper-slideshow.elementor-pagination-position-outside > .elementor-widget-container .swiper,
.dkel-swiper-carousel.elementor-pagination-position-outside > .elementor-widget-container .swiper-container,
.dkel-swiper-slideshow.elementor-pagination-position-outside > .elementor-widget-container .swiper-container {
  padding-bottom: var(--dkel-carousel-swiper-padding-bottom);
}

.dkel-swiper-carousel .elementor-swiper-button.elementor-swiper-button-next,
.dkel-swiper-slideshow .elementor-swiper-button.elementor-swiper-button-next,
.dkel-swiper-carousel .elementor-swiper-button.elementor-swiper-button-prev,
.dkel-swiper-slideshow .elementor-swiper-button.elementor-swiper-button-prev {
  transition-duration: 0.25s;
  z-index: 2;
}

.dkel-swiper-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button-prev,
.dkel-swiper-slideshow.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button-prev {
  left: calc(var(--dkel-carousel-arrow-prev-left-align) + var(--dkel-carousel-arrow-prev-left-position));
  top: calc(var(--dkel-carousel-arrow-prev-top-align) + var(--dkel-carousel-arrow-prev-top-position) - var(--dkel-carousel-arrow-prev-caption-spacing));
  transform: translate(var(--dkel-carousel-arrow-prev-translate-x), var(--dkel-carousel-arrow-prev-translate-y));
}

.dkel-swiper-carousel.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button-next,
.dkel-swiper-slideshow.elementor-element :is(.swiper, .swiper-container) ~ .elementor-swiper-button-next {
  right: calc(var(--dkel-carousel-arrow-next-right-align) + var(--dkel-carousel-arrow-next-right-position));
  top: calc(var(--dkel-carousel-arrow-next-top-align) + var(--dkel-carousel-arrow-next-top-position) - var(--dkel-carousel-arrow-next-caption-spacing));
  transform: translate(var(--dkel-carousel-arrow-next-translate-x), var(--dkel-carousel-arrow-next-translate-y));
}

.dkel-swiper-carousel .swiper-container-wrap .swiper-pagination-bullets,
.dkel-swiper-slideshow .swiper-container-wrap .swiper-pagination-bullets {
  height: -moz-max-content;
  height: max-content;
  inset-inline-start: calc(var(--dkel-carousel-dots-horizontal-position) + var(--dkel-carousel-dots-horizontal-offset));
  top: calc(var(--dkel-carousel-dots-vertical-position) + var(--dkel-carousel-dots-vertical-offset));
  transform: translate(calc(var(--dkel-carousel-dots-horizontal-transform) * var(--direction-multiplier, 1)), var(--dkel-carousel-dots-vertical-transform));
  max-width: 100%;
  width: -moz-max-content;
  width: max-content;
  z-index: 3;
}

.dkel-swiper-carousel .swiper-horizontal > .swiper-pagination-bullets,
.dkel-swiper-slideshow .swiper-horizontal > .swiper-pagination-bullets,
.dkel-swiper-carousel .swiper-pagination,
.dkel-swiper-slideshow .swiper-pagination,
.dkel-swiper-carousel .swiper-pagination-bullets.swiper-pagination-horizontal,
.dkel-swiper-slideshow .swiper-pagination-bullets.swiper-pagination-horizontal,
.dkel-swiper-carousel .swiper-pagination-custom,
.dkel-swiper-slideshow .swiper-pagination-custom,
.dkel-swiper-carousel .swiper-pagination-fraction,
.dkel-swiper-slideshow .swiper-pagination-fraction {
  font-size: var(--dkel-carousel-swiper-pagination-size);
  line-height: var(--dkel-carousel-swiper-pagination-size);
}

.dkel-swiper-carousel.elementor-pagination-type-bullets,
.dkel-swiper-slideshow.elementor-pagination-type-bullets {
  --dkel-carousel-swiper-pagination-size: 6px;
}

.dkel-swiper-carousel.elementor-pagination-type-fraction,
.dkel-swiper-slideshow.elementor-pagination-type-fraction {
  --dkel-carousel-swiper-pagination-size: 16px;
}

.dkel-swiper-carousel .swiper-pagination-bullet,
.dkel-swiper-slideshow .swiper-pagination-bullet {
  background: var(--dkel-carousel-dots-normal-color, #000);
  height: var(--dkel-carousel-swiper-pagination-size);
  width: var(--dkel-carousel-swiper-pagination-size);
}

.dkel-swiper-carousel .swiper-container-wrap .swiper-pagination-fraction,
.dkel-swiper-slideshow .swiper-container-wrap .swiper-pagination-fraction {
  color: var(--dkel-carousel-fraction-color, #000);
  height: -moz-max-content;
  height: max-content;
  inset-inline-start: calc(var(--dkel-carousel-fraction-horizontal-position) + var(--dkel-carousel-fraction-horizontal-offset));
  top: calc(var(--dkel-carousel-fraction-vertical-position) + var(--dkel-carousel-fraction-vertical-offset));
  transform: translate(calc(var(--dkel-carousel-fraction-horizontal-transform) * var(--direction-multiplier, 1)), var(--dkel-carousel-fraction-vertical-transform));
  width: -moz-max-content;
  width: max-content;
  z-index: 3;
}

.dkel-swiper-carousel .dkel-swiper-slider.offset-both {
  padding-inline-start: var(--dkel-carousel-swiper-offset-size, 0);
}

.dkel-swiper-carousel .dkel-swiper-slider.offset-left {
  padding-inline-start: var(--dkel-carousel-swiper-offset-size, 0);
}

.dkel-swiper-carousel .dkel-swiper-slider.offset-both,
.dkel-swiper-carousel .dkel-swiper-slider.offset-right {
  padding-inline-end: var(--dkel-carousel-swiper-offset-size, 0);
}