.wf-pvms-wrapper {
    width: 100%;
    position: relative;
    overflow: visible;
    display: block;
}

.wf-pvms-slider {
    width: 100%;
    display: block;
    position: relative;
    overflow: visible;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

/* Before Slick loads */
.wf-pvms-wrapper .wf-pvms-slider:not(.slick-initialized) {
    display: block !important;
    overflow: hidden !important;
}

.wf-pvms-wrapper .wf-pvms-slider:not(.slick-initialized) .slide-item {
    display: none !important;
    width: 100% !important;
    float: none !important;
}

.wf-pvms-wrapper .wf-pvms-slider:not(.slick-initialized) .slide-item:first-child {
    display: block !important;
}

/* Radius fix for every media */
.wf-pvms-slider .slide-item {
    position: relative;
    overflow: hidden !important;
    width: 100%;
    background: transparent;
    border-radius: var(--wf-pvms-radius, 8px) !important;
}

.wf-pvms-slider .slide-item > *,
.wf-pvms-slider .slick-list,
.wf-pvms-slider img,
.wf-pvms-slider picture,
.wf-pvms-slider video,
.wf-pvms-slider iframe {
    border-radius: var(--wf-pvms-radius, 8px) !important;
    overflow: hidden !important;
}

.wf-pvms-slider img,
.wf-pvms-slider picture,
.wf-pvms-slider video,
.wf-pvms-slider iframe {
    width: 100% !important;
    display: block !important;
    border: none !important;
}

.wf-pvms-slider img {
    height: auto !important;
}

.wf-pvms-slider iframe,
.wf-pvms-slider video {
    aspect-ratio: 16/9;
    height: var(--wf-pvms-height, 500px) !important;
    pointer-events: none;
    background: transparent;
}

.wf-pvms-slider .slick-list {
    overflow: hidden !important;
    touch-action: pan-y;
}

.wf-pvms-slider .slick-track {
    will-change: transform;
}



/* Arrows same as old icon style */
.wf-pvms-slider .slick-arrow {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 50px !important;
    height: 50px !important;
    background: #FFFFFF !important;
    border: none !important;
    border-radius: 50% !important;
    z-index: 999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.05) !important;
    opacity: 1 !important;
    visibility: visible !important;
    transition: all 0.25s ease !important;
    font-size: 0 !important;
    line-height: 1 !important;
}
.wf-pvms-slider .slick-dots {
    display: none !important;
}
.wf-pvms-slider .slick-prev {
    left: -15px !important;
    right: auto !important;
}

.wf-pvms-slider .slick-next {
    right: -15px !important;
    left: auto !important;
}

.wf-pvms-slider .slick-arrow i {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #43604F !important;
    font-size: 20px !important;
    line-height: 1 !important;
}

.wf-pvms-slider .slick-arrow:hover {
    background: #43604F !important;
    box-shadow: 0px 6px 16px rgba(0,0,0,0.12) !important;
}

.wf-pvms-slider .slick-arrow:hover i {
    color: #FFFFFF !important;
}

.wf-pvms-slider .slick-arrow:before,
.wf-pvms-slider .slick-arrow:after {
    display: none !important;
    content: none !important;
}

@media (max-width: 768px) {
    .wf-pvms-slider iframe,
    .wf-pvms-slider video {
        height: var(--wf-pvms-mobile-height, 300px) !important;
    }
   .wf-pvms-slider .slick-dots {        
       display: flex !important;        
       justify-content: center !important;        
       list-style: none !important;        
       padding: 0 !important;        
       margin: 10px 0 0 !important;        
       gap: 4px !important;    
       
   }
    

    .wf-pvms-slider .slick-arrow {
        width: 40px !important;
        height: 40px !important;
    }

    .wf-pvms-slider .slick-prev {
        left: -5px !important;
    }

    .wf-pvms-slider .slick-next {
        right: -5px !important;
    }

    .wf-pvms-slider .slick-arrow i {
        font-size: 16px !important;
    }
}