@import '/static/common.css';

.redemption-page .page-header {
  background-image: url('/static/lc_bg.jpg');
  background-size: cover;
  background-position: 50% 50%;
}

.reviews-section {
  background-color: #ddd;
  background-image: url('/static/lc_reviews-carousel-bg.jpg');
  background-size: cover;
  background-position: 50% 50%;
  background-attachment: no-repeat;
  background-clip: scroll;
}

.alt-ui .button-outline--secondary {
  border-color: #ff7a00;
  color: #ff7a00;
  background: #fff6e9;
  font-size: 1rem;
}

a,
.main-app-color {
  color: #ff7a00;
}

.cta-button,
.button-primary,
.main-app-bg {
  background: linear-gradient(114.75deg, #ff7a00 18.5%, #ffc164 84.22%), #ff8833 !important;
}

.light-bg {
  background: #fff6e9 !important;
}

.redemption-page .redemption-form .form-submit-btn {
  background: #ff6e00;
}

.benefits-alt .quote-section .quote-text {
  font-family: Montserrat !important;
}

/* ! Temporary workaround until the reviews get shorten */
.reviews-section {
  height: 44rem;
}
.reviews-section .review-item {
  height: 24rem;
}
.reviews-section .carousel.slide {
  height: 33.5rem;
}

@media screen and (max-width: 767px) {
  .reviews-section {
    height: unset;
  }
  .reviews-section .review-item {
    height: unset;
    margin-bottom: 5rem;
  }
  .reviews-section .carousel.slide {
    height: unset;
  }
}