body,html{position:relative;height:100%}body{font-size:14px;color:#fff;margin:0;}main{max-width:1200px;margin:0 auto;display:flex;flex-direction:column}.gallery-container{max-height: 800px;}.swiper{width:100%;margin-left:auto;margin-right:auto}.swiper-slide{background-size:cover;background-position:center;text-align:center;font-size:18px;background:#444;display:flex;justify-content:center;align-items:center}.swiper-slide img{display:block;width:100%;height:100%;object-fit:cover}.mySwiper2{height:70%;width:100%;border-radius:12px;overflow:hidden}.mySwiper{height:30%;box-sizing:border-box;padding:10px 0;border-radius:8px;overflow:hidden}.mySwiper .swiper-slide{width:25%;height:100%;opacity:.4;transition:opacity .3s ease;cursor:pointer;border-radius:6px;overflow:hidden}.mySwiper .swiper-slide-thumb-active{opacity:1;transform:scale(1.05)}.swiper-button-next,.swiper-button-prev{color:#fff;transition:background .2s,color .2s,box-shadow .2s}.swiper-button-next:focus,.swiper-button-next:hover,.swiper-button-prev:focus,.swiper-button-prev:hover{color:#c51927}.swiper-button-next::after,.swiper-button-prev::after{font-size:1.1rem}@media (max-width:768px){body{padding:10px}.gallery-container{gap:15px}.mySwiper2{height:60%}.mySwiper{height:25%}.swiper-button-next,.swiper-button-prev{width:40px;height:40px}.swiper-button-next::after,.swiper-button-prev::after{font-size:16px}}@media (max-width:480px){.mySwiper2{height:50%}.mySwiper{height:30%}}