.swiper-container {
    width: 100%;
    margin: 10px auto;
    border-radius: 3px;
    overflow: hidden;
    margin-top: 0;
}

.main-gallery .swiper-slide img {
width: 100%;
height: 400px;
border-radius: 3px;
object-fit: contain;
background: rgba(164, 164, 164, 0.3);
backdrop-filter: blur(64px);
}

.thumbnail-gallery .swiper-slide {
width: 14%;
text-align: center;
cursor: pointer;
}

.thumbnail-gallery .swiper-slide img {
width: 100%;
height: auto;
border-radius: 4px;
transition: opacity 0.3s ease;
height: 70px;
opacity: 0.8;
}

.thumbnail-gallery .swiper-slide-thumb-active img {
opacity: 1;
border: 2px solid #000000;
}
.swiper-button-next::after,
.swiper-button-prev::after {
content: ''; 
}
.swiper-button-next, .swiper-button-prev {
color: #2C2C2C;
background: #fff;
border: solid 1px #ccc;
font-size: 14px;
line-height: 20px;
font-weight: normal !important;
letter-spacing: -.2px;
padding: 5px 11px;
border-radius: 4px;
width: 30px;
height: 30px;
}
@media (max-width: 768px) {
    .main-gallery .swiper-slide img {
        height: 200px;
    }
    .thumbnail-gallery {
        display: none;
    }
    .container {
        padding: 0;
    }
}

@media (min-width: 769px) {

}