/* 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; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full); line-height: 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; }
.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); }
  
  
  /* -----------------------
      Responsive
  ----------------------- */




  /* -----------------
  tumbnail title style
  -------------------- */

  .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail.wdt-thumbnail-title::before {
    left: 0;
    right: 0;
    top: auto;
    bottom: 0;
    border-width: 0;
    background-color: transparent;
    background-image: linear-gradient(90deg, rgb(var(--wdtLinkHoverColorRgb),1) 50%, rgb(var(--wdtLinkHoverColorRgb),0) 50%);
    background-repeat: repeat;
    background-size: 20px 2px;
    height: 2px;
    background-position: 0;
    animation: wdt-line-moving 30s linear infinite;
    -webkit-animation: wdt-line-moving 30s linear infinite;

  }

    @keyframes wdt-line-moving {
        0% {
            background-position: 0%;
        }
        100% {
            background-position: 100%;
        }
    }

    @-webkit-keyframes wdt-line-moving {
        0% {
            background-position: 0%;
        }
        100% {
            background-position: 100%;
        }
    }

  .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail.wdt-thumbnail-title .wdt-thumb-slider-title h4 {
    margin: 0;
    padding: clamp(1.875rem, 1.75rem + 0.625vw, 2.5rem) 0;   /* 40px - 30px */
    text-align: center;
    color: var(--wdtLinkHoverColor);
    transition: var(--wdtBaseTransition);
    -webkit-transition: var(--wdtBaseTransition);

    transform: scale(1);
    -webkit-transform: scale(1);
  } 

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder .wdt-thumb-pagination-group .wdt-thumbnail-carousel .swiper-wrapper {
    margin-top: clamp(-1.875rem, -1.75rem + -0.625vw, -2.5rem);   /* -40px \ -30px */
  }


  /* active thumbnail */

  .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active .wdt-thumb-slider-thumbnail::before {
    border: 0;
  }

  .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active .wdt-thumb-slider-thumbnail.wdt-thumbnail-title .wdt-thumb-slider-title h4 {
    color: var(--wdtSecondaryColor);
    transform: scale(1.4);
    -webkit-transform: scale(1.4);
  }

  .wdt-thumb-carousel-holder .swiper-fade .swiper-slide {
    pointer-events: auto !important;
  }

  /* arrow label */

  .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div .wdt-carousel-arrow-label {
    font-size: 0;
  }



  /* responsive */

  @media (max-width:479px) {
    .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active .wdt-thumb-slider-thumbnail.wdt-thumbnail-title .wdt-thumb-slider-title h4 {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
    }
  }



/* -----------------
custom style
---------------- */


  /* -------------
  arrow custom style
  ----------------- */

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0;
    background-color: transparent;
    font-size: clamp(2.5rem, 2.25rem + 1.25vw, 3.75rem);  /* 60px - 40px */
    width: fit-content;
    height: auto;
    color: var(--wdtLinkHoverColor);

    transform: scale(1);
    -webkit-transform: scale(1);

    transition: var(--wdtAltTransition);
    -webkit-transition: var(--wdtAltTransition);
  }

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div:hover {
    transform: scale(0.95) translateY(5px);
    -webkit-transform: scale(0.95) translateY(5px);
    color: var(--wdtSecondaryColor);
  }

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div.wdt-arrow-thumb-pagination-prev:hover {
    transform: scale(0.95) translateY(-5px);
    -webkit-transform: scale(0.95) translateY(-5px);
  }

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div.wdt-arrow-thumb-pagination-prev {
    top: 0;
    bottom: auto;
  }

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div.wdt-arrow-thumb-pagination-next {
    bottom: 0;
    top: auto;
  }

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder .wdt-thumb-pagination-group {
    padding: clamp(5rem, 4.75rem + 1.25vw, 6.25rem) 0;   /* 100px - 80px */
    position: relative;
    order: 0;
    /* width: 500px; */
    width: calc(33.3% - 35px);
    margin-right: 35px;
  }

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder > .swiper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper {
    order: 1;
    /* width: calc(100% - 570px);
    margin-left: 70px; */
    width: calc(66.6% - 35px);
    margin-left: 35px;
  }

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide {
    width: 100% !important;
  }

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper {
    margin-bottom: 0;
  }

  /* animation */

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide {
    opacity: 0 !important;
  } 

  .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
  }


  /* responsive */

  @media (max-width:1540px) {
    .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper {
        width: calc(66.6% - 25px);
        margin-left: 25px;
      }
      .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder .wdt-thumb-pagination-group {
        width: calc(33.3% - 35px);
        margin-right: 25px;
      }
  }

  @media (max-width:1280px) {
    .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper {
      width: calc(70% - 25px);
      margin-left: 25px;
      }
      .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder .wdt-thumb-pagination-group {
        width: calc(30% - 25px);
        margin-right: 25px;
      }
  }

  @media (max-width:1024px) {
    .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper {
        width: 100%;
        margin-left: 0;
      }
      .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder .wdt-thumb-pagination-group {
        width: 70%;
        margin: auto;
        margin-bottom: 50px;
      }
  }

  @media (max-width:479px) {
    .wdt-cus-menus-list-thum-slider .wdt-thumb-carousel-holder .wdt-thumb-pagination-group {
        width: 100%;
        margin-bottom: 40px;
      }
  }