/* content section */
.wdt-device-slider .wdt-content-slider .swiper-slide{
    opacity: 0 !important;
}
.wdt-device-slider .wdt-content-slider .swiper-slide.swiper-slide-active{
    opacity: 1 !important;
}
.wdt-device-slider .wdt-device-main,
.wdt-device-slider .wdt-thumb-main{
    position: relative
}

.wdt-device-slider .wdt-content-slider {
    margin-bottom:50px;
}

.wdt-device-slider .wdt-content-slider .swiper-slide > div:not(:last-child) {
    margin-bottom: 14px;
}

.wdt-device-slider .wdt-content-slider .wdt-content-title .wdt-content-device-title { margin: 0; }

.wdt-device-slider .wdt-content-slider div.wdt-content-button:last-child .wdt-button { margin-top: 10px; }


/* main device */
.wdt-device-main .wdt-main-slider-wrapper,
.wdt-thumb-main .wdt-thumb-slider-wrapper{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    margin:auto;
}
.wdt-device-main .wdt-main-slider-wrapper{
    padding: 5px;
}
.wdt-device-slider .wdt-main-slider-wrapper .wdt-main-slider,
.wdt-device-slider .wdt-thumb-slider-wrapper .wdt-thumb-slider {
    height: 100%;
    z-index: unset;
    overflow-x: clip;
    overflow-y: visible;
}

.wdt-device-slider .wdt-main-slider-wrapper .wdt-main-slider .swiper-slide,
.wdt-device-slider .wdt-thumb-slider-wrapper .wdt-thumb-slider .swiper-slide { cursor: grab; overflow: hidden; }

.wdt-device-slider .wdt-main-slider-wrapper .swiper-slide a {
    height: 100%
}

.wdt-device-slider .wdt-device-frame {
    position: relative;
    z-index: 5;
    pointer-events: none
}

.wdt-device-slider .wdt-device-frame img {
    width: 100%;
    
    filter: drop-shadow(0px 0px 5px rgba(var(--wdtHeadAltColorRgb),0.3));
}

.wdt-device-main .wdt-main-slider-wrapper img,
.wdt-thumb-main .wdt-thumb-slider-wrapper img{
    width: 100%;
    vertical-align: middle;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    margin: auto;
    padding:2px;
}

/* device mobile */

.wdt-device-slider .wdt-thumb-main{
    width: 24%;
    position:absolute;
    top: auto;
    right: 10%;
    bottom: -10%;
    left:auto;
    z-index: 6;
    border-radius:0;
    overflow:hidden;
}
.wdt-device-slider .wdt-thumb-main .wdt-device-frame img{
    filter: drop-shadow(0px 0px 3px rgba(var(--wdtHeadAltColorRgb),0.4));
}

.wdt-thumb-main .wdt-thumb-slider-wrapper img{
    vertical-align: middle;
    padding: 0;
    width: calc(100% - 1px);
    height: 100%;
    object-fit: cover;
}

.wdt-thumb-main .wdt-thumb-slider-wrapper{
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0px;
    margin:auto;
    overflow: hidden;
    border-radius: 20px;
}
/* pagination */
.wdt-device-slider-pagination {
    display: grid;
    z-index: 1;
    position: relative;
    gap: 20px;
    margin-top: 30px;
}
.wdt-device-slider .swiper-pagination{
    position:relative;
    display: flex;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.wdt-device-slider div[class*="swiper-button-"] {
    position: relative;
    top:0;
    left: 0;
}

.wdt-device-slider .wdt-swiper-arrows{
    display: flex;
    gap: 10px;
}

@media (max-width:767px){
    .wdt-thumb-main .wdt-thumb-slider-wrapper img{width: 100%;}
}