.slice {
  width: 100%;
}
.even {
  &:nth-child(even) {
    background-color: var(--colorMilaGreyLighter);

    & .row__bubble-wrap .slice__items {
      background-color: var(--colorMilaGreyLighter);
    }
  }
}
.odd {
  &:nth-child(odd) {
    background-color: var(--colorMilaGreyLighter);

    & .row__bubble-wrap .slice__items {
      background-color: var(--colorMilaGreyLighter);
    }
  }
}

.slice__wrap {
  margin-top: 50px;
  margin-bottom: 50px;

  @media (--screenLG) {
    margin-top: 70px;
    margin-bottom: 70px;
  }
}

.carousel__wrap {
  width: 100%;
  /* Substract dots padding*/
  margin-bottom: calc(50px - 30px);
  @media (--maxScreenSM) {
    margin-top: 0;
  }

  @media (--screenLG) {
    margin-bottom: calc(70px - 30px);
  }
}

.row__bubble-wrap {
  width: 100%;
}

.slice--grey {
  background: var(--colorMilaGreyLighter);
}

.slice--white {
  background: var(--colorWhite);
}

.slice__title {
  margin-bottom: 30px;
}

.slice__description {
  margin-bottom: 30px;

  @media (--screenMD) {
    margin-top: 30px;
  }
}

.slice__items {
}

.slice__campaign {
  background: linear-gradient(
    90deg,
    rgba(29, 29, 29, 1) 0%,
    rgba(68, 68, 68, 1) 100%
  );
  margin-bottom: -70px;
}

.ribbon {
  width: 44px;
  margin: auto;
  padding-top: 1.5px;
  margin-bottom: -40px;
  @media (--maxScreenMD) {
    margin-bottom: -30px;
  }
  @media (--maxScreenSM) {
    margin-bottom: -20px;
  }
}