/* 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 .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: 2px solid transparent; top: 10px; right: 10px; bottom: 10px; left: 10px; display: none; }
.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active .wdt-thumb-slider-thumbnail:before { border: 2px solid var(--wdtAccentTxtColor); }


/* 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; }

/* -----------------------
    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); }
  
/*custom css*/
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel { width: calc(100% - calc(clamp(1.25rem, 1.1058rem + 0.641vw, 1.875rem) * 2)); 
    max-width: 1300px; background-color: var(--wdtPrimaryColor); padding: 14px; border-radius: 80px; 
    position: absolute; right: 0; left: 0; bottom: clamp(1.875rem, 1.2981rem + 2.5641vw, 4.375rem) /* 30 - 70 */; }
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide { 
    border: 1px solid rgba(var(--wdtAccentTxtColorRgb), 0.2); border-radius: 80px; 
    padding: 10px;cursor: pointer; overflow: hidden; pointer-events: all; }
/* .wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active { background-color: var(--wdtTertiaryColor); } */

.wdt-custom-thumb-slider .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper { margin-bottom: 0px; }

.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail { display: flex; align-items: center; }
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail .wdt-thumb-slider-text { 
    font-size: var(--wdtFontSize_H5); font-weight: var(--wdtFontWeight_Ext); 
    padding-left: clamp(0.5rem, 0.2981rem + 0.8974vw, 1.375rem); color: var(--wdtAccentTxtColor); width: 100%; 
    display: flex; align-items: center; }
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active .wdt-thumb-slider-text, 
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide:hover .wdt-thumb-slider-text { 
    color: var(--wdtHeadAltColor); }
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail .wdt-thumb-slider-text:after {
    content: ""; position: absolute; display: inline-block; width: clamp(1rem, 0.9423rem + 0.2564vw, 1.25rem); 
    height: clamp(1rem, 0.9423rem + 0.2564vw, 1.25rem); margin-left: 20px; background-color: currentColor;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M49.4,0C47.6,0,46,1.5,46,3.4v85.2L20.1,62.3c-1.3-1.3-3.3-1.3-4.6,0c-1.3,1.3-1.2,3.5,0.1,4.8l32,32c0.6,0.6,1.5,1,2.4,1 c0.9,0,1.8-0.4,2.4-1l32-32c1.3-1.3,1.3-3.5,0-4.8c-1.3-1.3-3.9-1.3-5.2,0l-26.4,26V3.4C52.8,1.5,51.3,0,49.4,0z'/%3E%3C/g%3E%3C/svg%3E%0A");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 100 100' style='enable-background:new 0 0 100 100;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M49.4,0C47.6,0,46,1.5,46,3.4v85.2L20.1,62.3c-1.3-1.3-3.3-1.3-4.6,0c-1.3,1.3-1.2,3.5,0.1,4.8l32,32c0.6,0.6,1.5,1,2.4,1 c0.9,0,1.8-0.4,2.4-1l32-32c1.3-1.3,1.3-3.5,0-4.8c-1.3-1.3-3.9-1.3-5.2,0l-26.4,26V3.4C52.8,1.5,51.3,0,49.4,0z'/%3E%3C/g%3E%3C/svg%3E%0A");
  -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
  -webkit-mask-size: 100%; mask-size: 100%;
  -webkit-mask-position: center center; mask-position: center center;
  -webkit-transition: var(--mu-transition); transition: var(--mu-transition);
  right: 20px;
}
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail img { 
    border-radius: 80px; width: clamp(5.625rem, 5.1923rem + 1.9231vw, 7.5rem) /* 90px - 120px */; 
    height: clamp(3.125rem, 2.7788rem + 1.5385vw, 4.625rem) /* 50px - 74px*/; }
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide:before { 
    content: ''; position: absolute; width: 0; height: 100%; background-color: var(--wdtTertiaryColor); 
    top: 0; left: 0; transition: var(--wdtAltTransition); border-radius: inherit; }
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide:hover:before, 
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active:before { 
    width: 100%; }
/* .wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-wrapper:not(:last-child) .swiper-slide { margin-right: 24px; } */

.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .swiper-slide .wdt-custom-h3-section-overlay .elementor-widget-image img, 
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .swiper-slide .wdt-custom-h3-section-overlay .elementor-widget-wdt-heading .wdt-heading-holder .wdt-heading-title-wrapper,
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .swiper-slide .wdt-custom-h3-section-overlay .elementor-widget-wdt-heading .wdt-heading-holder .wdt-heading-content-wrapper,
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .swiper-slide .wdt-custom-h3-section-overlay .elementor-widget-wdt-button .wdt-button-holder {
    transform: translateY(50px); transform: translateY(50px); opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease;
}



.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .swiper-slide-active .wdt-custom-h3-section-overlay .elementor-widget-image img { transform: translateY(0px); transform: translateY(0px); opacity: 1; transition-delay: 0.5s; }
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .swiper-slide-active .wdt-custom-h3-section-overlay .elementor-widget-wdt-heading .wdt-heading-holder .wdt-heading-title-wrapper { transform: translateY(0px); transform: translateY(0px); opacity: 1; transition-delay: 1s; }
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .swiper-slide-active .wdt-custom-h3-section-overlay .elementor-widget-wdt-heading .wdt-heading-holder .wdt-heading-content-wrapper { transform: translateY(0px); transform: translateY(0px); opacity: 1; transition-delay: 1.5s; }
.wdt-custom-thumb-slider .wdt-thumb-carousel-holder .swiper-slide-active .wdt-custom-h3-section-overlay .elementor-widget-wdt-button .wdt-button-holder { transform: translateY(0px); transform: translateY(0px); opacity: 1; transition-delay: 2s; }



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

  @media(max-width: 1280px) {
    .wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel { max-width: 1100px; }
  }
  @media(max-width: 1024px) {
    .wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel { max-width: 850px; }
  }
  @media(max-width: 768px) {
    .wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel { max-width: 580px; }
  }
  @media(max-width: 480px) {
    .wdt-custom-thumb-slider .wdt-thumb-carousel-holder .wdt-thumbnail-carousel { max-width: 360px; }
  }