.swiper{width:100%;background:#fff;overflow:hidden}.main-slider{height:500px;margin-bottom:20px;box-shadow:0 4px 6px -1px #0000001a}.main-slider .swiper-slide{display:flex;align-items:center;justify-content:center;background:#f8f8f8}.main-slider .swiper-slide img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;background:#f8f8f8}.main-slider .swiper-button-next,.main-slider .swiper-button-prev{color:#fff;background:#0000004d;padding:30px 20px;border-radius:4px;transition:background .3s ease}.main-slider .swiper-button-next:hover,.main-slider .swiper-button-prev:hover{background:#00000080}.main-slider .swiper-button-next:after,.main-slider .swiper-button-prev:after{font-size:20px}.thumbnail-slider{padding:10px;background:#f8f8f8;border-radius:8px}.thumbnail-slider .swiper-wrapper{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;transform:none!important}.thumbnail-slider .swiper-slide{height:100px;border-radius:4px;overflow:hidden;cursor:pointer;opacity:.6;border:2px solid transparent;transition:all .3s ease}.thumbnail-slider .swiper-slide-thumb-active{opacity:1;border-color:#9d8c54}.thumbnail-slider .swiper-slide img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width: 768px){.main-slider{height:300px}.thumbnail-slider .swiper-wrapper{grid-template-columns:repeat(4,1fr)}}@media (max-width: 480px){.main-slider{height:250px}.thumbnail-slider .swiper-wrapper{grid-template-columns:repeat(3,1fr)}}