.carousel__carouselContainer--1 {
  display: block;
  position: relative;
}
.carousel__carouselContainer--1 .carousel__slide__content {
  position: relative;
  display: block;
  width: 100%;
  text-decoration: none;
}
.carousel__carouselContainer--1 .swiper {
  padding-bottom: 36px;
}
.carousel__carouselContainer--1 .swiper-pagination {
  top: unset !important;
  bottom: 0 !important;
  position: absolute !important;
  width: max-content !important;
  left: 50% !important;
  transform: translate(-50%, -6px) !important;
}
@media screen and (min-width: 1024px) {
  .carousel__carouselContainer--1 .swiper-pagination {
    left: 80% !important;
    transform: translate(-50%, -6px) !important;
  }
}
.carousel__carouselContainer--1 .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background: #31313d;
}
.carousel__carouselContainer--1 .swiper-pagination-bullet-active {
  background: #c0172a;
}


[class*=swiper-button] {
  display: none;
}
.promoBanner--1 {
  user-select: none;
  display: grid;
  align-items: baseline;
  grid-gap: 16px;
  grid-template-areas: "promoBanner__title promoBanner__footer" "promoBanner__imgContainer promoBanner__imgContainer" "promoBanner__body promoBanner__body";
  grid-template-columns: 3fr 2fr;
}
@media screen and (min-width: 1024px) {
  .promoBanner--1 {
    display: grid;
    grid-gap: 10px;
    align-items: unset;
    grid-template-rows: max-content auto max-content;
    grid-template-areas: "promoBanner__title promoBanner__imgContainer" "promoBanner__body promoBanner__imgContainer" "promoBanner__footer promoBanner__imgContainer";
    grid-template-rows: min-content 1fr min-content;
  }
}
.promoBanner--1 > * {
  min-width: 0;
}
.promoBanner--1 .promoBanner__title {
  color: #fff;
  grid-area: promoBanner__title;
  font-weight: bold;
  font-size: 18px;
}
.promoBanner--1 .promoBanner__body {
  grid-area: promoBanner__body;
  color: #fff;
  font-weight: 500;
  font-size: 16px;
}
.promoBanner--1 .promoBanner__footer {
  grid-area: promoBanner__footer;
  text-align: right;
  color: #fff;
  font-size: 12px;
}
@media screen and (min-width: 1024px) {
  .promoBanner--1 .promoBanner__footer {
    text-align: left;
  }
}
.promoBanner--1 .promoBanner__imgContainer {
  grid-area: promoBanner__imgContainer;
}
.promoBanner--1 .promoBanner__img {
  display: block;
  object-fit: contain;
  min-width: 0;
  width: 100%;
  height: auto;
}