* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

.banner {
  width: 100%;
}

.banner__swiper {
  padding-left: 8px;
  padding-right: 8px;
}

@media (min-width: 1280px) {
  .banner__swiper {
    overflow: visible;
  }
}

.swiper {
  margin: 0 auto;
  max-width: 1680px;
}

.swiper-wrapper {
  padding-bottom: 20px;
}

.swiper-slide {
  width: 100%;
  height: 359px;
}

.swiper-slide__img {
  width: 100%;
  position: relative;
  z-index: 1;
  height: 100%;
  object-fit: cover;
}

@media (min-width: 768px) {
  .swiper-slide {
    height: 594px;
  }
}

.slide {
  position: relative;
  z-index: 1;
}

.slide__trigger--right {
  position: absolute;
  display: none;
  width: 40%;
  height: 100%;
  right: 0;
  top: 0;
  /* z-index: 4; */
  cursor: pointer;
}

.slide__trigger--right:hover~.swiper-button-next {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

.slide__trigger--left {
  position: absolute;
  display: none;
  width: 40%;
  height: 100%;
  left: 0;
  top: 0;
  /* z-index: 4; */
  cursor: pointer;
}

.slide__trigger--left:hover~.swiper-button-prev {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 320px) {

  .slide__trigger--left,
  .slide__trigger--right {
    display: none;
  }
}

@media (min-width: 1200px) {

  .slide__trigger--left,
  .slide__trigger--right {
    display: block;
  }
}

.swiper-pagination {
  bottom: 0px !important;
}

.swiper-pagination-bullet-active {
  background-color: #E02C38;
}

.swiper-button-prev {
  display: none;
  opacity: 0;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 12px;
  left: -13px;
  transition: all 0.3s ease-in-out;
  z-index: 5;
}

.swiper-button-prev::after {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  right: -2px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.5303 5.46967C11.8232 5.76256 11.8232 6.23744 11.5303 6.53033L6.81066 11.25L19 11.25C19.4142 11.25 19.75 11.5858 19.75 12C19.75 12.4142 19.4142 12.75 19 12.75L6.81066 12.75L11.5303 17.4697C11.8232 17.7626 11.8232 18.2374 11.5303 18.5303C11.2374 18.8232 10.7626 18.8232 10.4697 18.5303L4.46967 12.5303C4.17678 12.2374 4.17678 11.7626 4.46967 11.4697L10.4697 5.46967C10.7626 5.17678 11.2374 5.17678 11.5303 5.46967Z' fill='%231D1D1D'/%3e%3c/svg%3e ");
}

.swiper-button-prev:hover {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 1200px) {
  .swiper-button-prev {
    display: block;
  }
}

.swiper-button-next {
  display: none;
  opacity: 0;
  width: 40px;
  height: 40px;
  background-color: #fff;
  border-radius: 12px;
  right: -13px;
  transition: all 0.3s ease-in-out;
  z-index: 5;
}

.swiper-button-next::after {
  content: "";
  width: 40px;
  height: 40px;
  position: absolute;
  left: -2px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.4697 18.5303C12.1768 18.2374 12.1768 17.7626 12.4697 17.4697L17.1893 12.75L5 12.75C4.5858 12.75 4.25 12.4142 4.25 12C4.25 11.5858 4.5858 11.25 5 11.25L17.1893 11.25L12.4697 6.5303C12.1768 6.2374 12.1768 5.7626 12.4697 5.4697C12.7626 5.1768 13.2374 5.1768 13.5303 5.4697L19.5303 11.4697C19.8232 11.7626 19.8232 12.2374 19.5303 12.5303L13.5303 18.5303C13.2374 18.8232 12.7626 18.8232 12.4697 18.5303Z' fill='%231D1D1D'/%3e%3c/svg%3e ");
}

.swiper-button-next:hover {
  opacity: 1;
  transition: all 0.3s ease-in-out;
}

@media (min-width: 1200px) {
  .swiper-button-next {
    display: block;
  }
}

.swiper-slide {
  z-index: 1;
}