.wdt-carousel-holder { position: relative;
}
.wdt-carousel-holder .swiper.swiper-vertical .swiper-wrapper .swiper-slide {
overflow: hidden;
} .wdt-carousel-holder .wdt-carousel-pagination-wrapper {
text-align: center;
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination {
position: static;
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination:empty {
display: none;
}
.wdt-carousel-holder .swiper.swiper-horizontal+.wdt-carousel-pagination-wrapper .wdt-swiper-pagination {
margin-top: 20px;
} .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination {
display: block;
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div {
background-color: transparent !important;
background-image: none !important;
color: var(--wdt-elementor-color-white);
display: inline-flex;
place-content: center;
place-items: center;
letter-spacing: 0;
height: 35px;
line-height: normal;
margin: 1px;
margin-top: 20px;
padding: 0;
position: relative;
text-decoration: none;
text-transform: none;
vertical-align: top;
width: 35px;
z-index: 1;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: var(--wdt-elementor-base-transition);
transition: var(--wdt-elementor-base-transition);
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div>i {
color: inherit;
display: inline-flex;
place-content: center;
place-items: center;
font-size: inherit;
height: 100%;
margin: 0;
padding: 5px;
position: relative;
width: 100%;
z-index: 0;
-webkit-transition: inherit;
transition: inherit;
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div:before {
background: var(--wdt-elementor-color-primary);
content: "";
height: auto;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: auto;
z-index: -1;
-webkit-border-radius: inherit;
border-radius: inherit;
-webkit-transition: inherit;
transition: inherit;
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination>div:hover:before {
background-color: var(--wdt-elementor-color-accent);
}
.wdt-carousel-holder .swiper.swiper-horizontal+.wdt-carousel-pagination-wrapper .wdt-carousel-arrow-pagination {
margin-left: 10px;
margin-right: 10px;
} .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets {
display: inline-flex;
place-content: center;
place-items: center;
width: auto;
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet {
background-color: transparent !important;
background-image: none !important;
display: inline-flex;
place-content: center;
place-items: center;
letter-spacing: 0;
height: 10px;
line-height: normal;
margin: 5px;
opacity: 1;
padding: 0;
position: relative;
text-decoration: none;
text-transform: none;
vertical-align: top;
width: 10px;
z-index: 1;
-webkit-border-radius: 0;
border-radius: 0;
-webkit-transition: var(--wdt-elementor-base-transition);
transition: var(--wdt-elementor-base-transition);
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover,
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
opacity: 1;
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:before {
background: var(--wdt-elementor-color-primary);
content: "";
height: auto;
margin: auto;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: auto;
-webkit-border-radius: inherit;
border-radius: inherit;
-webkit-transition: inherit;
transition: inherit;
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet:hover:before,
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active:before {
background-color: var(--wdt-elementor-color-accent);
}
.wdt-carousel-holder .swiper+.wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets,
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-bullets {
margin-left: 5px;
margin-right: 5px;
} .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-fraction {
background: var(--wdt-elementor-color-primary);
color: var(--wdt-elementor-color-white);
display: inline-flex;
place-items: center;
height: 30px;
line-height: 1;
margin-left: auto;
margin-right: auto;
padding: 0 20px;
width: auto;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-pagination.swiper-pagination-fraction>* {
display: inline-block;
margin: 0;
vertical-align: top;
} .wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-scrollbar {
float: left;
height: 6px;
margin: 20px 0 0;
opacity: 1 !important;
position: relative;
width: 100%;
z-index: 0;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: transparent;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%);
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-scrollbar:before,
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-scrollbar:after {
content: "";
height: 100%;
opacity: 0.6;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: -1;
-webkit-border-radius: inherit;
border-radius: inherit;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-scrollbar:before,
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-scrollbar:after {
height: auto;
margin: 0;
width: 100%;
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .wdt-swiper-scrollbar .swiper-scrollbar-drag {
background-color: currentColor;
color: var(--wdt-elementor-color-accent);
border-radius: inherit;
}
.wdt-carousel-holder .swiper.swiper-vertical+.wdt-carousel-pagination-wrapper .wdt-swiper-scrollbar {
height: 100%;
margin: 0;
position: absolute;
left: 100%;
top: 0;
width: 8px;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%);
}
.wdt-carousel-holder .swiper.swiper-vertical+.wdt-carousel-pagination-wrapper .wdt-swiper-scrollbar:before,
.wdt-carousel-holder .swiper.swiper-vertical+.wdt-carousel-pagination-wrapper .wdt-swiper-scrollbar:after {
height: 100%;
margin: 0;
width: auto;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%);
}
.wdt-carousel-holder .swiper.swiper-vertical[data-settings*="scrollbar"] {
padding-right: 10px;
}
.wdt-carousel-holder .swiper.swiper-vertical[data-settings*="scrollbar"]+.wdt-carousel-pagination-wrapper .wdt-swiper-scrollbar {
left: auto;
right: 0;
} .wdt-carousel-holder .wdt-carousel-pagination-wrapper .swiper-pagination-progressbar {
float: left;
height: 6px;
overflow: hidden;
position: relative;
width: 100%;
z-index: 0;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: transparent;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%);
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .swiper-pagination-progressbar:before,
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .swiper-pagination-progressbar:after {
content: "";
height: 100%;
opacity: 0.6;
position: absolute;
bottom: 0;
left: 0;
right: 0;
top: 0;
width: 100%;
z-index: -1;
-webkit-border-radius: inherit;
border-radius: inherit;
background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000', GradientType=1);
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .swiper-pagination-progressbar:before,
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .swiper-pagination-progressbar:after {
height: auto;
margin: 0;
width: 100%;
}
.wdt-carousel-holder .swiper.swiper-vertical+.wdt-carousel-pagination-wrapper .swiper-pagination-progressbar {
height: 100%;
margin: 0;
position: absolute;
left: 100%;
top: 0;
width: 8px;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%);
}
.wdt-carousel-holder .swiper.swiper-vertical+.wdt-carousel-pagination-wrapper .swiper-pagination-progressbar:before,
.wdt-carousel-holder .swiper.swiper-vertical+.wdt-carousel-pagination-wrapper .swiper-pagination-progressbar:after {
height: 100%;
margin: 0;
width: auto;
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 17%, rgba(0, 0, 0, 0.1) 83%, rgba(0, 0, 0, 0) 100%);
}
.wdt-carousel-holder .wdt-carousel-pagination-wrapper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background-color: currentColor;
color: var(--wdt-elementor-color-accent);
border-radius: inherit;
}
.wdt-carousel-holder .swiper.swiper-vertical[data-settings*="progressbar"] {
padding-right: 10px;
}
.wdt-carousel-holder .swiper.swiper-vertical[data-settings*="progressbar"]+.wdt-carousel-pagination-wrapper .swiper-pagination-progressbar {
left: auto;
right: 0;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: transparent;
border-radius: 20px;
border-color: transparent; box-shadow: 0 0 100px 40px var(--main-bg-color);
overflow: hidden;
}
.swiper-slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .swiper-slide:not(.swiper-slide-active) a {
pointer-events: auto;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: transparent; display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}