.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
}
} .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;
} .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;
}