.hero-banner .swiper-wrapper{display:flex;flex-direction:row;align-items:stretch}@media (min-width: 990px){.hero-banner .banner-panel{aspect-ratio:1440/748;min-height:748px}}@media only screen and (max-width: 768px){.hero-banner .banner-panel{aspect-ratio:390/646}}.hero-banner .swiper-slide.banner-panel.swiper-slide-active{z-index:100}@media only screen and (max-width: 989px){.hero-banner .banner-content.multi-slides{padding-top:64px}}.hero-banner .swiper-slide{transition-property:transform,opacity}.hero-banner .swiper-pagination{line-height:4px;bottom:40px!important;top:auto!important;padding:0 60px;display:flex;align-items:center;transform:translateY(50%)}@media only screen and (max-width: 767px){.hero-banner .swiper-pagination{bottom:28px!important;padding:0 16px}}.hero-banner .swiper-pagination .swiper-pagination-bullet{border-radius:4px;position:relative;height:4px;width:100%;opacity:1;background:rgba(255,255,255,.5);transition:background .3s ease-in-out}.hero-banner .swiper-pagination .swiper-pagination-bullet.previous-slide{background:rgb(0,0,0);transition:background .3s ease-in-out}.hero-banner .swiper-pagination .swiper-pagination-bullet-active{background:rgb(255,255,255)}.hero-banner .swiper-pagination .swiper-pagination-bullet-active .bullet-progress{border-radius:4px;background:#000000;height:100%;position:absolute;left:0;animation-name:countingBar;animation-duration:8s;animation-timing-function:ease-in;animation-iteration-count:1;animation-direction:alternate;animation-fill-mode:forwards}@keyframes countingBar{0%{width:0}to{width:100%}}