/* Thumb Slider Style */

  /* .wdt-thumb-carousel-holder .swiper:not(.wdt-thumbnail-carousel)  */

  /* .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper,
  .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide { transition-duration: 800ms !important; }
  .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide { visibility: hidden; transition-duration: 800ms !important; }
  .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active { visibility: visible;  } */

  .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%;
      grid-area: 1/-1; align-items: center; align-content: center; justify-content: center; margin-bottom: 0 !important; overflow: hidden; text-align: center;  }

  .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-image { position: relative; z-index: -1; }
  .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 { 
    display: flex; flex-wrap: wrap; flex-direction: column; align-items: center; justify-content: center; padding: 140px 40px; }
  .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info > * { /*flex: 1 1 100%;*/ margin: 0; }
  .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info > *: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; }


  /* Thumbs-Group Style */

  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group { display: flex; flex-wrap: wrap; align-items: center; width: 100%; max-width: 1660px; margin-left: auto; 
      position: absolute; right: 0; bottom: -2px; z-index: 1; background-color: var(--wdtBodyBGColor); border-top-left-radius: 3vw; }
  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div { overflow: hidden; padding: 10px; }

  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbnail-title { width: 35%; padding: 40px; }
  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbnail-carousel { width: 50%; margin: -60px 0 20px; }
  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbcarousel-pagination-wrapper { width: 15%; position: relative; }

  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail img { object-fit: cover; object-position: center center; }
  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail img,
  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail { aspect-ratio: 7/4; width: 100%; height: 100%; border-radius: var(--wdtRadius_Mvw); }


  /* Thumb Content Style */

  .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title > h6 { 
      font-size: clamp(1.25rem, 0.8173rem + 1.9231vw, 3.125rem); line-height: var(--wdtLineHeight_Ext); font-family: var(--wdtFontTypo_Ext); }
  .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title > h5 { position: relative;
      font-size: clamp(2.125rem, 1.1731rem + 4.2308vw, 6.25rem); line-height: 1; width: 100%; max-width: 960px; margin: 0 auto; padding-bottom: clamp(1.875rem, 1.5865rem + 1.2821vw, 3.125rem); }

  .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title > h5:after { 
      content: ""; position: absolute; left: 0; right: 0; bottom: 0; margin: auto; background-color: var(--wdtPrimaryColor);
      width: clamp(6.25rem, 3.3654rem + 12.8205vw, 18.75rem); height: clamp(1.25rem, 0.9615rem + 1.2821vw, 2.5rem);
      -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 358.7 39.8' style='enable-background:new 0 0 358.7 39.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .underline-svg-0%7Bfill:currentcolor;%7D %3C/style%3E%3Cg%3E%3Cg transform='translate(0 0)'%3E%3Cpath class='underline-svg-0' d='M78.5,0.2C62.8,1.7,47.3,4.9,32.3,9.9c-6.3,2-7.5,2.3-7.7,1.8c-0.6-1.3-1.5-1.3-7.1,0 c-7.8,1.8-14.4,4.1-16.1,5.5c-1.1,1.1-1.6,2.6-1.4,4.2c0.5,2.9,2.5,4.4,6.2,4.4c3.3,0,6.3-0.8,18.2-4.7c20.4-6.8,27-8.6,37.9-10.6 C74,8.2,85.9,7.3,97.8,7.6c9.2,0.2,12.1,0.6,14.5,1.8c1.3,0.7,1.3,1.4,0.4,3.8c-1,2.5-2.4,4.6-7.3,11.2c-5.6,7.4-6.5,9.6-5.2,12.7 c0.8,1.8,2.3,2.7,4.6,2.6c3.2-0.1,8-1.5,29.9-8.9c27.7-9.3,42.5-12.9,48.8-11.8c1.8,0.3,2.1,0.5,3.5,2.2c3,3.6,6.9,5.1,14.4,5.4 c6,0.3,10-0.1,24.4-2.3c15.3-2.3,19.5-2.7,28.9-3.1c21.5-0.7,45.5,1.3,75,6.4c19.1,3.3,27.7,4.5,28.7,4.1c0.6-0.3,0.7-1.5,0.1-2 c-2.1-0.6-4.3-1.1-6.5-1.3c-3.4-0.5-9.1-1.6-12.7-2.3c-33.7-6.6-48.8-8.6-70.4-9.7c-14.6-0.7-25.8-0.1-44.6,2.6 c-12.7,1.8-19.2,2.3-23.9,1.8c-5.9-0.6-8.5-1.6-10.6-4.3c-2.3-3-3-3.2-9.5-3.2c-9.3,0-14.4,1.3-48,11.9c-15.1,4.8-22.7,7-23.9,7 c-0.3,0,0.8-1.7,3.2-4.9c1.9-2.4,3.6-4.9,5.1-7.5c4.6-8.9,3.3-15.6-3.5-18.2c-3.9-1.5-6.5-1.7-18.9-1.8 C87.5-0.1,80.4,0.1,78.5,0.2'/%3E%3C/g%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 358.7 39.8' style='enable-background:new 0 0 358.7 39.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .underline-svg-0%7Bfill:currentcolor;%7D %3C/style%3E%3Cg%3E%3Cg transform='translate(0 0)'%3E%3Cpath class='underline-svg-0' d='M78.5,0.2C62.8,1.7,47.3,4.9,32.3,9.9c-6.3,2-7.5,2.3-7.7,1.8c-0.6-1.3-1.5-1.3-7.1,0 c-7.8,1.8-14.4,4.1-16.1,5.5c-1.1,1.1-1.6,2.6-1.4,4.2c0.5,2.9,2.5,4.4,6.2,4.4c3.3,0,6.3-0.8,18.2-4.7c20.4-6.8,27-8.6,37.9-10.6 C74,8.2,85.9,7.3,97.8,7.6c9.2,0.2,12.1,0.6,14.5,1.8c1.3,0.7,1.3,1.4,0.4,3.8c-1,2.5-2.4,4.6-7.3,11.2c-5.6,7.4-6.5,9.6-5.2,12.7 c0.8,1.8,2.3,2.7,4.6,2.6c3.2-0.1,8-1.5,29.9-8.9c27.7-9.3,42.5-12.9,48.8-11.8c1.8,0.3,2.1,0.5,3.5,2.2c3,3.6,6.9,5.1,14.4,5.4 c6,0.3,10-0.1,24.4-2.3c15.3-2.3,19.5-2.7,28.9-3.1c21.5-0.7,45.5,1.3,75,6.4c19.1,3.3,27.7,4.5,28.7,4.1c0.6-0.3,0.7-1.5,0.1-2 c-2.1-0.6-4.3-1.1-6.5-1.3c-3.4-0.5-9.1-1.6-12.7-2.3c-33.7-6.6-48.8-8.6-70.4-9.7c-14.6-0.7-25.8-0.1-44.6,2.6 c-12.7,1.8-19.2,2.3-23.9,1.8c-5.9-0.6-8.5-1.6-10.6-4.3c-2.3-3-3-3.2-9.5-3.2c-9.3,0-14.4,1.3-48,11.9c-15.1,4.8-22.7,7-23.9,7 c-0.3,0,0.8-1.7,3.2-4.9c1.9-2.4,3.6-4.9,5.1-7.5c4.6-8.9,3.3-15.6-3.5-18.2c-3.9-1.5-6.5-1.7-18.9-1.8 C87.5-0.1,80.4,0.1,78.5,0.2'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A"); 
      -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: contain; mask-size: contain; 
      -webkit-mask-position: center center; mask-position: center center; }

  .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button { 
    margin-top: clamp(1.25rem, 0.9615rem + 1.2821vw, 2.5rem); }
  .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button a { display: inline-block; font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); text-transform: uppercase; letter-spacing: 2.6px; background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); padding: 1em 3.3em; border-radius: 8px; border: 2px solid var(--wdtPrimaryColor); }

  .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button a:hover { background-color: transparent; color: var(--wdtPrimaryColor); border-color: var(--wdtPrimaryColor); }

  .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button a .wdt-thumb-slider-button-text {
      padding: 10px 30px; }

  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbnail-title .wdt-thumb-slider-content p { margin: 0;
      font-size: 26px; line-height: 1.2; font-family: var(--wdtFontTypo_Base); font-weight: 600; color: var(--wdtSecondaryColor);}

  /* Thumb Content Animation */

  .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-button { 
      -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }

  .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-button {
      -webkit-transition: 0.3s ease-out; transition: 0.3s ease-out; }

  .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title { 
      transition-delay: 0ms; -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 0; }
  .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title {
      transition-delay: 0ms; -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 0; }
  .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button {
      transition-delay: 0ms; -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 0; }

  .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title { 
      transition-delay: 0ms; -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 0; }
  .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title {
      transition-delay: 0ms; -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 0; }
  .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-button {
      transition-delay: 0ms; -webkit-transform: translateX(0px); transform: translateX(0px); opacity: 0; }

  .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: 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-title {
      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-button {
      transition-delay: 0ms; -webkit-transform: translateX(0); transform: translateX(0); opacity: 1; }


/* Thumb Pagination Arrow */


.wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination { text-align: center; }
.wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div { 
  border: 1px solid currentColor; background: transparent; color: var(--wdtSecondaryColor); display: inline-flex; align-items: center; justify-content: center;
  width: 50px; height: 50px; padding: 10px; margin: 0 5px; -webkit-border-radius: 50%; border-radius: 50%; }

.wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div:hover { color: var(--wdtPrimaryColor); }

/* Responsive */


@media (max-width: 1540px) {

  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group { position: relative; border-top-left-radius: 0; }
  .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info { padding: 200px 40px 100px; }

  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbnail-carousel { width: 50%; margin: 0; }
}

@media ( max-width: 1024px) {

.wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info { padding: 200px 40px 200px; }
  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div { padding: 16px; }
  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbnail-title { width: 60%; order: 2; padding: 16px; }
  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbnail-carousel { width: 100%; margin: 0; order: 1; margin-top: -100px; }
  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbcarousel-pagination-wrapper { width: 40%; position: relative; order: 3; }

  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination { text-align: right; }

  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail img,
  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail { 
    aspect-ratio: 6/4; width: 100%; height: 100%; }

  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group { align-items: flex-start; }
}

@media (max-width: 767px) {

  .wdt-thumb-carousel-holder .wdt-thumb-pagination-group > div.wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div { margin: 5px; }
  .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info { padding: 140px 40px 160px; }

}