.elementor-widget-alpus-nested-slider .elementor-swiper {
	position: relative;
}

.elementor-widget-alpus-nested-slider .elementor-main-swiper {
    position: static;
}
.elementor-widget-alpus-nested-slider .swiper-parallax .parallax-bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.elementor-widget-alpus-nested-slider .swiper-parallax .swiper-slide {
    overflow: hidden;
}

.rtl .elementor-widget-alpus-nested-slider .elementor-swiper-button-prev {
    right: 10px;
    left: auto
}

.rtl .elementor-widget-alpus-nested-slider .elementor-swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-overflow-hidden .swiper-slide {
    transition: transform .3s, opacity .3s, visibility .3s;
}

.swiper-overflow-hidden .swiper-slide,
.swiper-overflow-hidden .swiper-slide:not(.swiper-slide-visible) {
    opacity: 0;
    visibility: hidden;
}

.swiper-overflow-hidden .swiper-slide-visible:not(.slide-animate) {
    opacity: 1;
    visibility: visible;
}

.swiper.show-on-hover .elementor-swiper-button-prev {
    transform: translate(-10px,-50%)
}

.swiper.show-on-hover .elementor-swiper-button-next {
    transform: translate(10px,-50%)
}

.elementor-swiper .swiper.show-on-hover .elementor-swiper-button-next,
.elementor-swiper .swiper.show-on-hover .elementor-swiper-button-prev {
    transition: opacity 0.2s,transform 0.4s;
    opacity: 0
}

.swiper.show-on-hover:hover .elementor-swiper-button-next,
.swiper.show-on-hover:hover .elementor-swiper-button-prev {
    opacity: 1;
    transform: translate(0,-50%)
}

.swiper.show-on-hover:hover .elementor-swiper-button-next.swiper-button-disabled,
.swiper.show-on-hover:hover .elementor-swiper-button-prev.swiper-button-disabled {
    opacity: 0.3
}

@media (min-width: 992px) {
    .swiper-flickity {
        overflow:visible
    }
}

/* Scrollbar
 * Swiper positions its scrollbar absolutely over the bottom of the slides
 * ( .swiper-scrollbar.swiper-scrollbar-horizontal, .swiper-horizontal > .swiper-scrollbar ).
 * Here it is placed after the container instead, so it is laid out under the slides - hence the
 * higher specificity. The colors come from custom properties set by the "Scrollbar" style controls,
 * which keeps them from having to outrank this rule. */
.elementor-widget-alpus-nested-slider .elementor-swiper > .swiper-scrollbar {
    position: relative;
    left: auto;
    bottom: auto;
    z-index: 1;
    width: 100%;
    height: 4px;
    margin-top: 20px;
    border-radius: 10px;
    background: var(--alpus-scrollbar-track-bg, rgba(0, 0, 0, .1));
    cursor: pointer;
    touch-action: none;
}

/* A taller hit area than the bar itself, so it is easy to grab. */
.elementor-widget-alpus-nested-slider .elementor-swiper > .swiper-scrollbar:before {
    content: '';
    position: absolute;
    top: -8px;
    bottom: -8px;
    left: 0;
    right: 0;
}

.elementor-widget-alpus-nested-slider .swiper-scrollbar-drag {
    position: relative;
    height: 100%;
    border-radius: inherit;
    background: var(--alpus-scrollbar-thumb-bg, rgba(0, 0, 0, .5));
    cursor: grab;
}

.elementor-widget-alpus-nested-slider .swiper-scrollbar-lock {
    display: none;
}