.mySwiper .swiper-slide{filter:grayscale(50%);transition:all .3s ease}.header-slider .swiper-slide{display:flex;justify-content:center;align-items:center;transition:transform .3s ease}.header-slider .swiper-slide img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.header-slider button{z-index:10;opacity:0;transition:opacity .3s ease}.header-slider:hover button{opacity:1}.swiper{padding-bottom:2rem}.shrink-0 .swiper{padding-bottom:0}.swiper-pagination{position:relative;margin-top:1.5rem;display:flex;justify-content:center;align-items:center;gap:8px}.swiper-pagination-bullet{width:8px;height:8px;background:rgba(0,0,0,.2);border-radius:4px;opacity:1;transition:all .3s ease}.swiper-pagination-bullet-active{width:24px;background:#78bfa7}.swiper-pagination-progressbar{height:4px;background:rgba(0,0,0,.1)}.swiper-pagination-progressbar-fill{background:#78bfa7;height:4px}@media (max-width:1024px){.header-slider{grid-column-start:1;grid-column-end:14;grid-row-start:1;grid-row-end:7}}@keyframes fadeIn{0%{opacity:.5}to{opacity:1}}.header-slider .swiper-slide-active{animation:fadeIn .5s ease-in-out}