/* Custom slider styles */

.psx-swiper-main {
    width: 100%;
    margin-bottom: 20px;
    position: relative;
}

.psx-swiper-main .swiper-slide,
.psx-swiper-thumbs-wrapper .swiper-slide {
    line-height: 0.65;
}

.psx-swiper-thumbs-wrapper .swiper-slide a,
.psx-swiper-main .swiper-slide a {
    display: block;
    line-height: 0.65;
}

.psx-swiper-thumbs-wrapper .swiper-slide a img,
.psx-swiper-main .swiper-slide a img {
    width: 100%;
}

.psx-swiper-main .swiper-wrapper,
.psx-swiper-thumbs .swiper-wrapper {
    transition: height 0.3s ease-in-out;
}

.psx-swiper-thumbs-wrapper {
    max-width: 600px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.psx-swiper-thumbs-wrapper .psx-swiper-thumbs {
    flex: 1;
    margin: 0 30px;
}

.psx-swiper-thumbs-wrapper .psx-swiper-thumbs .swiper-slide {
    opacity: 0.5;
    cursor: pointer;
    transition: 0.3s;
}

.psx-swiper-thumbs-wrapper .psx-swiper-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    border: 2px solid #000;
}

.psx-swiper-thumbs-wrapper .swiper-button-next,
.psx-swiper-thumbs-wrapper .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 25px;
    height: 25px;
    z-index: 10;
    cursor: pointer;
    color: #000;
}

.psx-swiper-thumbs-wrapper .thumb-prev { left: 0; top: 60%; transform: translateY(0px); }
.psx-swiper-thumbs-wrapper .thumb-next { right: 0; top: 60%; transform: translateY(0px); }

.psx-swiper-thumbs-wrapper .thumb-next.swiper-button-next:after,
.psx-swiper-thumbs-wrapper .thumb-prev.swiper-button-prev:after {
    font-size: 20px;
}