/* Thumb Slider Style */

.wdt-thumb-carousel-holder > .swiper > .swiper-wrapper { margin-bottom: 40px; }
.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 { display:flex; justify-content:space-between; width:100%;}
.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; cursor: pointer; font-size: 10px; height: 50px; line-height: 50px;
    padding: 0; margin: 0; text-align: center; width: 50px; border-radius: var(--wdtRadius_Full); -webkit-border-radius: var(--wdtRadius_Full);
    background-color: var(--wdtHeadAltColor); color: var(--wdtAccentTxtColor); box-shadow: 0 0 0 1px var(--wdtHeadAltColor) inset, 0 0 0 3px var(--wdtAccentTxtColor) inset; -webkit-box-shadow: 0 0 0 1px var(--wdtHeadAltColor) inset, 0 0 0 3px var(--wdtAccentTxtColor) inset; }

.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div:hover {
    background-color: var(--wdtPrimaryColor); color: var(--wdtHeadAltColor); box-shadow: 0 0 0 1px var(--wdtAccentTxtColor) inset, 0 0 0 3px var(--wdtAccentTxtColor) inset; -webkit-box-shadow: 0 0 0 1px var(--wdtPrimaryColor) inset, 0 0 0 3px var(--wdtPrimaryColor) inset; }
    
.wdt-dark-bg .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div {
    background-color: var(--wdtPrimaryColor); color: var(--wdtHeadAltColor); box-shadow: 0 0 0 1px var(--wdtPrimaryColor) inset, 0 0 0 3px var(--wdtHeadAltColor) inset; -webkit-box-shadow: 0 0 0 1px var(--wdtPrimaryColor) inset, 0 0 0 3px var(--wdtHeadAltColor) inset; }

.wdt-dark-bg .wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination > div:hover {
    background-color: var(--wdtAccentTxtColor); color: var(--wdtHeadAltColor); box-shadow: 0 0 0 1px var(--wdtAccentTxtColor) inset, 0 0 0 3px var(--wdtAccentTxtColor) inset; -webkit-box-shadow: 0 0 0 1px var(--wdtAccentTxtColor) inset, 0 0 0 3px var(--wdtAccentTxtColor) inset; }

/* 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;border-radius:var( --wdtRadius_2X);overflow:hidden; cursor: pointer; }



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


/* My-styles */

.wdt-thumb-carousel-holder .wdt-thumbnail-carousel{
    margin:0;
    grid-area:1/1;
} 
.wdt-thumb-pagination-group{
    display:grid;
    align-items:center;
    max-width:390px;
    margin:0 65px;
}
.wdt-thumbcarousel-pagination-wrapper{
    grid-area:1/1;
    display:flex;
    justify-content:space-between;
}
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination .wdt-arrow-thumb-pagination-prev{
    margin-left:-65px;
}
.wdt-thumb-carousel-holder .wdt-thumbcarousel-pagination-wrapper .wdt-thumbcarousel-arrow-pagination .wdt-arrow-thumb-pagination-next{
   margin-right:-65px;
}

.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail:after{
   content:" ";
   position:absolute;
   left:0;
   top:0;
   width:100%;
   height:100%;
   border: 2px solid rgba(var(--wdtAccentTxtColorRgb), 0.25);
   border-radius:var(--wdtRadius_2X);
}

.wdt-thumb-carousel-holder .wdt-thumbnail-carousel .swiper-slide-thumb-active .wdt-thumb-slider-thumbnail:after {
    border-color: var(--wdtPrimaryColor)
}

.wdt-thumbnail-carousel .swiper-wrapper .swiper-slide {
    pointer-events: all;
}

.wdt-thumb-carousel-holder .wdt-thumb-pagination-group {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media only screen and (max-width:1280px) and (min-width:1025px) {
    .wdt-thumb-pagination-group{
        max-width:300px;
    }    
}

@media only screen and (max-width:1024px){
    .wdt-thumb-pagination-group{
    max-width:280px;  
    }
    .wdt-thumb-carousel-holder .wdt-thumb-pagination-group {
        position: static;
    }
}
@media only screen and (max-width:767px){
    .wdt-thumb-pagination-group{
    max-width:100%;  
    }

    .wdt-thumb-carousel-holder .swiper-wrapper .elementor-element .elementor-widget-image img {
        opacity: 0.3;
    }

    .wdt-thumb-carousel-holder .wdt-heading-holder .wdt-heading-background-text-wrapper {
        font-size: clamp(3.125rem, -0.4544rem + 17.8971vw, 8.125rem); /* 130 - 60 */
        opacity: 0.3;
    }

}

/* My-styles */

.wdt-thumb-carousel-holder .swiper-slide .wdt-heading-holder .wdt-heading-background-text-wrapper {
    opacity: 0;
    transform: translateY(30px) scale(1.05);
    transition: transform 0.7s ease-out, opacity 0.7s ease-out;
    will-change: transform, opacity;
}

.wdt-thumb-carousel-holder .swiper-slide-active .wdt-heading-holder .wdt-heading-background-text-wrapper {
    opacity: 1;
    transform: translateY(0) scale(1);
}

.wdt-thumb-carousel-holder > div > .swiper-wrapper .swiper-slide {
    opacity: 0 !important;
}

.wdt-thumb-carousel-holder > div > .swiper-wrapper .swiper-slide-active {
    opacity: 1 !important;
}




/* Subtitle: glide in from the left */
/* .wdt-thumb-carousel-holder .swiper-slide .wdt-heading-holder .wdt-heading-subtitle-wrapper {
    opacity: 0;
    transform: translateX(-20px);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.wdt-thumb-carousel-holder .swiper-slide-active .wdt-heading-holder .wdt-heading-subtitle-wrapper {
    opacity: 1;
    transform: translateX(0);
    transition-delay: 0.1s;
} */

/* Title: slide down gently */
.wdt-thumb-carousel-holder .swiper-slide .wdt-heading-holder .wdt-heading-title-wrapper {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.wdt-thumb-carousel-holder .swiper-slide-active .wdt-heading-holder .wdt-heading-title-wrapper {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.2s;
}

/* Button: slide up smoothly */
.wdt-thumb-carousel-holder .swiper-slide .wdt-button-holder {
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1);
}

.wdt-thumb-carousel-holder .swiper-slide-active .wdt-button-holder {
    opacity: 1;
    transform: translateY(0);
    transition-delay: 0.3s;
}


@media only screen and (max-width:767px) {
    .wdt-thumb-carousel-holder .swiper-slide-active .wdt-heading-holder .wdt-heading-background-text-wrapper {
        opacity: 0.2;
    }
}