/* Thumb Slider Style */

.wdt-thumb-carousel-holder > .swiper > .swiper-wrapper { margin-bottom: 20px; }
.wdt-thumb-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide { z-index: 0; }
.wdt-thumb-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active { z-index: 2; }

.wdt-thumb-carousel-holder > .swiper { overflow: visible; }
.wdt-thumb-carousel-holder .wdt-thumb-slider-container { display: grid; position: relative; }

.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-image,
.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info { width: 100%; border-radius: inherit;grid-area: 1/-1; align-items: center; align-content: center; justify-content: center; margin-bottom: 0; overflow: hidden; text-align: center;  }

.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-image { position: relative; }
.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info { position: relative; margin: 30px;display: block; padding: 30px; max-width: 500px; align-self: center; justify-self: center; background: var(--wdtBodyBGColor); }
.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info > div { margin: 0; }
.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info > div:not(:last-child) { margin-bottom: 15px; }

.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title > h5,
.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title > h6 { margin: 0; }

.wdt-thumb-slider-info div.wdt-thumb-slider-button > a {margin-top: 10px; display: inline-block; line-height: 1; font-size: 1em; padding: 0.75em 1.5em; text-align: center; -webkit-border-radius: 0; border-radius: 0; }

/* Thumb Pagination Arrow */


.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination { text-align: center; }
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div { position: relative; z-index: 2;display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; padding: 10px; margin: 20px 4px 0; }

/* .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div.wdt-arrow-thumb-pagination-prev { left: 20px; top: 40%; }
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div.wdt-arrow-thumb-pagination-next { right: 20px; top: 40%; } */

/* Thumb Slider Thumbnail */

.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail img { object-fit: cover; object-position: center center; }
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide .wdt-thumb-slider-thumbnail img{border: 3px solid transparent; cursor: pointer;-webkit-transition: var(--wdtBaseTransition);transition: var(--wdtBaseTransition);}
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide.swiper-slide-thumb-active .wdt-thumb-slider-thumbnail img{border-color: var(--wdtPrimaryColor); }
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail { position: relative; }
/* .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail:before { pointer-events: none; transition: var(--wdtAltTransition);content: ""; position: absolute; border: 5px solid transparent; top: 0; right: 0; bottom: 0; left: 0; }
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active .wdt-thumb-slider-thumbnail:before { border:5px solid rgba(var(--wdtBodyBGColorRgb), 0.3); } */


/* Thumb Content Animation */

.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-icon-wrapper,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button { -webkit-transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); transition: 375ms cubic-bezier(0.7, 0, 0.3, 1); }

.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-icon-wrapper,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content,
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button {-webkit-transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); transition: 500ms cubic-bezier(0.7, 0, 0.3, 1); }

.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-prev .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-icon-wrapper { transition-delay: 90ms; -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-prev .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title { transition-delay: 80ms; -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-prev .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title {transition-delay: 70ms; -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-prev .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content {transition-delay: 60ms; -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-prev .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button {transition-delay: 45ms; -webkit-transform: translateX(-40px); transform: translateX(-40px); opacity: 0; }

.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-next .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-icon-wrapper { transition-delay: 90ms; -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-next .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title { transition-delay: 80ms; -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-next .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title {transition-delay: 70ms; -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-next .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content {transition-delay: 60ms; -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-next .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button {transition-delay: 45ms; -webkit-transform: translateX(40px); transform: translateX(40px); opacity: 0; }

.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-icon-wrapper {transition-delay: 0ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title {transition-delay: 100ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title {transition-delay: 180ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content {transition-delay: 240ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }
.wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide.swiper-slide-active .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button {transition-delay: 320ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }

.wdt-simple-thumb-slider .swiper.wdt-thumbnail-carousel.swiper-watch-progress {width: 50%;position: absolute;bottom: 80px;right: 162px;}
.wdt-simple-thumb-slider .wdt-thumbcarousel-pagination-wrapper{position: absolute;bottom: 130px;right: 50px;width: 62%;}
.wdt-simple-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination{display: flex;justify-content: space-between;align-items: center;}
.wdt-simple-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div{margin: 0;border-radius: var(--wdtRadius_Part);border: 1px solid var(--wdtBodyBGColor);background: transparent;width: clamp(3.25rem, 3.125rem + 0.625vw, 3.875rem);height: clamp(3.25rem, 3.125rem + 0.625vw, 3.875rem);padding: 0;color: var(--wdtBodyBGColor);font-size: clamp(3.25rem, 3.125rem + 0.625vw, 3.875rem);}
.wdt-simple-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div:hover{background: var(--wdtPrimaryColor);border-color: var(--wdtPrimaryColor);}
.wdt-simple-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div i {display: inline-flex;-webkit-transition: var(--wdtBaseTransition);transition: var(--wdtBaseTransition);}
.wdt-simple-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div.wdt-arrow-thumb-pagination-prev i {transform: translateX(50%);}
.wdt-simple-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div.wdt-arrow-thumb-pagination-next i {transform: translateX(-50%);}
/* .wdt-simple-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div:hover i {transform: translateX(0px) scale(0.85);} */
.wdt-simple-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div.wdt-arrow-thumb-pagination-prev:hover i{transform: translateX(40%);}
.wdt-simple-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div.wdt-arrow-thumb-pagination-next:hover i{transform: translateX(-40%);}


/* -----------------------
    Primary Color 
----------------------- */

.wdt-thumb-slider-info div.wdt-thumb-slider-button > a { background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); }

/* -----------------------
    secondary Color 
----------------------- */

.wdt-thumb-slider-info div.wdt-thumb-slider-button > a:focus,
.wdt-thumb-slider-info div.wdt-thumb-slider-button > a:hover { background-color: var(--wdtSecondaryColor); color: var(--wdtAccentTxtColor); }

/* -----------------------
    Responsive
----------------------- */

@media only screen and (max-width:1540px)
{
  .wdt-simple-thumb-slider .wdt-thumbcarousel-pagination-wrapper{position: absolute;bottom: 110px;right: 30px;width: 69%;}
}  
@media only screen and (max-width:1280px)
{
  .wdt-simple-thumb-slider .wdt-thumbcarousel-pagination-wrapper{position: absolute;bottom: 120px;right: 30px; width: 860px;}
  .wdt-simple-thumb-slider .swiper.wdt-thumbnail-carousel.swiper-watch-progress{width: 605px;bottom: 100px;}
}
@media(max-width:1024px) {
  .wdt-simple-thumb-slider .wdt-thumbcarousel-pagination-wrapper { width: calc(100% - 60px); right: 0; left: 0; bottom: 130px; margin: 0 30px; }
  .wdt-simple-thumb-slider .swiper.wdt-thumbnail-carousel.swiper-watch-progress { width: 70%; bottom: 80px; left: 0; right: 0; }
}
@media only screen and (max-width:1024px) and (max-width:769px)
{
  .wdt-simple-thumb-slider .swiper.wdt-thumbnail-carousel.swiper-watch-progress{width: 100%;right: 0;padding:0 100px;bottom: 50px;}
  .wdt-simple-thumb-slider .wdt-thumbcarousel-pagination-wrapper{bottom: 70px;right: 0;width: 100%;padding: 0 15px; width: 85%; }
}
@media only screen and (max-width:768px)
{
  .wdt-simple-thumb-slider .swiper.wdt-thumbnail-carousel.swiper-watch-progress {width: 100%;padding: 0 30px;right: 0; bottom: 150px;}
  .wdt-simple-thumb-slider .wdt-thumbcarousel-pagination-wrapper{ bottom: 50px; left: 46%; transform: translateX(-50%); width: 220px; z-index: 1; }
}