.mainBanner, .mainBanner .swiper-slide{height: auto;}
.mainBanner{position: relative}
.mainBanner__header{
    position: absolute;
    top: 22px;
    left: 0;
    margin: 0 auto;
    z-index: 2;
    width: 100%;
}
.mainBanner__header .section__container{display: flex;justify-content: flex-end;}
.mainBanner .swiper-slide .section__container{display: flex;align-items: center;height: 100%; max-width: 100%; padding:0;}
.mainBanner__title, .noOffset.mainBanner__title{
    width: 100%;
    max-width: 70vw;
    font-size: clamp(30px, 6.57895vw, 125px);
    padding: 0 var(--left-right-offset)!important;
    z-index: 2;
    position: absolute;
}
.mainBanner__title a {text-decoration: none;color: currentColor}
.mainBanner__bg{
    width: 100%;
    height: 100%;
    display: flex;
}
.mainBanner .swiper-arr.swiper-button-prev{
    left: 40px;
}
.mainBanner .swiper-arr.swiper-button-next{
    right: 40px;
}
.mainBanner__bg picture {display: flex;width: 100%;height: 100%;}
.mainBanner__bg img{width: 100%;height: 100%;object-fit: cover}
@media (max-width: 780px) {
    .mainBanner__header{top:17px;}
    .mainBanner__title{display: none}
    .mainBanner, .mainBanner .swiper-slide{height: auto;max-height: none;}
}