.main-banner {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  padding-bottom: 60px;
  text-align: center;
}
.main-banner-swiper {
  width: 100%;
  height: 65vh;
  overflow: hidden;
  margin-bottom: 40px;
  position: relative;
}
.main-banner-swiper .swiper-button-prev, .main-banner-swiper .swiper-button-next {
  width: 86px;
  height: 86px;
  display: none;
}
.main-banner-swiper .swiper-button-prev:after, .main-banner-swiper .swiper-button-next:after {
  display: none;
}
.main-banner-swiper .swiper-button-prev.swiper-button-disabled, .main-banner-swiper .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
.main-banner-swiper .swiper-pagination {
  bottom: 30px !important;
}
.main-banner-swiper .swiper-pagination-bullet {
  width: 20px;
  border-radius: 1px;
  height: 2px;
  background: white;
  opacity: 0.6;
}
.main-banner-swiper .swiper-pagination-bullet-active {
  opacity: 1;
}
.main-banner img, .main-banner video {
  position: absolute;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.main-banner h1 {
  margin-bottom: 0;
  margin-right: 0;
}
.main-banner a:after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: block;
}

@media (min-width: 760px) {
  .main-banner-swiper {
    margin-bottom: 80px;
  }
  .main-banner-swiper .swiper-pagination-bullet {
    width: 30px;
  }
}
@media (min-width: 1290px) {
  .main-banner {
    padding-bottom: 100px;
  }
  .main-banner-swiper {
    height: 75vh;
    margin-bottom: 100px;
  }
  .main-banner-swiper .swiper-button-prev, .main-banner-swiper .swiper-button-next {
    display: block;
  }
  .main-banner-swiper .swiper-pagination {
    bottom: 40px !important;
  }
  .main-banner-swiper .swiper-pagination-bullet {
    width: 40px;
  }
}
@media (min-width: 1900px) {
  .main-banner-swiper .swiper-button-prev, .main-banner-swiper .swiper-button-next {
    width: 96px;
    height: 96px;
  }
}