/* Thumb Slider Style */

.wdt-thumb-carousel-holder > .swiper > .swiper-wrapper { margin-bottom: 20px; }
.wdt-thumb-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide { cursor: grab; 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 {
    display: inline-block; font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Alt); text-transform: capitalize; margin-top: 10px; padding: var(--wdtPadding_Btn); text-align: center; -webkit-border-radius: var(--wdtRadius_2X); border-radius: var(--wdtRadius_2X); -webkit-border-bottom-right-radius: var(--wdt-Hover-Radius); border-bottom-right-radius: var(--wdt-Hover-Radius); }
.wdt-thumb-slider-info div.wdt-thumb-slider-button > a:hover { 
    -webkit-border-bottom-right-radius: var(--wdtRadius_2X); border-bottom-right-radius: var(--wdtRadius_2X); }

/* Thumb Pagination Arrow */

.wdt-thumb-carousel-holder .swiper-slide { overflow: hidden; }

.wdt-thumb-carousel-holder div.wdt-thumb-pagination-group .swiper.swiper-container-vertical .swiper-wrapper { 
    /* flex-direction: column; */ flex-wrap: wrap; }
.wdt-thumb-carousel-holder div.wdt-thumb-pagination-group .wdt-thumb-slider-thumbnail { 
    background-image: var(--Thumb-bg); background-position: center center; background-repeat: no-repeat; background-size: cover; }

.wdt-thumb-carousel-holder > .swiper > .swiper-wrapper:has(> .swiper-slide .wdt-thumb-slider-image) ~ .wdt-thumb-pagination-group-wrapper .wdt-thumb-slider-thumbnail { aspect-ratio: 12/ 9; }


.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; }
.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(--wdtHeadAltColor); }
  
/* -----------------------
    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); }

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

/* -----------------------
    Custom Styles 
----------------------- */

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

/* First Group */
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder > .swiper { display: grid; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper { grid-area: 1 / -1; }
.wdt-thumb-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide { width: 100% !important; max-width: 100% !important; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper .wdt-thumb-slider-container .wdt-thumb-slider-image:after {
    content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background-image: linear-gradient(120deg, rgba(var(--wdtSecondaryColorRgb), 0.8) 30%, rgba(var(--wdtSecondaryColorRgb), 0.4) 70%);
    z-index: 0; margin: auto; }

/* Second Group */
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info {
    display: block; width: 100%; max-width: 1620px; background: transparent; padding: clamp(5rem, 4.5552rem + 2.454vw, 7.5rem) 30px; padding-right: 30%; margin: auto; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info > div:not(:last-child) { 
    margin-bottom: 16px; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title,
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content { width: 100%; max-width: 750px; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content { padding-right: 5%; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-sub-title > h6 {
    font-family: var(--wdtFontTypo_Base); font-size: calc(var(--wdtFontSize_Ext) - 2px); font-weight: var(--wdtFontWeight_Ext); 
    letter-spacing: var(--wdtLetterSpacing_2X); text-transform: uppercase; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-title > h4 {
    font-size: clamp(2.125rem, 1.7247rem + 2.2086vw, 4.375rem); /*70px - 34px*/ font-weight: var(--wdtFontWeight_Alt); 
    text-transform: capitalize; margin: 0; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info .wdt-thumb-slider-content P {
    font-size: var(--wdtFontSize_Base); font-weight: var(--wdtFontWeight_Base); line-height: var(--wdtLineHeight_Base); 
    letter-spacing: 0; text-align: left; margin-bottom: 0; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder .swiper-wrapper .swiper-slide .wdt-thumb-slider-container .wdt-thumb-slider-info div.wdt-thumb-slider-button > a { margin-top: 20px; }

/* Pagination Group */
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder > .swiper > .wdt-thumb-pagination-group-wrapper { 
    grid-area: 1 / -1; width: 100%; max-width: 1620px; padding: 0 30px; display: flex; justify-content: flex-end; 
    align-items: center; margin: auto; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder > .swiper > .wdt-thumb-pagination-group-wrapper .wdt-thumb-pagination-group {
    width: 100%; max-width: clamp(5rem, 3.4433rem + 8.589vw, 13.75rem); /*220px - 80px*/ }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder div.wdt-thumb-pagination-group .wdt-thumb-slider-thumbnail { 
    background-image: none !important; padding: 8px 0px; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder > .swiper > .swiper-wrapper:has(> .swiper-slide .wdt-thumb-slider-image) ~ .wdt-thumb-pagination-group-wrapper .wdt-thumb-slider-thumbnail { aspect-ratio: unset; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder .wdt-thumbnail-carousel .wdt-thumb-slider-thumbnail:before { display: none; }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder div.wdt-thumb-pagination-group .wdt-thumb-slider-thumbnail .wdt-thumb-empty { 
    height: clamp(3.75rem, 2.638rem + 6.135vw, 10rem); /*160px - 60px*/ background-image: var(--Thumb-bg); background-position: center center; background-repeat: no-repeat; background-size: cover; border: 2px solid transparent; -webkit-border-radius: var(--wdtRadius_3X); border-radius: var(--wdtRadius_3X); -webkit-transition: var(--wdt-Letsgo-Transition); transition: var(--wdt-Letsgo-Transition); }
.wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder div.wdt-thumb-pagination-group .swiper-slide-thumb-active .wdt-thumb-slider-thumbnail .wdt-thumb-empty { border-color: var(--wdtPrimaryColor); -webkit-border-bottom-right-radius: var(--wdt-Hover-Radius-Large); 
    border-bottom-right-radius: var(--wdt-Hover-Radius-Large); }

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

@media (max-width:480px) {
    .wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder > .swiper { display: block; }
    .wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder > .swiper > .wdt-thumb-pagination-group-wrapper { padding: 20px; }
    .wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder > .swiper > .wdt-thumb-pagination-group-wrapper .wdt-thumb-pagination-group {
        width: 100%; max-width: 100%; }
    .wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder div.wdt-thumb-pagination-group .wdt-thumb-slider-thumbnail { padding: 0; }
    .wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder div.wdt-thumb-pagination-group .wdt-thumb-slider-thumbnail .wdt-thumb-empty {
        height: 140px; }
    .wdt-letsgo-thumb-slider-new .wdt-thumb-carousel-holder .wdt-thumb-slider-container .wdt-thumb-slider-info { 
        padding-left: 25px; padding-right: 25px; }
}