.banner {
  padding: 3rem 0 5rem;
  margin: 0 0 0;
}

.banner__wrapper {
  height: 37rem;
}

.banner__main {
  display: flex;
  height: 100%;
}

.banner__slider {
  position: relative;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  flex: 1 1 100%;
  max-width: 100%;
  width: 100%;
  background: #ffffff44;
}

.banner__slider .mg-slider-wrap {
  height: 100% !important;
  text-rendering: optimizeLegibility;
}

.banner__slide,
.banner__slide img {
  height: inherit;
}

.banner__slide img {
  object-fit: cover;
  object-position: center;
  border-radius: 5px;
  width: 100%;
}

.banner .mg-slider-wrap {
  margin-bottom: 0;
  border-radius: 10px;
  max-height: 586px;
}

.banner .swiper-button-next:after,
.banner .swiper-button-prev:after {
  display: none;
}

.banner .swiper-button-next,
.banner .swiper-button-prev {
  width: 8rem;
  height: 100%;
  background-size: 2rem 2rem;
  top: 0;
  margin: 0;
  transition: all 0.2s;
}
.banner .mg-slider-wrap .swiper-button-next {
  color: var(--color-text-inverse);
  right: 0;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 9 16" id="icon-next"><path d="M8.756 7.376L1.938.256a.814.814 0 00-1.185 0L.251.78a.904.904 0 000 1.238l5.725 5.979-5.731 5.985a.89.89 0 00-.245.62.89.89 0 00.245.618l.502.524a.815.815 0 001.185 0l6.824-7.126A.89.89 0 009 7.998a.89.89 0 00-.244-.622z" fill="%23fff"/></svg>') !important;
}
.banner .mg-slider-wrap .swiper-button-prev {
  left: 0;
  color: var(--color-text-inverse);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 9 16" id="icon-prev"><path d="M.244 7.376L7.062.256a.814.814 0 011.185 0l.502.524a.904.904 0 010 1.238L3.024 7.997l5.731 5.985a.89.89 0 01.245.62.89.89 0 01-.245.618l-.502.524a.815.815 0 01-1.185 0L.244 8.618A.89.89 0 010 7.998a.89.89 0 01.244-.622z" fill="%23fff"/></svg>') !important;
}

.banner .swiper-button-next:hover,
.banner .swiper-button-prev:hover {
  background-color: rgba(255, 255, 255, 0.05);
}

.slide-banner {
  height: 100%;
  display: flex;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.slide-banner--top {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.slide-banner--center {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.slide-banner--bottom {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.slider-banner--left {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  background-position: right;
}

.slider-banner--v-center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider-banner--right {
  align-items: flex-end;
  background-position: left;
}

.banner-info {
  padding: 20px;
}

.banner-info__top {
  margin-bottom: 15px;
  color: var(--color-text-inverse);
  max-width: 400px;
  width: 100%;
  font-size: var(--text-xxs);
}

.banner-info__title {
  font-weight: normal;
  margin-bottom: 15px;
  font-size: var(--text-h3);
  color: var(--color-text-inverse);
  max-width: 400px;
  width: 100%;
}

.banner-info__text {
  margin-bottom: 15px;
  color: var(--color-text-inverse);
  max-width: 400px;
  width: 100%;
  font-size: var(--text-xs);
}
@media (max-width: 500px) {
  .banner-info__title {
    font-size: var(--text-xs);
  }
  .banner-info__text {
    font-size: var(--text-xxs);
  }
  .banner-info__top {
    font-size: var(--text-xxs);
  }
}

.slider-align--left {
  text-align: left;
}

.slider-align--v-center {
  text-align: center;
}

.slider-align--right {
  text-align: right;
}

.banner__slide-info {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}

@media (max-width: 1200px) {
  .banner__slider {
    width: 100% !important;
    flex: 1 1 100%;
    max-width: 100%;
  }
}