.package {
  background: var(--gradient-background);
  background-color: rgb(var(--color-background));
}

.package slider-component > ul {
  align-items: center;
  row-gap: var(--grid-horizontal-spacing);
  align-items: stretch;
}

.package__item--wrapper {
  background-color: #F5EFEA;
}
.package__item .heading {
  margin-top: 0;
  hyphens: auto;
}

@media screen and (max-width: 749px) {
  .package slider-component ul {
    gap: var(--grid-horizontal-spacing);
  }
}
@media screen and (min-width: 750px) {
  .package__item--wrapper {
    max-width: calc(16.66% - var(--grid-horizontal-spacing) * 5 / 6) !important;
  }
}