/* Thumb Slider Style */

.wdt-image-carousel-holder > .swiper > .swiper-wrapper { margin-bottom: 0; }
.wdt-image-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide { z-index: 0; }
.wdt-image-carousel-holder > .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active { z-index: 2; }

.wdt-image-carousel-holder > .swiper { overflow: visible; }
.wdt-image-carousel-holder .wdt-imagenail-carousel { display: grid; position: relative; }

.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-image,
.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info { width: 100%; border-radius: inherit;
    grid-area: 1/-1; align-items: center; align-content: center; justify-content: center; margin-bottom: 0; text-align: center;  }

.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-image { position: relative; }
.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-image img { width: 100%; height: 100%; object-fit: cover; object-position: center center; }

.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info { position: relative; display: flex; justify-content: space-around; margin-left: auto; margin-right: auto; padding: 0 20px; max-width: 65%; }
.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info > div[class*="slide"] { padding: 20px; background-color: var(--wdtHeadAltColor); margin: 0 10px; opacity: .3; transition: var(--wdt-Ad-Transition); pointer-events: none; border: 1px solid rgba(var(--wdtBorderColorRgb),.25); }
.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info > div[class*="wdt-prev-slide"] { opacity: 1; pointer-events: all; }
.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info > div { margin: 0; }

.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info .wdt-image-slider-title > h5,
.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info .wdt-image-slider-sub-title > h6 { margin: 0; }

.wdt-image-slider-info div.wdt-image-slider-button > a {
    margin-top: 0;
    display: inline-block;
    line-height: 1;
    font-size: var(--wdtFontSize_Ext);
    text-align: center;
    -webkit-border-radius: 0;
    border-radius: 0;
    color: var(--wdtHeadAltColor);
    padding: 0;
    background: no-repeat;
    color: var(--wdtAccentTxtColor);
    text-decoration: underline;
}
.wdt-image-slider-info div.wdt-image-slider-button > a:hover { color: var(--wdtPrimaryColor); }
.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info .wdt-image-slider-sub-title > h6 { padding: 7px 15px; font-size: var(--wdtFontSize_Ext); display: inline-block; background-color: var(--wdtPrimaryColor); }

/* Thumb Pagination Arrow */


.wdt-image-carousel-holder .wdt-imagecarousel-pagination-wrapper .wdt-imagecarousel-arrow-pagination { text-align: center; position: absolute; left: 0; right: 0; margin: auto; display: flex ; justify-content: space-between; bottom: 174px; max-width: 75%; }
.wdt-image-carousel-holder .wdt-imagecarousel-pagination-wrapper .wdt-imagecarousel-arrow-pagination > div { position: relative; z-index: 2; display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 24px; padding: 10px; margin: 0 5px; background-color: var(--wdtBorderColor); color: var(--wdtHeadAltColor); }
.wdt-image-carousel-holder .wdt-imagecarousel-pagination-wrapper .wdt-imagecarousel-arrow-pagination > div:hover { background-color: var(--wdtPrimaryColor); }

/* Thumb Slider Thumbnail */

.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-imagenail img { object-fit: cover; object-position: center center; }
.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-imagenail { position: relative; }
.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-imagenail:before { pointer-events: none; transition: var(--wdtAltTransition); content: ""; position: absolute; border: 0px solid rgba(var(--wdtHeadAltColorRgb),0.3); border-top-width: 1px; border-bottom-width: 1px; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(var(--wdtAccentTxtColorRgb),0.2); }
.wdt-image-carousel-holder .wdt-imagenail-carousel .swiper-slide-image-active .wdt-image-slider-imagenail:before { border-color: var(--wdtPrimaryColor); background-color: rgba(var(--wdtAccentTxtColorRgb),0); }

/* Additional */

.wdt-image-carousel-holder > .swiper + .swiper {
    position: absolute;
    width: 100%;
    bottom: 100px;
    overflow: visible;
    pointer-events: none;
}
.wdt-image-carousel-holder > .swiper + .swiper > .swiper-wrapper { transition-delay: .3s; }
.wdt-image-carousel-holder > .swiper + .swiper .swiper-slide { pointer-events: auto; }
.wdt-image-carousel-holder > .swiper + .swiper > .swiper-wrapper > .swiper-slide {
    opacity: 0 !important;
}
.wdt-image-carousel-holder > .swiper + .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-active,
.wdt-image-carousel-holder > .swiper + .swiper > .swiper-wrapper > .swiper-slide.swiper-slide-visible{
    opacity: 1 !important;
}
.wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info h4{
    font-size: var(--wdtFontSize_H6);
    color: var(--wdtAccentTxtColor);
    margin: 20px 0;
    text-transform: capitalize;
}
.swiper-slide .wdt-image-slider-container .wdt-image-slider-image img { min-height: 450px; object-fit: cover; width: 100%; }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container { display: grid; }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div { grid-area: 1/-1; }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-image { position: relative; overflow: hidden; }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content { max-width: 950px; margin: auto; text-align: center; z-index: 1; padding-bottom: 385px; padding-top: 275px; padding-left: 20px; padding-right: 20px; }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-subtitle h4{ color: var(--wdtAccentTxtColor); margin: 0; font-family: var(--wdtFontTypo_Base); font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Ext); line-height: var(--wdtLineHeight_Base); letter-spacing: var(--wdtLetterSpacing_2X); font-style: normal; }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-title h4{ font-size: clamp(1.875rem, 1.2981rem + 2.5641vw, 4.375rem); color: var(--wdtAccentTxtColor); margin: 10px 0 0; }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-title{ margin-bottom: clamp(1.875rem, 1.5865rem + 1.2821vw, 3.125rem); }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button,
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button1 { display: inline-flex; margin: 5px; }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button > a, 
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button1 > a{ padding: var(--wdtPadding_Btn); font-size: var(--wdtFontSize_Ext); font-weight: var(--wdtFontWeight_Alt); font-family: var(--wdtFontTypo_Alt); text-transform: uppercase; background-color: var(--wdtPrimaryColor); color: var(--wdtAccentTxtColor); border: 1px solid transparent; position: relative; overflow: hidden; z-index: 1; line-height: 1; font-style: italic; }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button > a { color: var(--wdtHeadAltColor); }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button > a:before,
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button > a:after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 110%; bottom: 0; margin: auto; z-index: -1; background-color: var(--wdtAccentTxtColor); }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button > a:before{ width: 135%; -webkit-clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%); clip-path: polygon(75% 0%, 100% 50%, 75% 100%, 0% 100%, 0% 0%); transform: translate3d(-100%, 0, 0); }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button > a:hover:before{ transform: translate3d(0, 0, 0); transition: transform 0.3s linear; }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button > a:after{ width: 105%; transform: translate3d(100%, 0, 0); transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1); }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button > a:hover:after{ transform: translate3d(0, 0, 0); transition: transform 0.01s 0.3s cubic-bezier(0.7, 0, 0.2, 1); }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button > a:hover { border-color: var(--wdtAccentTxtColor); }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button1 > a { background: none; border: 1px solid currentColor; }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content .wdt-image-slider-button1 > a:hover { color: var(--wdtPrimaryColor); }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-image:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(var(--wdtHeadAltColorRgb),.8); pointer-events: none; z-index: 1; }
.wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-image img { height: 100%; }
.wdt-image-carousel-holder .wdt-img-slider .swiper-slide .wdt-image-slider-container > div.wdt-image-slider-image img { transform: scale(1.1); transition: var(--wdt-Ad-Transition); transition-duration: 2s; }
.wdt-image-carousel-holder .wdt-img-slider .swiper-slide.swiper-slide-active .wdt-image-slider-container > div.wdt-image-slider-image img { transform: scale(1.01); transition-delay: .2s; }

/* Animations */

.wdt-image-carousel-holder .wdt-img-slider .swiper-slide .wdt-image-slider-container > div.wdt-image-slider-content > div { opacity: 0; transform: translateX(100px) skewX(-30deg); transition: var(--wdt-Ad-Transition); }
.wdt-image-carousel-holder .wdt-img-slider .swiper-slide.swiper-slide-active .wdt-image-slider-container > div.wdt-image-slider-content > div { opacity: 1; transform: translateX(0) skewX(0deg); transition-delay: .2s; }
.wdt-image-carousel-holder .wdt-img-slider .swiper-slide.swiper-slide-active .wdt-image-slider-container > div.wdt-image-slider-content > div:nth-child(2){ transition-delay: .4s; }
.wdt-image-carousel-holder .wdt-img-slider .swiper-slide.swiper-slide-active .wdt-image-slider-container > div.wdt-image-slider-content > div:nth-child(3){ transition-delay: .6s; }
.wdt-image-carousel-holder .wdt-img-slider .swiper-slide.swiper-slide-active .wdt-image-slider-container > div.wdt-image-slider-content > div:nth-child(4){ transition-delay: .8s; }


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

@media screen and (min-width: 1541px){
    .wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-image img { min-height: 1075px; }
}

@media screen and (min-width: 1025px) and (max-width: 1540px){
    .wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-image img { min-height: 1000px; }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info { max-width: 85%; }
    .wdt-image-carousel-holder .wdt-imagecarousel-pagination-wrapper .wdt-imagecarousel-arrow-pagination { max-width: 95%; }
    .wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info > div:not(.wdt-current-slide) { display: none; }
    .wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info > div[class*="slide"] { opacity: 1; }
    .wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-image img { min-height: 850px; }
    .wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content { padding-bottom: 300px; }
}
@media screen and (max-width: 767px){
    .wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info > div:not(.wdt-current-slide) { display: none; }
    .wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content { padding-top: 200px; padding-bottom: 300px; }
    .wdt-image-carousel-holder > .swiper + .swiper { bottom: 80px; }
    .wdt-image-carousel-holder .wdt-imagecarousel-pagination-wrapper .wdt-imagecarousel-arrow-pagination { bottom: 30px; justify-content: center; }
    .wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info > div[class*="slide"] { opacity: 1; }
    .wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-image img { min-height: 750px; }
}
@media screen and (max-width: 479px){
    .wdt-image-carousel-holder .wdt-imagenail-carousel .wdt-image-slider-info { max-width: 250px; }
    .wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-content { padding-bottom: 120px; }
    .wdt-image-carousel-holder > .swiper + .swiper { display: none; }
    .wdt-image-carousel-holder .wdt-img-slider .wdt-image-slider-container > div.wdt-image-slider-image img { min-height: 675px; }
}