.swiper-wrapper.promotions__swiper-wrapper {
  width: 100%;
}


/* ==========================================
   PROMOTION SLIDE
========================================== */

.promotions__swiper-slide {
  height: auto !important;
  padding: 0;
  align-self: stretch;
  background: #121212;
}


/* ==========================================
   SLIDE INNER LAYOUT
========================================== */

.promotions__slide-inner {
  display: grid;
  grid-template-columns: 45% 55%;
  width: 100%;
  min-height: 470px;
}


/* ==========================================
   IMAGE
========================================== */

.promotions__image {
  position: relative;
  width: 100%;
  min-height: 470px;
  overflow: hidden;
}

.promotions__image img {
  position: absolute;
  inset: 0;

  width: 100%;
  height: 100%;

  object-fit: cover;
  object-position: center;

  display: block;
}


/* ==========================================
   CONTENT AREA
========================================== */

.promotions__slide-content {
  position: relative;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  min-height: 470px;

  padding: 50px 55px 90px;

  text-align: center;
}


/* ==========================================
   CONTENT
========================================== */

.promotions__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  width: 100%;
}

.promotions__divider-line {
  margin: 42px auto;
  width: 110px;
  height: 2px;
  background: #ffc21f;
}

.promotions__description {
  margin-bottom: 24px;
  max-width: 650px;
}

.promotions__button {
  margin-top: 15px;
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 991px) {

  .promotions__slide-inner {
    grid-template-columns: 42% 58%;
  }

  .promotions__slide-content {
    padding: 45px 35px 85px;
  }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 767px) {

  .promotions__slide-inner {
    grid-template-columns: 1fr;
  }

  .promotions__image {
    min-height: 260px;
    height: 260px;
  }

  .promotions__image img {
    position: relative;
    height: 260px;
  }

  .promotions__slide-content {
    min-height: auto;
    padding: 40px 25px 80px;
  }

  .promotions__divider-line {
    margin: 30px auto;
  }

  .promotions__description {
    margin-bottom: 20px;
  }

}


{#
.swiper-wrapper.promotions__swiper-wrapper{
  max-width: 780px;
  width: 100%;
}
.promotions__swiper-slide{
  height: auto !important;
  padding: 30px 20px 80px;
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
}
.promotions__content{
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.promotions__divider-line{
  margin: 42px auto;
  width: 110px;
  height: 2px;
  background: #ffc21f;
}
.promotions__description{
  margin-bottom: 24px;
}

#}