.foodpairing .wrap {
  background-image: url('/local/templates/whitebirch/img/foodpairing/foodpairing.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
@media (max-width: 991.98px) {
  .foodpairing .wrap {
    background-image: url('/local/templates/whitebirch/img/foodpairing/foodpairingMobile.jpg');
    background-position: top center;
  }
}
.desktop .foodpairing .wrap {
  /* background-position: top center; */
}
.whiteBrick {
  font-size: var(--px44);
  color: var(--brand);
  padding: var(--px44) !important;
  background: var(--white);
  font-weight: 300;
}
@media (max-width: 991.98px) {
  .whiteBrick {
    text-align: center;
    padding: var(--px22) !important;
    font-size: var(--px32);
  }
  .mealItemWrap .blockTitle {
    font-size: var(--px26) !important;
    text-align: left !important;
  }
  .mealItemWrap .blockText {
    font-size: var(--px22) !important;
  }
  .whiteBrick br,
  .blockText br {
    display: none;
  }
  .wrap .container {
    display: flex;
    align-items: end;
  }
  .mealItemWrap {
    padding: 1rem !important;
  }
  .mealsWrap {
    padding-left: 0 !important;
  }
}
#meals {
  background: var(--grayGradient);
  position: relative;
}

#meals .mealImage {
  margin-bottom: var(--px24);
}
.desktop .foodpairing footer {
  margin-top: 0;
}
.desktop #meals .blockText {
  font-size: var(--px26);
  min-height: calc(7.625rem);
}
.mealItemWrap {
  padding: var(--px24);
  background-color: var(--white);
  display: flex;
  flex-direction: column;
  height: max-content;
}
.beforeFeatures .bottles,
.beforeFeatures #indicators {
  align-items: start;
}
.bottles,
#indicators,
#meals {
  height: calc(5 * var(--fullHeight));
}
.bottles {
  display: flex;
  align-items: center;
}
.bottles .bottlesWrap {
  top: var(--headerHeight);
  height: var(--fullHeight);
}
.bottles .kv {
  height: auto;
  max-width: 100%;
  max-height: calc(0.9 * var(--fullHeight));
  margin: 0 auto;
  display: flex;
}
.withFeatures .bottles .bottlesWrap {
  position: fixed;
}
.serving {
  display: flex;
  flex-direction: column;
}
.serving .blockTitle {
  margin-bottom: var(--rem);
}
.serving {
  font-size: var(--px26);
  font-weight: 300;
  color: var(--blue);
  max-width: calc(25rem);
}
.serving p {
  display: flex;
  align-items: start;
  gap: calc(var(--rem) / 2);
}
@media (max-width: 991.98px) {
  .serving p {
    justify-content: center;
  }
  .serving {
    text-align: center;
    font-size: var(--px22);

    margin: 0 auto;
  }
}
.afterFeatures .bottles,
.afterFeatures #indicators {
  align-items: end;
}
.desktop {
}
#indicators {
  justify-content: space-evenly;
  display: flex;
}
.verticalLine {
  height: 100%;
  width: 1px;
  background-color: var(--gray);
}
#indicators .items {
  height: var(--fullHeight);
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  background-image: url('/local/templates/whitebirch/img/foodpairing/linebg.svg');
  background-repeat: repeat-y;
  background-position: center;
}
#indicators .circle {
  background-color: var(--gray);
  width: var(--px24);
  height: var(--px24);
  border-radius: 50%;
  cursor: pointer;
}
#indicators .circle.active {
  background-color: var(--brand);
}
.withFeatures #indicators .items {
  position: fixed;
  top: var(--headerHeight);
}