.swiper-container {
    overflow: hidden;
}

.swiper-container.gallery-top{
    position: relative;
    width: 300px;
}

.gallery-top .swiper-slide img {
    width: 100%;
    object-fit: contain;
}

.gallery-thumbs {
    height: 85px;
    padding: 5px;
    box-sizing: border-box;
}

.gallery-thumbs .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
    cursor: pointer;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.gallery-thumbs .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


.swiper-container.gallery-thumbs>.swiper-wrapper{
    display: flex;
    justify-content: center;

}

.swiper-container.gallery-thumbs>.swiper-wrapper>.swiper-slide-thumb-active{
    border: 1px solid #333;
}

.swiper-button-prev,
.swiper-button-next {
    color: transparent;
    top: 50%;
    transform: translateY(-50%);
}