.no-scroll {
  overflow: hidden; }

.ml {
  margin-left: 5px; }

.vs--big {
  margin-bottom: 50px; }

.vs--md {
  margin-bottom: 25px; }

.rns-padding-x-30 {
  padding-left: 1.875rem;
  padding-right: 1.875rem; }

.rns-padding- .row-gap {
  margin-bottom: 200px !important; }

@media all and (max-width: 767px) {
  .rns-padding- .row-gap {
    margin-bottom: 50px !important; } }

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
  font-family: 'Poppins', sans-serif;
  font-weight: bold; }

.h3,
h3 {
  font-size: 2.25rem; }

@media all and (max-width: 767px) {
  .h3,
  h3 {
    font-weight: normal; } }

hr {
  border-top: 2px solid black;
  margin-top: 1.5625rem;
  margin-bottom: 1.5625rem; }

.text-happy {
  color: #00CE20; }

.text-link {
  text-decoration: underline;
  font-weight: bold; }

.text-faded {
  color: #999999; }

/* Onboarding */
.bottom-nav {
  text-decoration: underline;
  font-weight: bold;
  font-size: 1rem; }

.bottom-nav--disabled {
  color: #b4b4b4;
  text-decoration: unset; }

.dot {
  height: 6px;
  width: 6px;
  margin: 0px 5px;
  border-radius: 3px;
  background-color: #b4b4b4; }

.dot--active {
  background-color: black; }

/* Onboarding! */
.book {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-height: 600px; }

.book-page {
  width: 100%;
  height: 100%;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 135px); }

@media all and (max-width: 767px) {
  .book-page {
    min-height: calc(100vh - 74px); } }

.book-page-header {
  margin-bottom: 32px;
  font-family: vista-slab, serif;
  font-family: 'Poppins', sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 24px; }

.book-buttons {
  text-align: center;
  max-width: 350px;
  min-width: 350px;
  width: 100%; }

@media (max-width: 992px) {
  .book-buttons {
    max-width: unset;
    min-width: unset; } }

.book-button-primary {
  width: 100%; }

.book-button-secondary {
  margin: 0px auto 0px;
  background-color: transparent;
  color: unset; }

.book-button-secondary:hover {
  color: #1b9d46;
  background-color: unset; }

.goal-icon {
  color: #cccccc;
  padding-bottom: 16px; }

.goal-selected .goal-icon {
  color: #20bf55; }

.gender-icon {
  height: 12.5rem;
  width: 5.3125rem;
  background-size: contain;
  background-repeat: no-repeat; }

.gender-icon--man {
  background-image: url("../images/rebrand/icon/man-white.png"); }

.gender-icon--man:hover {
  background-image: url("../images/rebrand/icon/man-yellow.png"); }

.selected-gender .gender-icon--man {
  background-image: url("../images/rebrand/icon/man-yellow.png"); }

.gender-icon--woman {
  background-image: url("../images/rebrand/icon/woman-white.png"); }

.gender-icon--woman:hover {
  background-image: url("../images/rebrand/icon/woman-yellow.png"); }

.selected-gender .gender-icon--woman {
  background-image: url("../images/rebrand/icon/woman-yellow.png"); }

/* address checks */
.postcode-box {
  max-width: 350px !important; }

.check-postcode-button {
  width: 100%; }

.check-postcode-input {
  width: 100%;
  text-align: center;
  font-size: 20px !important;
  height: 52px !important; }

.delivery-card {
  margin: 16px; }

/* personal details */
.personal-detail-input {
  width: 60%;
  padding: 6px; }

.personal-detail-input .personal-detail-input {
  width: unset;
  padding: 6px; }

select.personal-detail-input {
  height: 36px; }

/* Subscription summary */
.warning-border {
  border: 3px solid #ed6a5a !important; }

.home-header {
  font-size: 40px;
  line-height: 43px;
  font-weight: bold;
  margin-bottom: 20px; }

.home-sub-header {
  font-size: 40px;
  line-height: 43px;
  font-size: 20px;
  margin-bottom: 70px; }

.v-space {
  margin-top: 25px;
  margin-bottom: 25px; }

.contained {
  max-width: 1400px;
  margin: auto; }

@media all and (max-width: 767px) {
  .mobile-yellow {
    background-color: #ffd300; } }

.bg-rice-yellow {
  background-color: #ffd300; }

.background-yellow {
  background-color: #ffd300; }

.bg-white {
  background-color: white; }

.little-header {
  font-size: 18px;
  color: #ffd300;
  margin-bottom: 18px; }

@media all and (max-width: 767px) {
  .media__row {
    padding-top: 10px;
    padding-bottom: 10px; } }

.media__quote {
  font-size: 16px; }

.media__image {
  width: auto;
  max-width: 100%;
  max-height: 80px;
  margin-bottom: 10px; }

.media__container {
  max-width: 320px; }

.media__container__container {
  margin-top: 40px;
  margin-bottom: 40px; }

@media all and (max-width: 767px) {
  .media__container__container {
    margin-top: 15px;
    margin-bottom: 15px; } }

.home-story__row {
  margin-top: 200px; }

@media all and (max-width: 767px) {
  .home-story__row {
    margin-top: 50px; } }

.home-story__copy {
  font-size: 1.625rem;
  line-height: 1.875rem;
  padding-right: 4.375rem; }

@media all and (max-width: 767px) {
  .home-story__copy {
    padding-right: unset;
    font-size: 1rem;
    line-height: 1.25rem;
    max-width: 80%;
    margin: auto;
    margin-bottom: 1rem; } }

.home-story__header {
  margin-right: 4.375rem; }

@media all and (max-width: 767px) {
  .home-story__header {
    margin-right: unset; } }

.home-story__link {
  text-decoration: underline;
  font-weight: bold;
  font-size: 1.625rem;
  line-height: 1.875rem; }

@media all and (max-width: 767px) {
  .home-story__link {
    padding-right: unset;
    font-size: 1rem;
    line-height: 1.25rem;
    max-width: 80%;
    margin: auto;
    margin-bottom: 1rem; } }

.testimony__container {
  text-align: left;
  color: #7f7f7f; }

.testimony__container--mobile {
  background-color: #f8f9fa;
  padding: 1.5rem;
  margin: 1rem; }

.testimony__star {
  height: 12px;
  width: 12px;
  margin-left: 4px;
  background-size: contain;
  background-image: url("../images/rebrand/icon/star-light-gray.png"); }

.testimony__star--active {
  background-image: url("../images/rebrand/icon/star-blue.png"); }

.testimony__text {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 2.25rem;
  color: #7f7f7f; }

.testimony__text--title {
  font-size: 1.4375rem;
  font-weight: bold; }

.testimony__video-image {
  width: 100%;
  height: auto; }

@media all and (max-width: 767px) {
  .testimony__video-image {
    max-width: 80%;
    margin-bottom: 3.125rem; } }

.square {
  width: 100%;
  padding-bottom: 100%;
  position: relative; }

.circle {
  border: 2px solid black;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute; }

.rns-square-container {
  position: relative; }

.rns-square-container::after {
  content: "";
  display: block;
  padding-bottom: 100%; }

.rns-square-container .rns-square {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.menu-item__title {
  font-size: 1rem;
  line-height: 1.0625rem; }

.menu-item__description {
  font-size: 0.75rem;
  line-height: 0.8125rem; }

.menu-item__image {
  max-width: 100%;
  min-width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  position: absolute; }

.menu-item__image--best-seller {
  position: absolute;
  right: 0;
  top: 0;
  width: 25%;
  height: 25%;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/rebrand/icon/best-seller.png"); }

.menu-item__image-container {
  position: relative; }

.menu-item__information {
  height: 19px;
  width: 19px;
  font-size: 0.75rem;
  line-height: 1.1875rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center; }

.menu-item__information--text {
  width: auto; }

.menu-item__information--gluten {
  background-image: url("../images/rebrand/icon/gluten-free.png"); }

.menu-item__information--sesame {
  background-image: url("../images/rebrand/icon/sesame-oil.png"); }

.menu-item__information--vegan {
  background-image: url("../images/rebrand/icon/vegetarian.png"); }

.menu-item__circle {
  border: 2px solid black;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  font-size: 2.9375rem; }

.menu-item__circle--yellow {
  background-color: #ffd300; }

.menu-item__circle--red {
  background-color: #f8333c; }

.menu-item__box {
  background-color: white;
  box-shadow: 2px 2px 2px 0 rgba(224, 224, 224, 0.3); }

.menu-item__name {
  color: black;
  min-height: 70px; }

@media all and (max-width: 767px) {
  .menu-item__name {
    height: 110px; } }

.menu-item__slider {
  padding-bottom: 20px;
  display: flex;
  justify-content: space-evenly;
  touch-action: manipulation; }

.menu-item-count__button {
  background-color: #4caf50;
  /* Green */
  border: none;
  color: white;
  padding: 10px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px; }

.menu-item-count__button--small {
  line-height: 24px;
  width: 24px;
  height: 24px;
  padding: 0px; }

.visible-meal-count {
  font-size: 32px;
  color: black; }

.visible-meal-count--small {
  font-size: 24px; }

.meal-countdown {
  padding-top: 20px;
  padding-bottom: 20px; }

.menu-item__nutritional-info {
  width: 40%; }

.menu-item-variations {
  display: flex;
  flex-direction: column;
  width: 100%; }

.menu-item-variation {
  margin-bottom: 16px; }

.menu-item-variation-name {
  width: 30%;
  font-weight: bold; }

.variation-quantity {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-evenly; }

.variation-quantity-container {
  display: flex;
  flex-direction: row;
  width: 60%;
  justify-content: space-evenly; }

.variation-description {
  color: gray;
  text-align: center; }

.test-selector {
  position: relative;
  width: 200px;
  width: 40px;
  width: auto;
  height: 25px;
  border: 0;
  padding: 0;
  margin: 0; }

.test-selector-select {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  width: 40px;
  width: auto;
  height: 25px;
  line-height: 20px;
  margin: 0;
  padding: 0; }

.test-selector-input {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 200px;
  width: 32px;
  width: auto;
  height: 23px;
  border: 1px solid #556; }

.copy {
  font-size: 16px;
  line-height: 17px; }

.collection-location {
  border: 2px solid black !important;
  border-radius: 10px !important;
  color: black !important; }

.collection-location--selected {
  background-color: #ffd300; }

html {
  max-width: 100% !important;
  overflow-x: hidden !important; }

body {
  max-width: 100% !important;
  overflow-x: hidden !important; }

.master-wrapper-content {
  min-height: calc(100vh - 135px - 320px); }

.vert-center {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important; }

.hor-center {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important; }

.content-width {
  position: relative;
  width: 100%;
  max-width: 1398px;
  margin-left: auto;
  margin-right: auto; }

@media all and (max-width: 1504px) {
  .content-width {
    max-width: 90%; } }

@media all and (max-width: 767px) {
  .content-width {
    width: 90%; } }

@media all and (min-width: 767px) {
  .md-content-width {
    position: relative;
    width: 100%;
    max-width: 1398px;
    margin-left: auto;
    margin-right: auto;
    width: 90%; } }

.w-75 {
  width: 75%; }

.size-1 {
  font-size: 3.625rem; }

@media all and (max-width: 767px) {
  .size-1 {
    font-size: 2.25rem; } }

.size-2 {
  font-size: 2.875rem; }

@media all and (max-width: 767px) {
  .size-2 {
    font-size: 2.25rem; } }

.size-3 {
  font-size: 1.625rem; }

.size-4 {
  font-size: 1rem; }

.weight-bold {
  font-weight: bold; }

.weight-normal {
  font-weight: normal; }

.weight-light {
  font-weight: 300; }

.spacer {
  height: 1rem; }

.spacer--half {
  height: 0.5rem; }

.spacer--10 {
  height: 10px; }

.spacer--1hx {
  height: 1.5rem; }

.spacer--2x {
  height: 2rem; }

.spacer--3x {
  height: 3rem; }

.spacer--4x {
  height: 4rem; }

.spacer--5x {
  height: 5rem; }

.copy-size-1 {
  font-size: 2.875rem; }

@media all and (max-width: 767px) {
  .copy-size-1 {
    font-size: 2.25rem; } }

.copy-size-2 {
  font-size: 2.25rem; }

.copy-size-3 {
  font-size: 1.625rem; }

.copy-size-4 {
  font-size: 1rem; }

.copy-size-5 {
  font-size: 0.875rem; }

.copy-size-6 {
  font-size: 0.75rem; }

.text-yellow {
  color: #ffd300; }

.text-red {
  color: #f8333c; }

.rice-divider {
  height: 2px;
  background-color: black;
  width: 100%; }

.rice-divider--spaced {
  margin-top: 30px;
  margin-bottom: 30px; }

.rice-divider--faint {
  height: 1px;
  background-color: #707070; }

.rice-card {
  background-color: white;
  border-radius: 5px;
  box-shadow: 0px 2px 5px #0000003C; }

.rice-card--highlight {
  border-color: #ffd300;
  border-width: 5px;
  border-style: solid; }

.selectable-rice-card {
  transition: all 0.3s cubic-bezier(0.69, 0.06, 0.36, 1) 0s;
  border-color: white;
  border-style: solid;
  border-width: 8px;
  padding: 20px;
  position: relative;
  border-radius: 5px; }

.selectable-rice-card:hover {
  box-shadow: 3px 6px 6px rgba(0, 0, 0, 0.25); }

@media all and (max-width: 767px) {
  .selectable-rice-card {
    border-width: 4px; } }

.selectable-rice-card::after {
  content: "";
  transition: opacity 0.1s cubic-bezier(0.69, 0.06, 0.36, 1) 0s;
  background-image: url("../images/rebrand/icon/check-circle.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  opacity: 0;
  height: 20px;
  width: 20px;
  top: 5px;
  right: 5px; }

@media all and (min-width: 767px) {
  .selectable-rice-card::after {
    height: 30px;
    width: 30px;
    top: 5px;
    right: 5px; } }

.selectable-rice-card--hide-tick::after {
  display: none; }

.selectable-rice-card--selected {
  border-color: #ffd300; }

.selectable-rice-card--selected::after {
  opacity: 1; }

.selectable-rice-card--alternative:hover {
  border-color: #00CE20; }

.selectable-rice-card--alternative.selectable-rice-card--selected {
  border-color: #00CE20; }

.rice-select-button {
  border-radius: 20px;
  box-shadow: 2px 2px 6px #00000029;
  border: 5px solid white;
  font-family: vista-slab, serif;
  font-size: 16px;
  line-height: 16px;
  padding: 15px 32px;
  width: 100%; }

.rice-select-button--selected {
  border: 5px solid #ffd300; }

.rice-star {
  height: 17px;
  width: 17px;
  margin-left: 4px;
  background-size: contain;
  background-image: url("../images/rebrand/icon/star@2x.png"); }

.rice-button--alternative {
  background-color: white;
  border-color: white;
  color: black; }

.rice-button--secondary.rice-button--alternative {
  background-color: #ffd300;
  color: white;
  box-shadow: none; }

.rice-button--secondary.rice-button--alternative:hover {
  box-shadow: inset 0 0 12px white;
  border: 2px solid white;
  padding: 15px 18px; }

.rice-button--small {
  padding: 9px 18px; }

.rice-button--small:hover {
  padding: 11px 18px; }

.rice-button--green {
  background-color: #00CE20;
  border-color: #00CE20;
  color: white; }

.rice-button--clear {
  background-color: transparent;
  border-color: black; }

.rice-button--disabled {
  background-color: #b4b4b4 !important;
  border-color: #b4b4b4 !important;
  color: white !important;
  box-shadow: 0 3px 6px #00000029 !important; }

.rice-button--danger {
  background-color: #E01818;
  border-color: #E01818;
  color: white; }

.rice-button--review-facebook {
  background-color: #3B5998;
  border-color: #3B5998;
  color: white;
  position: relative;
  padding-left: 50px !important;
  padding-right: 30px !important; }

.rice-button--review-google {
  background-color: #CE0D15;
  border-color: #CE0D15;
  color: white;
  position: relative;
  padding-left: 50px !important;
  padding-right: 30px !important; }

.rice-button--instagram-gradient {
  background: red;
  background: linear-gradient(90deg, red 0%, #e0006f 50%, #d100a4 100%);
  color: white;
  position: relative;
  padding-left: 50px !important;
  padding-right: 30px !important;
  border: none;
  padding-top: 17px !important;
  padding-bottom: 17px !important; }

.rice-button__icon {
  position: absolute;
  height: 18px;
  width: 18px;
  background-size: contain;
  left: 20px; }

.rice-button__icon--facebook-review {
  background-image: url("../images/rebrand/icon/facebook-white.png"); }

.rice-button__icon--google-review {
  background-image: url("../images/rebrand/icon/google-white.png"); }

.rice-button__icon--instagram {
  background-image: url("../images/rebrand/icon/instagram-white.png"); }

.select-button {
  border: 1px solid black;
  color: black;
  border-radius: 4px;
  background-color: white;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.select-button--selected {
  background-color: #ffd300; }

.select-button-selected {
  background-color: #ffd300;
  /* red not */ }

.select-button-selected:hover {
  background-color: #ffd300;
  /* red not */ }

.spice-top-menu-button {
  background-color: #ffd300;
  /* red not */
  border: 2px solid black;
  color: black;
  border-radius: 4px;
  font-family: vista-slab, serif;
  font-size: 16px;
  line-height: 16px;
  padding: 10px 14px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease 0s; }

.rice-button--facebook {
  background-color: #4468B0;
  border-color: #4468B0;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 10px 20px; }

.rice-button--facebook:hover {
  background-color: white;
  color: black; }

.rice-button--instagram {
  background-color: #D91058;
  border-color: #D91058;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding: 10px 20px; }

.rice-button--instagram:hover {
  background-color: white;
  color: black; }

.rice-text-input {
  border: 2px solid #EFEFEF !important;
  border-radius: 5px !important;
  color: black !important;
  width: 100%;
  background-color: white;
  height: 50px !important;
  font-size: 16px;
  border: 1px solid #BFBFBF !important;
  border-radius: 0px !important;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }

.rice-text-input:active {
  border-color: #575757 !important; }

.rice-text-input:focus {
  border-color: #575757 !important; }

.rice-text-input--left {
  border-right: none !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important; }

.rice-text-input--right {
  border-left: none !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  height: 100%; }

.rice-text-input--borderless {
  border-color: white !important; }

.rice-text-input--warning {
  border-color: #f8333c !important; }

.rice-select-input {
  border: 2px solid #efefef !important;
  border-radius: 5px !important;
  color: black !important;
  width: 100%;
  background-color: white;
  line-height: 35px;
  height: 100%;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-image: url("../images/rebrand/icon/arrow-down-yellow.png");
  background-size: 24px; }

.rice-select-input:active {
  border-color: #575757 !important; }

.rice-select-input:focus {
  border-color: #575757 !important; }

.rice-select-input--selected {
  background-color: #ffd300; }

.rice-select-input--borderless {
  border-color: white !important; }

.whatsapp-chat__container {
  position: fixed;
  float: right;
  display: block;
  right: 0;
  bottom: 0px; }

.whatsapp-chat__container .whatsapp-chat {
  height: 50px;
  width: 50px;
  margin-right: 15px;
  margin-bottom: 15px; }

.whatsapp-chat__container .whatsapp-chat-to-us {
  font-size: 0.75rem;
  font-weight: bold;
  width: 50px;
  text-align: center; }

.rice-option-button {
  border: none;
  border-radius: 9px !important;
  color: black;
  text-align: center;
  width: 100%;
  background-color: white;
  height: 50px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background-color: #EFEFEF !important;
  color: #575757 !important;
  box-shadow: 0 3px 6px #00000029; }

.rice-option-button--selected {
  background-color: black !important;
  color: #ffd300 !important;
  box-shadow: inset 0 0 6px #00000029;
  box-shadow: inset 0 0 6px #00000099; }

.rice-modal--white .modal-content {
  background-color: #FFFFFF;
  border-radius: 6px;
  border: none !important; }

.rice-modal--yellow .modal-content {
  background-color: #ffd300;
  border-radius: 6px;
  border: none !important; }

.rice-modal--no-padding {
  padding: 0px !important; }

.rice-modal__close-button {
  position: absolute;
  right: -15px;
  top: -15px;
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #ffd300 !important;
  border-radius: 50%;
  box-shadow: 0 3px 6px #00000029;
  padding-left: 15px; }

.bullet-list {
  list-style: disc;
  margin-left: 30px; }

.alpha-list {
  list-style-type: lower-alpha;
  margin-left: 30px; }

.stroked-title-stroke {
  background-color: #ffd300;
  height: 2px;
  width: 100%; }

.stroked-title-stroke--alternative {
  background-color: white; }

.press-card {
  padding: 20px 24px; }

.accordion-icon {
  width: 100%; }

.rice-accordion {
  border-bottom: solid 3px #ffd300 !important;
  box-shadow: none; }

.rice-accordion--slim {
  border-bottom: solid 1px #707070 !important;
  box-shadow: none; }

.rice-accordion-card {
  border: none;
  box-shadow: none !important; }

.rice-accordion-card .card-header {
  background: none;
  border: none; }

.rice-accordion-card .card-body {
  border: none; }

.rice-accordion-card--boxed {
  margin-bottom: 20px !important;
  border: solid 1px black !important;
  border-radius: 5px !important; }

.testimony-card {
  margin-top: 60px;
  padding-left: 33px;
  padding-right: 33px;
  margin-bottom: 6px; }

.testimony-image {
  width: 100%;
  border-radius: 60px; }

.testimony-image-container {
  width: 120px;
  height: 120px;
  position: absolute;
  top: 0px;
  left: calc(50% - 60px);
  background-color: white;
  border-radius: 60px;
  box-shadow: 0px 3px 6px #00000029; }

.testimony-image-space {
  height: 60px; }

.testimony-padder {
  padding: 6px; }

.rice-swiper-bullet {
  height: 11px;
  width: 11px;
  border: solid 1px #707070;
  background-color: white;
  opacity: unset; }

.rice-swiper-bullet.swiper-pagination-bullet-active {
  background-color: #707070; }

.rice-carousel-padder {
  padding: 6px;
  padding-bottom: 40px; }

.rice-alt-swiper.rice-swiper-bullet {
  height: 10px;
  width: 10px;
  border: none;
  background-color: white;
  opacity: unset;
  border-radius: 5px;
  transition: width 0.3s ease-in-out 0s; }

.rice-alt-swiper.rice-swiper-bullet.swiper-pagination-bullet-active {
  width: 30px; }

.swiper-button-next,
.swiper-button-prev {
  width: 23px !important; }

.swiper-button-next::after {
  content: "" !important;
  background-image: url("../images/rebrand/icon/chevron-right.png") !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in-out 0s; }

.swiper-button-prev::after {
  content: "" !important;
  background-image: url("../images/rebrand/icon/chevron-left.png") !important;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 100%;
  transition: opacity 0.3s ease-in-out 0s; }

.swiper-button-disabled {
  opacity: 0 !important; }

.rice-menu-item-card__container {
  padding-top: 130px; }

@media all and (max-width: 767px) {
  .rice-menu-item-card__container {
    padding-top: 30%; } }

.menu-item-card {
  padding-left: 33px;
  padding-right: 33px;
  box-shadow: 2px 3px 15px #00000029;
  height: 100%; }

.menu-item__image-new {
  width: 100%;
  height: auto;
  margin-top: -50%; }

.menu-item__image-new-text {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white; }

.menu-item__image-new--blocked {
  filter: brightness(40%); }

.menu-item__image-container {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
  background-color: white; }

@media all and (mix-width: 767px) {
  .menu-item__image-container {
    width: 90%; } }

.menu-item__image-space {
  height: 60px; }

.menu-item__image__corner {
  height: 38px;
  width: 38px;
  position: absolute; }

.menu-item__image--top-right {
  right: 0px;
  top: -100%; }

.menu-item__image--top-left {
  left: 0px;
  top: -100%; }

.menu-item__image--bottom-right {
  right: 0px;
  top: 60%; }

.menu-item__image--bottom-left {
  left: 0px;
  top: 60%; }

.rice-menu-item-icon {
  width: 28px;
  height: 28px;
  margin-left: 10px; }

.rice-menu-item-image--bestseller {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/rebrand/icon/best-seller.png"); }

.rice-menu-item-image--vegan {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/rebrand/icon/vegetarian.png"); }

.rice-menu-item-image--vegetarian {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/rebrand/icon/vegetarian.png"); }

.rice-menu-item-image--gluten-free {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/rebrand/icon/gluten.png"); }

.rice-menu-item-image--information {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/rebrand/icon/info-yellow.png"); }

.testimony-padder {
  padding: 6px; }

.quantity-selector__number {
  background-color: white;
  border: 2px solid #ffd300;
  color: black;
  border-radius: 1.25rem;
  height: 2.5rem;
  padding-top: 0.125rem;
  font-size: 1.25rem;
  text-align: center; }

.quantity-selector__button {
  background-color: white;
  border: 2px solid #ffd300;
  color: black;
  border-radius: 1.25rem;
  height: 2.5rem;
  font-size: 1rem;
  line-height: 2.25rem;
  text-align: center; }

.quantity-selector__button--selected {
  background-color: #ffd300; }

.quantity-selector__button--disabled {
  background-color: #b4b4b4;
  border-color: #b4b4b4;
  color: white; }

.menu-item-modal__image {
  height: auto;
  width: 100%; }

.menu-item-modal__image-container {
  text-align: center;
  background-color: white;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.nutritional-table > thead {
  background-color: #ffd300 !important; }

.menu-item-modal__close-button {
  position: absolute;
  right: -15px;
  top: -15px;
  width: 50px;
  height: 50px;
  text-align: center;
  background-color: #ffd300 !important;
  border-radius: 50%;
  box-shadow: 0 3px 6px #00000029;
  padding-left: 15px; }

.profile-picture__container {
  position: relative;
  width: 164px;
  height: 164px;
  border-radius: 82px; }

.profile-picture {
  width: 164px;
  height: 164px;
  border-radius: 100%;
  object-fit: contain; }

.profile-picture__edit {
  width: 25%;
  height: 25%;
  background-color: #ffd300;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  opacity: 0; }

.profile-picture__edit::before {
  background-color: red;
  content: '';
  width: 100%;
  height: 100%; }

.profile-picture__edit::after {
  width: 25%;
  height: 25%;
  background-color: #ffd300;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  content: ''; }

.profile-picture__edit-label {
  width: 25%;
  height: 25%;
  background-color: #ffd300;
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  margin-bottom: 0px; }

.profile-picture__edit-label::after {
  background-image: url("../images/rebrand/icon/camera.png");
  background-repeat: no-repeat;
  background-size: 50% 50%;
  background-position: center center;
  box-shadow: 0 3px 6px #00000029;
  border-radius: 100%;
  width: 100%;
  height: 100%;
  display: block;
  content: ''; }

.package-card {
  border-radius: 5px;
  margin-bottom: 20px;
  opacity: 0.5;
  transition: opacity 0.1s ease-in-out 0s;
  transition: box-shadow 0.1s ease-in-out 0s; }

.package-card--selected {
  box-shadow: 0px 0px 10px #0000004E;
  opacity: 1; }

.package-card__header {
  background-color: #ffd300;
  border-radius: 5px 5px 0 0; }

.package-card__body {
  background-color: #F1F1F1; }

.package-card__footer {
  background-color: #F1F1F1;
  border-top: solid 1px white;
  border-radius: 0 0 5px 5px; }

.rice-goal-card {
  padding-top: 60px;
  padding-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
  border-width: 8px;
  transition: all 0.3s ease 0s;
  border-color: white;
  border-style: solid; }

.rice-goal-card:hover {
  border-color: #ffd300; }

@media all and (max-width: 767px) {
  .rice-goal-card {
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-width: 5px;
    text-align: left; } }

.rice-goal-icon {
  height: 105px;
  width: 105px;
  margin: auto; }

@media all and (max-width: 767px) {
  .rice-goal-icon {
    height: 63px;
    width: 63px; } }

.rice-gender-icon {
  height: 116px;
  width: 54px; }

@media all and (min-width: 767px) {
  .rice-gender-icon {
    height: 174px;
    width: 81px; } }

.rice-gender-icon--selected {
  filter: invert(75%) sepia(39%) saturate(2049%) hue-rotate(3deg) brightness(108%) contrast(106%); }

.rice-gender-icon:hover {
  filter: invert(75%) sepia(39%) saturate(2049%) hue-rotate(3deg) brightness(108%) contrast(106%); }

.selectable-rice-card:hover .rice-gender-icon {
  filter: invert(75%) sepia(39%) saturate(2049%) hue-rotate(3deg) brightness(108%) contrast(106%); }

.rice-gender-card {
  max-width: 445px;
  width: 100%;
  padding-top: 68px;
  padding-bottom: 68px; }

.rice-meal-count-icon {
  height: auto;
  width: auto;
  max-height: 60px; }

@media all and (min-width: 767px) {
  .rice-meal-count-icon {
    max-height: 75px; } }

.package-card {
  position: relative; }

.package-best-seller {
  height: 55px;
  position: absolute;
  margin-left: auto;
  margin-right: auto;
  bottom: -32px;
  right: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/rebrand/icon/award-green.svg");
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 3px; }

.package-best-seller-text {
  font-size: 0.75rem; }

.package-text__main {
  font-size: 20px; }

@media all and (min-width: 767px) {
  .package-text__main {
    font-size: 2.25rem; } }

.package-text__meal-count {
  font-size: 24px; }

@media all and (min-width: 767px) {
  .package-text__meal-count {
    font-size: 2.25rem; } }

.package-text__per-day {
  font-size: 14px; }

@media all and (min-width: 767px) {
  .package-text__per-day {
    font-size: 2.25rem; } }

.package-text__price {
  font-size: 26px; }

@media all and (min-width: 767px) {
  .package-text__price {
    font-size: 2.25rem; } }

.multi-toggle__container {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.multi-toggle__option {
  border: 3px solid #ffd300;
  border-right: none;
  position: relative; }

.multi-toggle__option:nth-child(1) {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px; }

.multi-toggle__option:nth-last-child(1) {
  border-right: 3px solid #ffd300;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px; }

.multi-toggle__option--selected::before {
  content: "";
  background-color: #ffd300;
  display: block;
  position: absolute;
  z-index: -10;
  border: solid 5px #ffd300;
  width: 120%;
  height: 120%;
  top: -10%;
  left: -10%;
  border-radius: 20%; }

@media all and (min-width: 767px) {
  .meal-choice__label {
    font-size: 1.625rem; } }

@media all and (min-width: 767px) {
  .meal-choice__per-day {
    font-size: 1.625rem; } }

.meal-choice__count {
  padding: 10px; }

@media all and (min-width: 767px) {
  .meal-choice__count {
    padding: 40px;
    font-size: 2.25rem; } }

.breakfast-modal .modal-content {
  background-color: #ffd300;
  border-radius: 6px;
  border: none !important; }

.meal-preference {
  border-radius: 5px;
  background-color: rgba(255, 211, 0, 0.4); }

.meal-preference--selected {
  background-color: #ffd300; }

@media all and (max-width: 767px) {
  .meal-selection__menu-area {
    background-image: url("../images/rebrand/background/meal-selection.jpg");
    background-size: contain;
    background-repeat: repeat-y; } }

.rice-postcode-input {
  border: 2px solid black !important;
  border-radius: 25px !important;
  color: black !important; }

.check-postcode-button {
  padding-top: 12px !important;
  padding-bottom: 11px !important;
  padding-right: 30px !important;
  padding-left: 30px !important; }

.check-postcode-button:hover {
  padding-top: 14px !important;
  padding-bottom: 13px !important;
  padding-right: 32px !important;
  padding-left: 32px !important; }

.delivery-option__select {
  background-color: #ffd300;
  border-top-left-radius: 20px;
  border-bottom-right-radius: 5px;
  height: 52px;
  width: 100%; }

.delivery-option__title {
  font-size: 1.375rem; }

.delivery-option__description {
  font-size: 0.8125rem; }

.gray-card {
  background-color: #F1F1F1;
  border-radius: 19px;
  padding: 30px; }

.yellow-card {
  background-color: #ffd300;
  border-radius: 19px;
  padding: 30px; }

.spice-mobile {
  display: none; }

.spice-desktop {
  display: block; }

@media all and (max-width: 767px) {
  .spice-desktop {
    display: none; }
  .spice-mobile {
    display: block; } }

.header-menu {
  border: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  margin-bottom: 0px !important; }

.rice-top-menu {
  background-color: #ffd300;
  height: 135px;
  width: 100%;
  position: fixed;
  box-shadow: 0 3px 6px #00000029;
  transition: all 0.3s ease-in-out 0s; }

@media all and (max-width: 767px) {
  .rice-top-menu {
    height: 127px; } }

.rice-top-menu--pseudo {
  height: 135px; }

@media all and (max-width: 767px) {
  .rice-top-menu--pseudo {
    height: 127px; } }

.rice-top-menu--slim-pseudo {
  height: 135px; }

@media all and (max-width: 1200px) {
  .rice-top-menu--slim-pseudo {
    height: 74px; } }

.rice-top-menu--transparent {
  background: none;
  box-shadow: unset; }

.rice-top-menu--thin {
  height: 74px; }

.rice-top-menu--thin .rice-logo {
  width: 42px;
  height: 41px;
  margin-top: 20px; }

.spice-top-menu {
  background: #ffd300 0% 0% no-repeat padding-box;
  height: 58px;
  width: 100vw; }

.spice-top-menu__desktop {
  height: 110px; }

.spice-top-menu-items {
  display: flex;
  right: 0px;
  position: fixed;
  height: 110px;
  padding: 36px 20px; }

.spice-top-menu-button {
  margin-left: 25px; }

.rice-top-menu-item-link {
  padding-right: 25px;
  padding-left: 25px;
  padding: 12px 25px;
  font-size: 16px;
  line-height: 16px;
  font-weight: medium;
  font-family: "Poppins", sans-serif; }

.spice-burger {
  transition: all 0.3s ease-in-out 0s;
  height: 26px;
  width: 30px;
  left: 30px;
  top: 60px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/rebrand/icon/Cross.png");
  background-image: url("../images/rebrand/icon/Hamburger.png");
  background-image: url("../images/rebrand/icon/menu.png"); }

.spice-burger.close {
  background-image: url("../images/rebrand/icon/Cross.png");
  opacity: 1 !important; }

.no-scroll .spice-burger {
  background-image: url("../images/rebrand/icon/Cross.png"); }

.rice-top-menu--thin .spice-burger {
  top: 26px; }

.rice-logo {
  height: 74px;
  width: 77px;
  transition: all 0.3s ease-in-out 0s;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/rebrand/logo/logo-black-2x.png"); }

.rice-top-menu--transparent .rice-logo {
  background-image: url("../images/rebrand/logo/logo-dual-2x.png"); }

.rice-logo--desktop {
  margin-top: 31px; }

.rice-logo--mobile {
  height: 62px;
  width: 63px;
  margin-top: 45px;
  background-image: url("../images/rebrand/logo/logo-black-2x.png") !important; }

.simple-header__rice-logo--mobile {
  height: 41px;
  width: 42px;
  margin-top: 8px; }

.spice-logo {
  height: 50px;
  width: 71px;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/rebrand/logo/logo-black.png"); }

.spice-logo__desktop {
  top: 30px;
  left: 50px;
  position: fixed; }

.spice-logo__mobile-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center; }

.spice-logo__mobile {
  margin-top: 4px; }

/* side menu */
.spice-side-menu {
  background-color: #ffd300;
  height: calc(100vh - 127px);
  width: 100vw;
  top: 127px;
  left: -100vw;
  position: absolute;
  transition: all 0.3s ease-in-out 0s; }

.spice-side-menu::before {
  content: "";
  background-color: #ffd300;
  width: 100vw;
  height: 50vh;
  top: -50vh;
  z-index: -1;
  position: absolute;
  display: block; }

.rice-top-menu--thin .spice-side-menu {
  height: calc(100vh - 74px);
  top: 74px; }

.spice-side-menu__items {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  width: 100%;
  height: 100%;
  /* Revisit this...*/
  height: calc(100% - 48px); }

.spice-side-menu__item {
  width: 100%;
  display: flex;
  height: 26px; }

.spice-side-menu__item-divider-container {
  width: 100%; }

.spice-side-menu__item-divider {
  height: 2px;
  background-color: black;
  position: absolute;
  left: 5%;
  width: 90%; }

.spice-side-menu__icon-container {
  width: 20%;
  display: flex;
  justify-content: center; }

.spice-side-menu__icon {
  width: 26px;
  height: auto;
  margin-top: 0px;
  background-size: contain;
  background-repeat: no-repeat; }

.spice-side-menu__icon__order {
  background-image: url("../images/rebrand/icon/Order.png");
  background-position-y: 1px; }

.spice-side-menu__icon__our-story {
  background-image: url("../images/rebrand/icon/quote-left.png");
  background-position-y: 2px; }

.spice-side-menu__icon__how-it-works {
  background-image: url("../images/rebrand/icon/sync.png"); }

.spice-side-menu__icon__gallery {
  background-image: url("../images/rebrand/icon/book.png"); }

.spice-side-menu__icon__testimonials {
  background-image: url("../images/rebrand/icon/star-black.png"); }

.spice-side-menu__icon__FAQs {
  background-image: url("../images/rebrand/icon/question-circle.png"); }

.spice-side-menu__icon__login {
  background-image: url("../images/rebrand/icon/arrow-right.png"); }

.spice-side-menu__icon__contact-us {
  background-image: url("../images/rebrand/icon/envelope.png");
  background-position-y: 4px; }

.spice-side-menu__icon__my-profile {
  background-image: url("../images/rebrand/icon/arrow-right.png"); }

.spice-side-menu__icon__my-plan {
  background-image: url("../images/rebrand/icon/Login.png"); }

.spice-side-menu__icon__settings {
  background-image: url("../images/rebrand/icon/cog.png"); }

.spice-side-menu__icon__gift {
  background-image: url("../images/rebrand/icon/gift.png"); }

.spice-side-menu__text-container {
  width: 80%; }

.spice-side-menu__text-container {
  font-family: "Poppins", sans-serif;
  font-style: normal;
  font-weight: bold;
  font-size: 28px;
  line-height: 28px; }

.spice-side-menu__social-container {
  display: flex;
  flex-direction: row;
  height: 48px; }

.spice-side-menu__social-box {
  transition: padding-left 0.3s ease-in-out 0s;
  padding-left: calc(10vw - 12px); }

.spice-side-menu__social-icon {
  width: 25px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat; }

.spice-side-menu__social-icon__facebook {
  background-image: url("../images/rebrand/icon/Facebook.png"); }

.spice-side-menu__social-icon__instagram {
  background-image: url("../images/rebrand/icon/Instagram.png"); }

.spice-side-menu__social-icon__tiktok {
  background-image: url("../images/rebrand/icon/tiktok.png");
}

.header-side {
  height: 100%;
  position: absolute;
  top: 0; }

.header-side--left {
  left: 0; }

.header-side--right {
  right: 0; }

.react-header {
  z-index: 100;
  height: 135px; }

@media all and (max-width: 767px) {
  .react-header {
    height: 74px; } }

.react-header::after {
  content: "";
  display: block; }

@media all and (max-width: 767px) {
  .react-header__counter {
    position: absolute;
    right: 11px;
    top: 12px; } }

.react-header__basket-icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/rebrand/icon/cart.png");
  position: absolute;
  width: 42px;
  height: 33px;
  right: 33px;
  top: 51px; }

@media all and (max-width: 767px) {
  .react-header__basket-icon {
    right: 11px;
    top: 22px;
    width: 33px;
    height: 29px; } }

.react-header__basket-counter {
  display: block;
  position: absolute;
  width: 33px;
  height: 33px;
  left: -40px;
  top: -2px;
  font-size: 0.625rem;
  background-color: white;
  border: 1px solid black;
  border-radius: 50%; }

.react-header__basket-counter--blue {
  background-color: #2699fb; }

.react-header__basket-counter--red {
  background-color: #f8333c; }

.rice-header__mobile-right--user {
  transition: all 0.3s ease-in-out 0s;
  height: 26px;
  width: 30px;
  right: 30px;
  top: 60px;
  position: absolute;
  background-size: contain;
  background-repeat: no-repeat;
  background-image: url("../images/rebrand/icon/user.png"); }

.rice-top-menu--thin .rice-header__mobile-right--user {
  top: 26px; }

.rice-header__mobile-right--button {
  transition: all 0.3s ease-in-out 0s;
  right: 30px;
  top: 55px;
  position: absolute;
  width: unset; }

.rice-top-menu--thin .rice-header__mobile-right--button {
  top: 18px; }

.background-footer {
  background-color: #ffd300; }

.rice-hero-container {
  min-height: 100vh; }

.home-hero__trustpilot__container {
  position: absolute;
  bottom: 0;
  width: 100%; }

.how-it-works__header {
  font-size: 36px;
  line-height: 39px; }

.how-it-works__step {
  text-align: center; }

.how-it-works__title {
  font-size: 28px; }

.how-it-works__sub-title {
  font-size: 18px;
  padding-left: 30px;
  padding-right: 30px; }

.how-it-works__image-container {
  height: 300px;
  width: 100%; }

.how-it-works__image {
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin-top: auto; }

.our-meals-point-image {
  margin: auto;
  height: 40px; }

.our-meals-point-text {
  margin-left: 25px; }

.our-meals-point-image-container {
  height: 70px;
  width: 70px;
  background-color: #ffd300;
  border-radius: 35px;
  box-shadow: 0px 3px 6px #00000029; }

.story__image {
  width: 100%;
  height: auto;
  border-radius: 27px; }

.story-background {
  background-image: url("../images/rebrand/background/story-curve.jpg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 800px;
  height: 800px;
  position: absolute;
  right: 0;
  top: -80px; }

.screen-height {
  min-height: 100vh; }

.screen-height--80 {
  min-height: 80vh; }

.home-hero-blob {
  background-image: url("../images/rebrand/homepage/hero/bg-path-desktop.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
  top: 0;
  width: 100vw;
  height: 100vh; }

@media all and (max-width: 767px) {
  .home-hero-blob {
    background-image: url("../images/rebrand/homepage/hero/bg-path.svg"); } }

.home-hero-dish {
  background-image: url("https://rns-meals.imgix.net/food/jerk-chicken.png?w=829&q=75&auto=format&pad=40");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 16vh;
  left: 50vw;
  width: 66vh;
  height: 66vh; }

@media all and (max-width: 767px) {
  .home-hero-dish {
    background-image: url("https://rns-meals.imgix.net/food/jerk-chicken.png?w=420&q=85&auto=format&pad=10");
    width: 75vw;
    height: 75vw;
    left: 24vw;
    top: 16vh; } }

.home-hero-extra-one {
  background-image: url("../images/rebrand/homepage/hero/basil/basil.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 55vh;
  left: 35vw;
  width: 15vw;
  height: calc(1.18 * 15vw); }

@media all and (max-width: 767px) {
  .home-hero-extra-one {
    display: none;
    background-image: url("../images/rebrand/homepage/hero/basil/basil.png");
    width: 88vw;
    height: 88vw;
    left: 11vw;
    top: 12vh; } }

.home-basil {
  background-image: url("../images/rebrand/homepage/hero/basil/basil.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 50vw;
  height: calc(1.18 * 50vw); }

.home-chilli {
  background-image: url("../images/rebrand/homepage/hero/chilli/chilli@3x.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  width: 30vw;
  height: 30vw; }

.home-hero-extra-two {
  background-image: url("../images/rebrand/homepage/hero/chilli/chilli@3x.png");
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 65vh;
  left: 20vw;
  width: 20vw;
  height: 20vw; }

@media all and (max-width: 767px) {
  .home-hero-extra-two {
    display: none;
    background-image: url("../images/rebrand/homepage/hero/chilli/chilli@3x.png");
    width: 88vw;
    height: 88vw;
    left: 11vw;
    top: 12vh; } }

.home-hero-offset-mobile {
  height: 10vh; }

.hero-desktop-image {
  width: auto;
  max-width: 100%; }

.background-press {
  background-image: url("../images/rebrand/homepage/press/bg-path.svg");
  background-repeat: no-repeat;
  background-size: 100% 100%; }

.hero-header {
  font-size: 64px; }

@media all and (max-width: 767px) {
  .hero-header {
    font-size: 32px; } }

.hero-sub-header {
  font-size: 18px; }

@media all and (max-width: 767px) {
  .hero-sub-header {
    font-size: 14px; } }

.hero-header-mobile {
  font-size: 46px;
  font-weight: bold; }

.hero-sub-header-mobile {
  font-size: 16px;
  font-weight: normal; }

.background-our-meals-food {
  background-image: url("../images/rebrand/homepage/our-meals/food/chicken@3x.png");
  background-repeat: no-repeat;
  background-size: 80vh;
  background-position-y: 30px; }

@media all and (max-width: 767px) {
  .background-our-meals-food {
    background: none; } }

.background-our-meals-food::before {
  content: "";
  background-image: url("../images/rebrand/homepage/our-meals/bg-path.svg");
  background-repeat: no-repeat;
  background-size: 65% 100%;
  position: absolute;
  height: 80vh;
  width: 50vw;
  z-index: -1; }

@media all and (max-width: 767px) {
  .background-our-meals-food::before {
    background: none; } }

.background-our-meals-food--mobile {
  background-image: url("../images/rebrand/homepage/our-meals/food/chicken@3x.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position-y: 25px;
  background-position-x: 20px;
  height: 45vh;
  width: 45vh; }

.background-our-meals-food--mobile::before {
  content: "";
  background-image: url("../images/rebrand/homepage/our-meals/bg-path.svg");
  background-repeat: no-repeat;
  background-size: 67% 100%;
  position: absolute;
  height: 45vh;
  width: 100vw;
  z-index: -1; }

.danger-zone {
  border: solid 6px #E01818;
  border-radius: 32px;
  padding: 18px; }

.frozen-zone {
  border: solid 6px #0AC6C6;
  border-radius: 32px;
  padding: 18px; }

@media all and (min-width: 767px) {
  .rice-onboarding-warning {
    border: solid 7px #ffd300;
    border-radius: 9px;
    padding: 50px; } }

.rice-onboarding__story-image {
  width: 100%;
  height: auto; }

@media all and (min-width: 767px) {
  .account-customer-panel {
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 40px;
    padding-top: 40px; } }

@media all and (max-width: 767px) {
  .account-customer-panel {
    box-shadow: none; } }

@media all and (min-width: 767px) {
  .collection-reminder-panel {
    box-shadow: 2px 2px 6px #00000029;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 40px;
    padding-top: 40px;
    border: solid 7px #ffd300;
    border-radius: 9px; } }

.privacy-policy__list {
  list-style: disc;
  margin-left: 30px; }

.rice-story__hero-image {
  background-image: url("../images/rebrand/story/hero.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-x: center;
  position: relative;
  background-color: white;
  height: calc(80vh - 135px); }

@media all and (max-width: 767px) {
  .rice-story__hero-image {
    background-image: url("../images/rebrand/story/hero-mobile.jpg");
    background-size: contain;
    width: 100%;
    height: 100vw; } }

.rice-story__hero-image::after {
  content: "";
  background-image: url("../images/rebrand/story/hero-path.svg");
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  height: 6.5vw;
  width: 100vw;
  bottom: 0px; }

.meals__image {
  width: 100%;
  height: auto; }

.meals__menu-item-title {
  font-size: 18px; }

.gift-product-card {
  background-color: #EFEFEF;
  border-radius: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 30px; }

.gift-product-image-container {
  position: relative;
  width: 100%; }

.gift-product-image-background {
  background-color: #EFEFEF;
  width: 100%;
  border-radius: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  min-height: 10px;
  height: 50%;
  position: absolute;
  bottom: 0%;
  z-index: -1; }

.gift-product-image {
  width: 80%;
  height: auto;
  border-radius: 5px;
  box-shadow: 0 3px 6px #00000029;
  border-radius: 14px;
  vertical-align: middle; }

@media all and (min-width: 767px) {
  .gift-steps-container {
    padding: 20px; } }

.gift-header-image {
  width: 100%;
  height: auto; }

@media all and (min-width: 767px) {
  .gift-header-image {
    width: 70%; } }

.gift-complete--image {
  max-width: 280px; }