.w-form-formradioinput--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 50%;
  border-bottom-right-radius: 50%;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-top-width: 4px;
  border-bottom-width: 4px;
  border-left-width: 4px;
  border-right-width: 4px;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
}

.w-checkbox {
  display: block;
  margin-bottom: 5px;
  padding-left: 20px;
}

.w-checkbox::before {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
}

.w-checkbox::after {
  content: ' ';
  display: table;
  -ms-grid-column-span: 1;
  grid-column-end: 2;
  -ms-grid-column: 1;
  grid-column-start: 1;
  -ms-grid-row-span: 1;
  grid-row-end: 2;
  -ms-grid-row: 1;
  grid-row-start: 1;
  clear: both;
}

.w-checkbox-input {
  float: left;
  margin-bottom: 0px;
  margin-left: -20px;
  margin-right: 0px;
  margin-top: 4px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-right-width: 1px;
  border-top-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ccc;
  border-right-color: #ccc;
  border-top-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  width: 12px;
  height: 12px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  border-top-color: #3898ec;
  border-bottom-color: #3898ec;
  border-left-color: #3898ec;
  border-right-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0px 0px 3px 1px #3898ec;
}

body {
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  color: #000;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Lexenddeca, sans-serif;
  font-size: 4.7vw;
  line-height: 5.6vw;
}

h2 {
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 11px;
  font-family: Lexenddeca, sans-serif;
  font-size: 3.2vw;
  line-height: 4vw;
}

h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Lexenddeca, sans-serif;
  font-size: 3vw;
  line-height: 3.5vw;
}

h4 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Lexenddeca, sans-serif;
  font-size: 2.2vw;
  line-height: 3vw;
  font-weight: 400;
}

h5 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Lexenddeca, sans-serif;
  font-size: 1.5vw;
  line-height: 2vw;
  font-weight: 300;
}

h6 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Lexenddeca, sans-serif;
  font-size: 1.15vw;
  line-height: 2vw;
  font-weight: 300;
}

p {
  margin-bottom: 0px;
  font-family: Lexenddeca, sans-serif;
  font-size: 1.51vw;
  line-height: 2.6vw;
  font-weight: 300;
}

a {
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  text-decoration: none;
  cursor: pointer;
}

li {
  font-family: Montserrat, sans-serif;
  line-height: 22px;
  font-weight: 300;
}

.home-header {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 100vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: none;
}

.hero-text-block {
  width: 34vw;
  margin-bottom: 25px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #000;
  text-align: center;
}

.hero-sub-text {
  max-width: 30vw;
  margin-top: 20px;
  margin-right: auto;
  margin-left: auto;
}

.brown-text {
  color: #a98165;
}

.brown-text.bold {
  font-family: Lexenddeca, sans-serif;
}

.snack-counter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
}

.snack-counter.header-mobile {
  min-width: 34vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.snack-counter.drinks-counter {
  margin-top: 10px;
  border-radius: 5px;
  background-color: #fff;
}

.snack-counter.vertical-mobile {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.price-tag-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-family: Montserrat, sans-serif;
  color: #000;
  font-size: 25px;
  line-height: 25px;
  font-weight: 700;
  text-align: left;
}

.price-tag-block.small {
  min-width: 95.78125px;
  padding: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #000;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.price-tag-block.small.drinks-counter {
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
}

.price-tag-block.small.corporate-page {
  display: none;
  min-width: 85px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 15px;
}

.price-tag-block.full {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.price-tag-block.packages {
  padding-right: 2vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.counter-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.counter-flex.full {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.counter-flex.full.mobile-top-border {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.plus-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 60px;
  padding-right: 0.5vw;
  padding-left: 0.5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 0.5px solid #a5854f;
  cursor: pointer;
}

.plus-icon:hover {
  background-color: rgba(165, 133, 79, 0.1);
}

.plus-icon.custom {
  max-width: 30px;
  min-width: 30px;
  padding: 11px 8px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-right-style: none;
}

.plus-icon.drinks-counter {
  border-right-style: none;
}

.plus-icon.faded-border {
  border-right-color: rgba(165, 133, 79, 0.35);
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}

.count-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 65px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-right: 0.5px solid #a5854f;
  border-left: 0.5px solid #a5854f;
  font-family: Montserrat, sans-serif;
  color: #a5854f;
  font-size: 25px;
  line-height: 30px;
  font-weight: 700;
}

.count-number.small {
  min-width: 27.109375px;
  padding-right: 12px;
  padding-left: 12px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}

.count-number.small.custom {
  padding: 6px 5px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-right-color: rgba(165, 133, 79, 0.4);
  border-left-color: rgba(165, 133, 79, 0.4);
  font-size: 14px;
}

.count-number.small.custom.count-number-expand {
  min-width: 40px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.count-number.small.custom.customize-package {
  min-width: 30px;
}

.count-number.small.drinks-counter {
  border-right-color: rgba(165, 133, 79, 0.3);
  border-left-color: rgba(165, 133, 79, 0.3);
}

.count-number.packages {
  padding-right: 1vw;
  padding-left: 1vw;
  font-size: 22px;
}

.count-number.packages.faded-border {
  border-right-color: rgba(165, 133, 79, 0.35);
  border-left-color: rgba(165, 133, 79, 0.35);
}

.minus-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 60px;
  padding-right: 0.5vw;
  padding-left: 0.5vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 0.5px solid #a5854f;
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
  cursor: pointer;
}

.minus-icon:hover {
  background-color: rgba(165, 133, 79, 0.1);
}

.minus-icon.custom {
  max-width: 30px;
  min-height: 30px;
  min-width: 30px;
  padding: 11px 8px;
  border-left-style: none;
}

.minus-icon.custom.left-border {
  border-left-style: solid;
  border-left-color: rgba(165, 133, 79, 0.4);
}

.minus-icon.drinks-counter {
  padding-right: 0.7vw;
  padding-left: 0.7vw;
  border-left-color: rgba(165, 133, 79, 0.3);
}

.minus-icon.faded-border {
  border-left-color: rgba(165, 133, 79, 0.35);
}

.counter-icon-block {
  width: 2vw;
  height: 0.4vw;
  max-height: 4px;
  max-width: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #000;
}

.counter-icon-block.plus {
  margin-bottom: -0.3vw;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.counter-icon-block.plus.small {
  margin-bottom: -3px;
}

.counter-icon-block.small {
  width: 15px;
  height: 3px;
}

.counter-icon-block.small.custom {
  width: 10px;
  height: 1px;
  max-height: none;
  max-width: none;
  margin-bottom: -1px;
}

.header-counter {
  overflow: hidden;
  height: 65px;
  margin-right: 1.5vw;
  margin-left: 1.5vw;
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  border-radius: 7px;
  background-color: #fff;
  box-shadow: none;
}

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

.snack-counter-action-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 15%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: 35%;
  background-repeat: no-repeat;
}

.snack-counter-action-button.homepage {
  background-color: #8cc740;
  background-image: url('../images/right-arrow-white.svg');
}

.snack-counter-action-button.homepage.brown {
  width: 35px;
  background-color: #a5854f;
}

.snack-counter-action-button.homepage.header {
  width: 4vw;
  min-width: 60px;
}

.snack-counter-action-button.packages {
  width: 5vw;
  background-color: #8cc740;
  background-image: url('../images/cart-icon-white.svg');
  cursor: pointer;
}

.snack-counter-action-button.packages:hover {
  background-color: #0e7538;
}

.treat-package-container {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 10vw;
  padding-left: 10vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.treat-package-callout-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.treat-package-callout {
  width: 33%;
  margin-top: 10vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #a5854f;
}

.dark-green-text {
  color: #0e7538;
}

.top-margin-small {
  margin-top: 16px;
}

.black-text {
  color: #000;
}

.treat-image {
  position: relative;
  width: 67vw;
  height: 49vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.big-center-bowl {
  position: absolute;
  left: -6%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 3;
  width: 90%;
  height: 86%;
  background-image: url('../images/Big-Bowl.png');
  background-position: 50% 50%;
  background-size: 80%;
  background-repeat: no-repeat;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.treat-packages-block {
  width: 100%;
  max-width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.medium-sized-bowl-of-chips {
  position: absolute;
  left: auto;
  top: 22vw;
  right: 9vw;
  bottom: 0%;
  width: 16vw;
  height: 17vw;
  background-image: url('../images/bowl-fries-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.small-bowl-of-ketchup {
  position: absolute;
  left: auto;
  top: auto;
  right: 13.9vw;
  bottom: 1.8vw;
  width: 10vw;
  height: 10vw;
  background-image: url('../images/ketchup-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.pepper {
  position: absolute;
  left: 3vw;
  top: auto;
  right: auto;
  bottom: 7.3vw;
  width: 6vw;
  height: 6vw;
  background-image: url('../images/red-pepper-opposite-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.napkin {
  position: absolute;
  left: 3vw;
  top: 13%;
  z-index: -9;
  width: 20vw;
  height: 14vw;
  background-image: url('../images/picnic-mat-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.treat-package-heading-and-line-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  font-weight: 700;
  text-transform: uppercase;
}

.bold {
  font-family: Lexenddeca, sans-serif;
  font-weight: 400;
}

.horizontal-line {
  height: 1px;
  margin-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: rgba(169, 130, 101, 0.5);
}

.treat-packages-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.treat-package {
  height: 16vw;
  min-width: 21vw;
  padding: 10px 15px 15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  border-radius: 7px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: all 500ms ease-in-out;
  transition: all 500ms ease-in-out;
}

.treat-package:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

.treat-package.treat-pack {
  background-image: url('../images/treat-pack-image.jpg');
  background-position: 50% 100%;
}

.treat-package.deluxe-pack {
  background-image: url('../images/deluxe-treatbox-image.jpg');
  background-position: 50% 40%;
}

.treat-package.standard {
  background-image: url('../images/standard-treatbox-image.jpg');
}

.package-snack-counter {
  overflow: hidden;
  border-radius: 5px;
  background-color: #fff;
}

.all-packages-wrapper {
  position: relative;
  margin-top: 18vw;
}

.all-packages-header {
  width: 44vw;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}

.package-side-scroll-wrapper {
  margin-top: 5vw;
  margin-bottom: 5vw;
}

.package-scroll {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.package-scroll-indicator-and-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 8vw;
  padding-right: 8vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.all-packages-flex {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  padding-bottom: 35px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.package {
  height: 20vw;
  min-height: 20vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.package.first {
  margin-left: 11vw;
}

.dummy-space-div {
  width: 2vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.button {
  min-height: 45px;
  padding: 15px 40px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  border-radius: 7px;
  background-color: #a98265;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  font-family: Lexenddeca, sans-serif;
  color: #fff;
  font-size: 1.3vw;
  line-height: 2vw;
  font-weight: 300;
}

.button:hover {
  background-color: #fff;
  color: #a5854f;
}

.button.inverse {
  border-color: #a98265;
  background-color: transparent;
  color: #a5854f;
}

.button.inverse:hover {
  background-color: #a98265;
  color: #fff;
}

.scroll-indicator-wrapper {
  width: 50vw;
  height: 10px;
  max-width: 50vw;
  margin-right: 12vw;
  margin-left: 2vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 20px;
  background-color: rgba(165, 133, 79, 0.3);
}

.scroll-indicator {
  width: 0%;
  max-width: 100%;
  min-height: 100%;
  margin-top: -2.5px;
  padding-bottom: 15px;
  border-radius: 30px;
  background-color: #a5854f;
  -webkit-transition: all 200ms cubic-bezier(.95, .05, .053, .81);
  transition: all 200ms cubic-bezier(.95, .05, .053, .81);
}

.consistency-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 5vw 15vw 8vw 5vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.smallchops-cycle-wrapper {
  position: relative;
  width: 50vw;
  height: 34vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.drumstick-lock {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: 0%;
  width: 30vw;
  height: 34vw;
  background-image: url('../images/sub-chicken.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.spring-roll {
  position: absolute;
  left: -6%;
  top: -5%;
  right: auto;
  bottom: 0%;
  width: 30vw;
  height: 35vw;
  background-image: url('../images/sub-springroll.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.puff-puff {
  position: absolute;
  top: 4.5vw;
  width: 30vw;
  height: 40vw;
  margin-left: 10vw;
  background-image: url('../images/sub-puff-puff.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.consistency-text-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 29vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.coperate-and-event-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 5vw 10vw;
}

.coperate-and-event-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 12vw;
  padding: 20px 20px 17px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 10px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
  font-family: Lexenddeca, sans-serif;
  color: #fff;
  font-size: 2.1vw;
  line-height: 3vw;
  font-weight: 600;
}

.coperate-and-event-image.events {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(169, 130, 101, 0.55)), to(rgba(169, 130, 101, 0.55))), url('../images/event-image.jpg');
  background-image: linear-gradient(180deg, rgba(169, 130, 101, 0.55), rgba(169, 130, 101, 0.55)), url('../images/event-image.jpg');
  background-position: 0px 0px, 50% 50%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.coperate-and-event-image.corperates {
  background-image: url('../images/corporate-image.jpg');
}

.coperate {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.event {
  width: 55%;
  margin-right: 2%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.event-and-coperate-sub-text {
  width: 75%;
  margin-top: 27px;
  color: #000;
}

.event-and-coperate-sub-text.coperate-text {
  width: 89%;
}

.small-paragraph {
  font-size: 1.21vw;
  line-height: 2vw;
}

.event-and-corporate-button {
  display: inline-block;
  margin-top: 30px;
  padding-bottom: 7px;
  border-bottom: 3px solid #a5854f;
  font-family: Lexenddeca, sans-serif;
  color: #a5854f;
  font-size: 15px;
  font-weight: 800;
  text-transform: uppercase;
}

.event-and-corporate-button:hover {
  border-bottom-color: #000;
  color: #000;
}

.event-and-corporate-button.black {
  border-bottom-color: #000;
  color: #000;
}

.event-and-corporate-button.black:hover {
  border-bottom-color: #a5854f;
  color: #a5854f;
}

.main-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10vw;
  color: #000;
}

.footer-content-and-nav-section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 50%;
  margin-top: 21vw;
  padding-bottom: 6vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.flex-footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-logo {
  width: 8vw;
  height: 11vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/made-bg.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.footer-nav-block {
  margin-left: 5vw;
  padding-top: 2vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.footer-nav-block.first {
  margin-left: 0px;
}

.footer-link-block {
  margin-bottom: 2vw;
  color: #000;
}

.footer-link-block:hover {
  color: #a5854f;
}

.whatsapp-prompt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 5vw;
  padding-right: 3vw;
  padding-left: 2.5vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background-color: #a5854f;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 1.6vw;
  line-height: 2.2vw;
  font-weight: 500;
}

.whatsapp-prompt:hover {
  background-color: #3c2415;
}

.whatsapp-prompt.call {
  margin-bottom: 10px;
  padding: 14px 29px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  border-radius: 7px;
  background-color: #a98165;
  font-size: 12px;
  line-height: 20px;
}

.whatsapp-prompt.hide {
  display: none;
}

.ella {
  position: relative;
  top: -3.5vw;
  width: 7vw;
  height: 7vw;
  max-height: 74.96875px;
  max-width: 74.96875px;
  margin-right: 1vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  border-radius: 50%;
  background-color: #fff;
  background-image: url('../images/ella-chatbot.png');
  background-position: 50% -90%;
  background-size: 109%;
  background-repeat: no-repeat;
}

.ella.call-icon {
  top: 0vw;
  width: 2vw;
  height: 2vw;
  border-style: none;
  background-color: transparent;
  background-image: url('../images/call-icon-footer.svg');
  background-position: 50% 50%;
  background-size: contain;
}

.footer-bag-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: url('../images/footer-img.svg');
  background-position: 100% 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.pack-on-platform {
  position: absolute;
  left: auto;
  top: 0%;
  right: -11%;
  bottom: 0%;
  display: none;
  width: 27vw;
  background-image: url('../images/footer-platform-with-packing.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.pack-on-platform.smaller {
  right: 30%;
  bottom: -63%;
}

.footer-block {
  overflow: hidden;
}

.normal-samosa {
  position: absolute;
  left: -8%;
  top: -18%;
  right: auto;
  bottom: auto;
  z-index: 5;
  width: 27vw;
  height: 27vw;
  background-image: url('../images/samosa-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.blurred-out-samosa {
  position: absolute;
  left: 19%;
  top: -5%;
  right: auto;
  bottom: auto;
  width: 16vw;
  height: 17vw;
  background-image: url('../images/blur-samosa-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.spring-roll-floating {
  position: absolute;
  left: auto;
  top: -27%;
  right: 11%;
  bottom: auto;
  z-index: 10;
  width: 15vw;
  height: 30vw;
  background-image: url('../images/springroll-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.blurred-out-spring-roll {
  position: absolute;
  left: auto;
  top: -24%;
  right: -8%;
  bottom: auto;
  width: 23vw;
  height: 10vw;
  background-image: url('../images/springroll-blur-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.home-page-gradient-block {
  position: relative;
  padding-top: 0.5px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(3.95%, rgba(246, 238, 224, 0.32)), color-stop(30%, #fff), color-stop(99%, #f6eee0));
  background-image: linear-gradient(0deg, rgba(246, 238, 224, 0.32) 3.95%, #fff 30%, #f6eee0 99%);
}

.lotti-animation-block {
  position: relative;
  z-index: 2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-height: 90vh;
  min-height: 50vw;
  margin-bottom: -0.5vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.package-header-slider-wrapper {
  margin-top: 10vw;
}

.package-slider-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
}

.package-slider-inner.top {
  padding-top: 10vw;
}

.package-slider-inner.top.events {
  height: 85vh;
  padding-top: 0vw;
}

.package-slider-inner.top.coperate {
  height: 89vh;
  max-height: none;
  padding-top: 0vw;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.package-slider-inner.top.cart-and-checkout {
  position: relative;
  overflow: hidden;
  height: 89vh;
  padding-top: 0vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.package-slider-inner.packages-vertical-flex {
  height: 100%;
}

.package-slider-inner.packages-vertical-flex.build {
  height: 89vh;
}

.package-description {
  position: relative;
  width: 50%;
  padding: 5vw 6.5vw 5vw 6vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.package-description.events {
  position: -webkit-sticky;
  position: sticky;
  top: 0px;
  height: 100%;
  padding: 5vh 5vw;
  background-color: #a5854f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5))), url('../images/deluxe-treatbox-image.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('../images/deluxe-treatbox-image.jpg');
  background-position: 0px 0px, 50% 0%;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.package-description.corporate {
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  height: 100%;
  padding: 5vw;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.6))), url('../images/corporate-image.jpg');
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url('../images/corporate-image.jpg');
  background-position: 0px 0px, 0px 0px;
  background-size: auto, cover;
  background-repeat: repeat, no-repeat;
}

.package-description.packages {
  width: auto;
  height: 100%;
  padding-top: 2vw;
  padding-bottom: 5vw;
}

.package-description.packages.build {
  background-color: #c5b4aa;
}

.package-content {
  position: relative;
  z-index: 1;
  overflow: hidden;
  width: 50%;
  padding-top: 5.5vw;
  padding-right: 3.5vw;
  padding-left: 3.5vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(165, 133, 79, 0.1)), to(rgba(165, 133, 79, 0.1)));
  background-image: linear-gradient(180deg, rgba(165, 133, 79, 0.1), rgba(165, 133, 79, 0.1));
}

.package-content.corporate {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  height: 100%;
  padding-top: 5vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f6eee0;
  background-image: none;
}

.package-content.event {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  max-height: 89vh;
  padding-top: 5vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #f6eee0;
  background-image: none;
}

.package-content.packages-full {
  padding-top: 3vw;
  background-color: #f6eee0;
  background-image: none;
}

.package-content.events {
  overflow: auto;
  height: 100%;
  background-image: url('../images/events-img.jpg'), -webkit-gradient(linear, left top, left bottom, from(rgba(165, 133, 79, 0.1)), to(rgba(165, 133, 79, 0.1)));
  background-image: url('../images/events-img.jpg'), linear-gradient(180deg, rgba(165, 133, 79, 0.1), rgba(165, 133, 79, 0.1));
  background-position: 50% 50%, 0px 0px;
  background-size: cover, auto;
}

.package-name {
  font-family: Lexenddeca, sans-serif;
  color: #0e7538;
  font-size: 1.2vw;
  line-height: 2vw;
  font-weight: 300;
  text-transform: capitalize;
}

.package-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 40vh;
  min-height: 252.390625px;
  margin-top: 2vw;
  margin-bottom: 2vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.package-image.package-1 {
  background-image: url('../images/placeholder-plate.png');
}

.package-image.tray {
  background-image: url('../images/tray-png2x.png');
}

.package-snack-counter-block {
  position: relative;
  overflow: hidden;
  height: 75px;
  max-width: 44vw;
  border-radius: 7px;
  background-color: #fff;
  box-shadow: 0 20px 40px -25px rgba(0, 0, 0, 0.3);
}

.content-block {
  position: relative;
  overflow: auto;
  margin-top: 2vh;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.content-block.corporate {
  overflow: hidden;
  height: auto;
  margin-bottom: 30px;
}

.content-block.event-page {
  overflow: visible;
  height: auto;
  margin-right: 0vw;
  margin-bottom: 30px;
}

.content-block.packages {
  overflow: auto;
}

.content-flex-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.content-flex-wrapper.events {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.content-inner-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-width: 19vw;
  margin-top: 12px;
  margin-right: 0px;
  margin-bottom: 12px;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.content-inner-flex.dash {
  margin-top: 25px;
  margin-right: 0px;
  margin-bottom: 25px;
}

.content-inner-flex.dash.top {
  margin-top: 0px;
}

.content-snack-block {
  width: 4vw;
  height: 4.5vw;
  margin-right: 10px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.content-snack-block.spring-rolls {
  background-image: url('../images/package-springroll.png');
}

.content-snack-block.samosa {
  background-image: url('../images/samosa-png.png');
}

.content-snack-block.puff-ball {
  background-image: url('../images/package-puff-puff_.png');
}

.content-snack-block.chicken {
  background-image: url('../images/chicken-png.png');
}

.link-flex-vertical {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: -15px;
  margin-right: 20px;
  margin-bottom: -15px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.line {
  width: 1px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #a5854f;
}

.line.opacity-0 {
  opacity: 0;
}

.small-circle-border {
  width: 20px;
  height: 20px;
  padding: 3px;
  border-style: solid;
  border-width: 1px;
  border-color: #fcc693;
  border-radius: 50%;
}

.small-circle-border.dash {
  margin-top: 10px;
  margin-bottom: 10px;
  border-color: #a5854f;
}

.smaller-inner-circle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #a5854f;
}

.snack-name {
  width: 128.515625px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: Lexenddeca, sans-serif;
  color: #000;
  font-size: 17px;
  line-height: 25px;
  font-weight: 300;
}

.snack-name.checkout-customize-prompt {
  width: 63%;
  font-family: Lexenddeca, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.snack-name.small {
  width: auto;
  max-width: 9vw;
  margin-top: 10px;
  color: #000;
  font-size: 15px;
  line-height: 19px;
  font-weight: 300;
  text-align: center;
}

.snack-name.package-type {
  width: 100%;
  color: #a5854f;
  font-size: 19px;
}

.snack-name.packages-page {
  width: 120px;
}

.green-number-of-snack {
  color: #0e7538;
}

.checkout-prompt-block {
  position: absolute;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  margin-top: 4vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #a48a7b;
  background-color: #f6eee0;
  color: #000;
}

.checkout-prompt-block.events {
  position: -webkit-sticky;
  position: sticky;
  z-index: 10;
  display: block;
  margin-top: 3vw;
  margin-right: -3.5vw;
  margin-left: -3.5vw;
  padding-right: 3.5vw;
  padding-left: 3.5vw;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.checkout-prompt-block.done {
  display: none;
}

.checkout-prompt-block.products {
  position: -webkit-sticky;
  position: sticky;
  margin-top: 0vw;
  margin-bottom: 0vw;
  padding-top: 2vw;
  padding-bottom: 2vw;
  background-color: #f6eee0;
}

.snack-and-drink-wrapper {
  position: static;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.drink-checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  color: #000;
  cursor: pointer;
}

.drink-checkbox.events {
  margin-top: 40px;
}

.drink-checkout-check-box {
  width: 25px;
  height: 25px;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  border-radius: 3px;
  background-color: #f5f3ed;
  background-image: url('../images/tick-icon-white.svg');
  background-position: 50% 50%;
  background-size: 70%;
  background-repeat: no-repeat;
}

.package-pepper {
  position: absolute;
  left: auto;
  top: 0%;
  right: -9%;
  bottom: auto;
  width: 10vw;
  height: 10vw;
  background-image: url('../images/pepper-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.tomatoe-slice {
  position: absolute;
  left: -10%;
  top: 13%;
  right: auto;
  bottom: 0%;
  width: 10vw;
  height: 10vw;
  background-image: url('../images/tomato-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.random-vegetable-block {
  position: absolute;
  left: 10%;
  top: 50%;
  right: auto;
  bottom: 0%;
  width: 6vw;
  height: 8vw;
  background-image: url('../images/package-leaf.png');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.pepper-ring {
  position: absolute;
  left: auto;
  right: 8%;
  bottom: auto;
  z-index: 0;
  width: 5vw;
  height: 5vw;
  max-height: 53.546875px;
  max-width: 53.546875px;
  background-image: url('../images/red-pepper-png2x.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.white-text {
  color: #fff;
}

.events-form-wrapper {
  margin-top: 3vw;
}

.form-input-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 12px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.form-input-flex.last {
  margin-bottom: 4vw;
}

.form-input-flex.sign-in {
  margin-bottom: 5px;
}

.form-input-flex.hide {
  display: none;
}

.form-input-flex.coupon {
  margin-bottom: 0px;
  margin-left: 0px;
}

.form-input-parent {
  width: 48.5%;
}

.form-input-parent.delivery-date {
  width: 54%;
  margin-right: 2%;
}

.form-input-parent.full {
  width: 100%;
}

.form-input-parent.full.hide {
  display: none;
}

.form-input-parent.full.right-margin {
  width: auto;
  min-width: 30%;
  margin-right: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.form-label {
  margin-bottom: 10px;
  font-family: Lexenddeca, sans-serif;
  color: #fff;
  font-size: 1.15vw;
  line-height: 2vw;
  font-weight: 300;
}

.form-label.brown {
  color: #a5854f;
}

.form-label.black {
  color: #000;
}

.form-label.sign-in {
  font-family: Futuralt, sans-serif;
  color: #000;
  font-weight: 400;
}

.form-label.cart-page {
  font-family: Lexenddeca, sans-serif;
  color: #a98165;
}

.form-label.brown-text {
  color: #a5854f;
}

.form-label.brown-text.futurait {
  font-family: Lexenddeca, sans-serif;
  color: #a98165;
}

.form-text-input {
  min-height: 50px;
  border-radius: 7px;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  font-family: Lexenddeca, sans-serif;
  color: #000;
  font-size: 1.3vw;
  line-height: 2vw;
  font-weight: 300;
}

.form-text-input:hover {
  border: 1px none #000;
}

.form-text-input:active {
  border-style: none;
}

.form-text-input:focus {
  border: 1px none #000;
}

.form-text-input.contact {
  min-height: 60px;
  margin-bottom: 15px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(165, 133, 79, 0.35);
}

.form-text-input.big {
  width: 100%;
  max-width: 100%;
  min-height: 150px;
  min-width: 100%;
  margin-bottom: 30px;
}

.form-text-input.full {
  width: 40vw;
}

.form-text-input.cart-page {
  color: #a5854f;
  font-size: 1.3vw;
  line-height: 2vw;
}

.form-text-input.cart-page.big {
  min-height: 100px;
}

.form-text-input.cart-page.big.sign-in {
  min-height: 80px;
  margin-bottom: 10px;
  color: #000;
  font-size: 1.3vw;
  line-height: 2vw;
}

.form-text-input.cart-page.big.reduced {
  margin-bottom: 10px;
}

.form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.custom-counter {
  border-radius: 5px;
  background-color: #fff;
}

.custom-counter.packages-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.event-overlay {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 10;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0.5)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5));
}

.event-overlay.inactive {
  display: none;
}

.event-overlay.test {
  display: none;
}

.event-overlay.content {
  position: fixed;
  left: 50vw;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: none;
}

.package-image-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100px;
  min-width: 100px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.package-image-block.package-1 {
  background-image: url('../images/placeholder-plate.png');
}

.package-image-block.package-3 {
  background-image: url('../images/tray-png2x.png');
}

.package-image-block.package-4 {
  background-image: url('../images/plate-of-food-png.png');
}

.package-image-block.package-5 {
  background-image: url('../images/placeholder-plate.png');
}

.cart {
  position: static;
  top: 15vh;
  overflow: auto;
  height: 100%;
  padding-top: 4vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fefefe;
}

.checkout {
  overflow: auto;
  width: 50%;
  height: 100%;
  padding: 4vw 3vw;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #f6eee0;
}

.left-margin {
  margin-left: 3vw;
}

.cart-item-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3vw;
  margin-bottom: 5vw;
  padding: 1vw 5vw 1vw 2vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f6f3ed;
  font-family: Futuralt, sans-serif;
  color: #000;
  font-size: 1.4vw;
}

.cart-item-flex.custom {
  padding-top: 2vw;
  padding-bottom: 2vw;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-family: Lexenddeca, sans-serif;
  font-weight: 300;
}

.remove-item-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30px;
  height: 32px;
  margin-right: 2vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  cursor: pointer;
}

.remove-item-block:hover {
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.cancel {
  width: 25px;
  height: 1px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #a5854f;
}

.cancel.bottom {
  -webkit-transform: rotate(46deg);
  -ms-transform: rotate(46deg);
  transform: rotate(46deg);
}

.cancel.top {
  margin-top: 1px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 7vw;
  height: 7vw;
  margin-right: 2vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.item.demo-item {
  background-image: url('../images/placeholder-plate.png');
}

.small-x {
  font-size: 1vw;
  line-height: 2vw;
}

.light-green-text {
  color: #8cc740;
}

.item-details-and-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 13vw;
  margin-right: 1vw;
  padding-right: 2vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-right: 1px none rgba(165, 133, 79, 0.35);
}

.tab-wrapper {
  margin-top: 3vw;
}

.payment-tab-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1.5vw 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #fff;
  font-family: Lexenddeca, sans-serif;
  color: #a98165;
  font-size: 1.3vw;
  line-height: 2vw;
}

.payment-tab-link.w--current {
  background-color: #a5854f;
  color: #fff;
}

.payment-tab-link.first {
  border-right: 1px solid rgba(165, 133, 79, 0.05);
  border-top-left-radius: 7px;
  border-bottom-left-radius: 7px;
}

.payment-tab-link.first.w--current {
  background-color: #a98165;
}

.payment-tab-link.last {
  border-left: 1px solid rgba(165, 133, 79, 0.05);
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
}

.payment-tab-link-parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 30px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(165, 133, 79, 0.05);
  border-radius: 7px;
}

.payment-tab-indicator-circle {
  width: 1.5vw;
  height: 1.5vw;
  margin-right: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  border-radius: 50%;
  background-color: #fff;
  background-image: url('../images/tick-icon-white.svg');
  background-position: 50% 50%;
  background-size: 70%;
  background-repeat: no-repeat;
}

.checkout-tab-inner {
  position: relative;
}

.checkout-name-and-cost-divider {
  height: 1px;
  margin-right: 15px;
  margin-left: 15px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: rgba(165, 133, 79, 0.35);
}

.checkout-name-and-cost-divider.no-margin-right {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.checkout-name-and-cost-divider.no-left-margin {
  margin-left: 0px;
}

.checkout-payment-details {
  padding: 2vw;
  border-radius: 10px;
  background-color: rgba(165, 133, 79, 0.1);
}

.checkout-payment-details.pay-for-me {
  margin-top: 3vw;
  background-color: #ece3d5;
}

.checkout-cost-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.checkout-cost-flex.last {
  margin-bottom: 0vw;
}

.payment-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 15px;
  padding: 5px 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(165, 133, 79, 0.35);
  border-radius: 10px;
}

.overlapping-payment-block-heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Lexenddeca, sans-serif;
  color: #000;
  font-size: 11px;
  font-weight: 400;
  text-transform: uppercase;
}

.overlapping-payment-heading-logo {
  width: 70px;
  height: 40px;
  margin-left: 10px;
  background-image: url('../images/flutterwave-logo.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.payment-logos-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.payment-logo {
  width: 50px;
  height: 50px;
  margin-right: 15px;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.payment-logo.master-card {
  background-image: url('../images/mastercard-logo.svg');
}

.payment-logo.visa {
  background-image: url('../images/visa-logo.svg');
}

.payment-logo.verve {
  background-image: url('../images/verve-logo.svg');
}

.payment-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 19px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.payment-flex.transfer {
  margin-top: 20px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.inner-pages-button {
  min-width: 130px;
  padding: 12px 30px;
  border-radius: 70px;
  background-color: #8cc740;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  font-family: Lexenddeca, sans-serif;
  text-align: center;
  cursor: pointer;
}

.inner-pages-button:hover {
  background-color: #a5854f;
}

.inner-pages-button.float-right-high-z-index {
  position: relative;
  z-index: 10;
  float: right;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
}

.inner-pages-button.float-right-high-z-index:hover {
  background-color: #a5854f;
}

.inner-pages-button.brown {
  background-color: #a5854f;
}

.inner-pages-button.brown:hover {
  background-color: #8cc740;
}

.inner-pages-button.home-nav-button {
  position: static;
  left: auto;
  top: 1vw;
  right: 4vw;
  bottom: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #a5854f;
}

.inner-pages-button.home-nav-button:hover {
  background-color: #8cc740;
}

.inner-pages-button.inner-nav:hover {
  background-color: #a5854f;
  color: #fff;
}

.inner-pages-button.left-aligned {
  float: right;
}

.inner-pages-button.drinks-counter {
  margin-right: -20vw;
  float: right;
}

.inner-pages-button.packages-page {
  background-color: #a98165;
}

.inner-pages-button.packages-page:hover {
  background-color: #8cc740;
}

.inner-pages-button.sign-in-button {
  margin-top: 10px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.inner-pages-button.validate-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 7px;
  background-color: #a98165;
}

.inner-pages-button.validate-button:hover {
  background-color: #8cc740;
}

.account-details-block {
  margin-bottom: 20px;
  padding: 3vw;
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  border-radius: 7px;
  color: #000;
}

.account-name {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #a5854f;
  font-family: Futuralt, sans-serif;
  color: #000;
  font-size: 1.3vw;
  line-height: 2vw;
}

.account-credentials {
  font-family: Futuralt, sans-serif;
  color: #a5854f;
  font-size: 1.8vw;
  line-height: 3vw;
}

.margin-bottom {
  margin-bottom: 20px;
}

.subscription-header {
  min-height: 100vh;
  padding-top: 10vw;
  padding-bottom: 4vw;
}

.subscription-heading {
  margin-top: 7vw;
  margin-bottom: 60px;
  margin-left: 7vw;
}

.subscription-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 3vw;
  margin-left: 7vw;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.subscription-details {
  width: 25%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-right: 1px solid rgba(165, 133, 79, 0.3);
  color: #000;
}

.subscription-details-heading {
  margin-bottom: 30px;
  font-family: Lexenddeca, sans-serif;
  font-size: 1.75vw;
  line-height: 2vw;
  font-weight: 400;
}

.two-breakfast {
  width: 70%;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid rgba(165, 133, 79, 0.3);
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.two-breakfast.no-border {
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  border: 1px none #000;
}

.subscription-cost-block {
  font-family: Montserrat, sans-serif;
  font-size: 2.5vw;
  line-height: 3vw;
  font-weight: 600;
}

.subscription-option-wrapper {
  margin-top: 7%;
  margin-right: 8vw;
  padding-left: 5vw;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.subscription-option-heading-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.no-margin {
  margin: 0px;
}

.option-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.option-flex.bottom {
  margin-bottom: 60px;
}

.no-margin-right {
  margin-right: 0px;
}

.option {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 3vw 3vw 2vw;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  border-radius: 7px;
  color: #000;
}

.option-package {
  width: 10vw;
  height: 10vw;
  background-image: url('../images/placeholder-plate.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.option-content {
  width: 27vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: Montserrat, sans-serif;
  font-size: 1.2vw;
  line-height: 1.6vw;
  text-align: center;
}

.option-content-heading {
  margin-bottom: 7px;
  color: #0e7538;
  text-transform: uppercase;
}

.contact-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  margin-bottom: -5vw;
}

.contact-form-block {
  width: 60%;
  padding-top: 5vw;
  padding-right: 11vw;
  padding-left: 6vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.contact-image-and-contact-details-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.contact-image {
  position: relative;
  width: 48vw;
  height: 40vw;
  margin-right: -12vw;
  margin-left: auto;
  background-image: url('../images/Signup-Image-Lockup-compressor.png');
  background-position: 100% 0%;
  background-size: contain;
  background-repeat: no-repeat;
}

.contact-image.sign-in {
  width: 30vw;
  height: 29vw;
  margin-top: -50px;
}

.contact-image.subscription {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 0;
  margin-right: 0vw;
  background-position: 150% 0%;
}

.outer-contact-details-block {
  position: relative;
  margin-top: -14vw;
  padding-right: 30px;
  padding-left: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-left: 1px solid #a48a7b;
}

.contact-block-inner {
  padding: 5vw 2vw;
  background-color: rgba(165, 133, 79, 0.05);
  text-align: center;
}

.contact-heading {
  margin-bottom: 5px;
  font-family: Lexenddeca, sans-serif;
  color: #0e7538;
  font-size: 1.2vw;
  line-height: 2vw;
  font-weight: 600;
  text-transform: uppercase;
}

.contact-details {
  margin-right: 5vw;
  margin-left: 5vw;
  font-family: Lexenddeca, sans-serif;
  color: #000;
  font-size: 1.7vw;
  line-height: 2.4vw;
}

.contact-details.social-media {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 3vw;
  padding-left: 3vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.contact-details-block {
  margin-bottom: 30px;
}

.contact-details-block.last {
  margin-bottom: 0px;
}

.social-media-icon {
  width: 2vw;
  height: 2vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.social-media-icon:hover {
  -webkit-transform: translate(0px, -5px);
  -ms-transform: translate(0px, -5px);
  transform: translate(0px, -5px);
}

.social-media-icon.tw {
  background-image: url('../images/twitter.svg');
}

.social-media-icon.instagram {
  background-image: url('../images/instagram.svg');
}

.social-media-icon.linkedin {
  background-image: url('../images/linkedin1.svg');
}

.social-media-icon.youtube {
  background-image: url('../images/youtube.svg');
}

.social-media-icon.fb {
  background-image: url('../images/social-icon-facebook.svg');
}

.social-media-icon.float {
  width: 20px;
  height: 20px;
  margin-top: 13px;
  margin-left: 10px;
}

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

.dummy-space-block {
  display: none;
  width: 2vw;
}

.cart-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 1vw;
  padding-bottom: 1vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.image {
  display: block;
  max-height: 100%;
}

.footer-content-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 5vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.small-package-sub-text {
  font-family: Lexenddeca, sans-serif;
  color: #a5854f;
  font-size: 15px;
  line-height: 17px;
  font-weight: 400;
}

.treat-package-counter-block {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}

.gradient-cover {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 100px;
  display: none;
  height: 10vh;
  margin-right: -3.5vw;
  margin-left: -3.5vw;
  background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
  background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
}

.copy-code-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.copy-code-button {
  padding: 10px 15px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 5px;
  background-color: #8cc740;
  font-family: Futuralt, sans-serif;
  color: #fff;
  font-size: 10px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
  text-transform: uppercase;
  cursor: pointer;
}

.code {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 76%;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 7px;
  background-color: rgba(165, 133, 79, 0.07);
}

.cart-text {
  font-size: 1.7vw;
  line-height: 2.3vw;
}

.cart-text.brown-text {
  margin-bottom: 1vw;
}

.cart-text.brown-text.no-margin {
  margin-bottom: 0px;
}

.cart-cost {
  margin-left: 3vw;
}

.pack-and-cost-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.contact-pepper {
  position: absolute;
  left: -3.8vw;
  top: 10.2vw;
  width: 7vw;
  height: 7vw;
  background-image: url('../images/red-pepper-opposite-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: rotate(-140deg);
  -ms-transform: rotate(-140deg);
  transform: rotate(-140deg);
}

.contact-pepper.sign-in {
  top: 8.5vw;
  width: 4vw;
  height: 4vw;
}

.contact-leaf {
  position: absolute;
  top: 7.1vw;
  z-index: -1;
  width: 14vw;
  height: 14vw;
  background-image: url('../images/package-leaf.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.contact-leaf.sign-in {
  top: 25vw;
  z-index: 1;
  width: 7vw;
  height: 7vw;
}

.contact-pepper-ring {
  position: absolute;
  left: 8.3vw;
  top: 27.7vw;
  z-index: -1;
  width: 7vw;
  height: 7vw;
  background-image: url('../images/red-pepper-png2x.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.contact-pepper-ring.sign-in {
  left: 13.9vw;
  top: 31vw;
  z-index: 0;
  width: 4vw;
  height: 4vw;
}

.relative {
  position: relative;
}

.contact-puff-puff {
  position: absolute;
  left: auto;
  top: 9%;
  right: -6%;
  bottom: auto;
  z-index: -1;
  width: 7vw;
  height: 7vw;
  background-image: url('../images/package-puff-puff_.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.contact-samosa {
  position: absolute;
  left: -8%;
  top: auto;
  right: auto;
  bottom: 3.5vw;
  z-index: -1;
  width: 7vw;
  height: 7vw;
  background-image: url('../images/blur-samosa-png.png');
  background-position: 0% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.select-packages {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 50px;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 7px;
  background-color: #8cc740;
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
}

.select-packages.w--current {
  -webkit-transition-property: none;
  transition-property: none;
}

.select-arrow {
  width: 30px;
  height: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/right-arrow-white.svg');
  background-position: 50% 50%;
  background-size: 45%;
  background-repeat: no-repeat;
}

.customize-tray-counter-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.customize-tray-fixed-number {
  overflow: hidden;
  margin-bottom: 1vw;
}

.home-nav {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 11;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3.5vw;
  padding-right: 7vw;
  padding-left: 7vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
}

.nav-flex {
  position: absolute;
  left: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 60px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-transform: translate(-50%, 0px);
  -ms-transform: translate(-50%, 0px);
  transform: translate(-50%, 0px);
}

.nav-flex.inner {
  padding-right: 50px;
}

.nav-link {
  margin-left: 60px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  color: #000;
}

.nav-link:hover {
  color: #a5854f;
}

.nav-link.inner {
  margin-left: 50px;
}

.nav-link.inner.w--current {
  color: #8cc740;
}

.home-nav-logo {
  width: 14vw;
  height: 2vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/logo.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.inner-pages-nav {
  position: -webkit-sticky;
  position: sticky;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 200;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 5vw;
  padding-left: 5vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
}

.inner-pages-logo {
  width: 15vw;
  height: 11vh;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/logo.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.button-and-cart-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.nav-cart {
  position: relative;
  width: 3vw;
  height: 3vw;
  max-height: 32.125px;
  max-width: 32.125px;
  margin-left: 20px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('../images/cart-icon-brown.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.drinks-pop-up {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 300;
  display: none;
  overflow: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.9);
}

.drinks-pop-up.edit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.pop-up-close {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.drinks-wrapper {
  position: relative;
  z-index: 1;
  padding: 4vw;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  border-radius: 6px;
  background-color: #faf8f5;
}

.drinks-heading {
  margin-bottom: 2vw;
  font-family: Futuralt, sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 23px;
}

.drinks-heading.drink-name {
  margin-bottom: 0vw;
}

.drinks-wrapper-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
}

.drink-and-counter-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.drinks {
  width: 7vw;
  height: 10vw;
  max-height: 107.09375px;
  max-width: 74.96875px;
  margin-right: 1vw;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.drinks.coke {
  background-image: url('../images/coke-bottles.png');
}

.drinks.fanta {
  background-image: url('../images/fanta-bottles.png');
}

.drinks.sprite {
  background-image: url('../images/sprite-bottles.png');
}

.drink-name-and-check-box-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.radio-button-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: 18px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.radio-button-field {
  margin-bottom: 0px;
  margin-left: 13px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: Futuralt, sans-serif;
  color: #a5854f;
}

.radio-button-field.first {
  margin-left: 0px;
}

.radio-button-circle {
  width: 17px;
  height: 17px;
  border-color: #a5854f;
}

.radio-button-circle.w--redirected-checked {
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  background-image: url('../images/tick-icon-brown.svg');
  background-position: 50% 50%;
  background-size: 60%;
  background-repeat: no-repeat;
  box-shadow: 0 0 0 0 #000;
}

.radio-button-circle.w--redirected-focus {
  box-shadow: 0 0 0 0 #3898ec;
}

.drink-form {
  padding-right: 20vw;
}

.cart-number-indicator {
  position: absolute;
  left: auto;
  top: -30%;
  right: -45%;
  bottom: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 24px;
  height: 24px;
  padding: 10px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50px;
  background-color: #8cc740;
  font-family: Futuralt, sans-serif;
  color: #fff;
  font-size: 12px;
  line-height: 20px;
}

.lotti {
  width: 100%;
}

.treat-pack-and-name-parent {
  width: 32%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.treat-pack-and-name-parent.first {
  margin-left: 5vw;
}

.name-of-treat-pack {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 15px;
  padding-bottom: 15px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Lexenddeca, sans-serif;
  color: #000;
  font-size: 18px;
  font-weight: 300;
}

.copyrigth-block {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10vw;
  margin-bottom: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.copyright-text {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-family: Montserrat, sans-serif;
  color: #000;
  font-size: 12px;
  font-weight: 500;
}

.site-credit {
  position: absolute;
  left: auto;
  top: auto;
  right: 5vw;
  bottom: 4.6vw;
  margin-left: 10px;
}

.header-pepper {
  position: absolute;
  left: 10vw;
  top: 15vw;
  display: none;
  width: 7vw;
  height: 7vw;
  background-image: url('../images/pepper-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.faded-out-samosa {
  position: absolute;
  left: 10vw;
  top: 15vw;
  width: 15vw;
  height: 15vw;
  background-image: url('../images/blur-samosa-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.faded-out-leaf-on-header {
  position: absolute;
  left: 0%;
  top: 27.8vw;
  right: auto;
  bottom: 0%;
  width: 11vw;
  height: 17vw;
  background-image: url('../images/leaf-png.png');
  background-position: 70% 50%;
  background-size: 160%;
  background-repeat: no-repeat;
}

.header-wings {
  position: absolute;
  left: 15vw;
  top: 30vw;
  display: none;
  width: 15vw;
  height: 25vw;
  background-image: url('../images/chicken-wings-png.png');
  background-position: 50% 50%;
  background-size: 90%;
  background-repeat: no-repeat;
}

.header-puff-puff {
  position: absolute;
  left: 73vw;
  top: 35vw;
  width: 10vw;
  height: 10vw;
  background-image: url('../images/puff-puff-png2x.png');
  background-position: 50% 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}

.header-drumstick {
  position: absolute;
  top: 10.9vw;
  right: 8vw;
  display: none;
  width: 20vw;
  height: 20vw;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  background-image: url('../images/chicken-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.small-header-onions {
  width: 7vw;
  height: 7vw;
  margin-top: 2vw;
  background-image: url('../images/yellow-pepper-png2x.png');
  background-position: 50% 50%;
  background-size: 170%;
  background-repeat: no-repeat;
}

.blurred-out-header-drumstick {
  position: absolute;
  top: 30vw;
  right: -12vw;
  width: 30vw;
  height: 10vw;
  background-image: url('../images/chicken-blur-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.footer-link {
  font-family: Lexenddeca, sans-serif;
  color: #000;
  font-size: 1.25vw;
  font-weight: 300;
}

.footer-link:hover {
  color: #a5854f;
}

.mobile-nav-wrapper {
  display: none;
}

.menu-button {
  position: relative;
  z-index: 1;
  display: none;
  width: 5vw;
  padding-top: 5px;
  padding-bottom: 5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
  cursor: pointer;
}

.menu-line {
  width: 100%;
  height: 4px;
  background-color: #1d3b2d;
}

.mid-menu-line {
  width: 70%;
  height: 4px;
  margin-top: 5px;
  margin-bottom: 5px;
  background-color: #1d3b2d;
}

.sign-in-wrapper {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 200;
  display: none;
  overflow: auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: hsla(0, 0%, 100%, 0.9);
}

.sign-in-wrapper.edit {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.sign-in-block {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 90vh;
  padding: 30px 50px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  border-radius: 7px;
  background-color: #faf8f5;
}

.sign-in-subtext {
  margin-top: 10px;
  margin-bottom: 20px;
  font-family: Futuralt, sans-serif;
  color: rgba(0, 0, 0, 0.3);
  font-size: 18px;
  line-height: 30px;
}

.sign-in-form {
  margin-top: 20px;
}

.top-margin-big {
  margin-top: 30px;
}

.top-margin-big.full {
  width: 100%;
}

.sign-in-dish-picture {
  width: 20vw;
  height: 20vw;
  margin-top: -50px;
  margin-right: -50px;
  margin-left: 50px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.sign-up-call-out-block {
  margin-top: 10px;
  font-family: Futuralt, sans-serif;
  color: #000;
  font-size: 18px;
  line-height: 30px;
}

.sign-up-call-out-block.hide {
  display: none;
}

.sign-up-call-out {
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  color: #a5854f;
  cursor: pointer;
}

.sign-up-call-out:hover {
  color: #8cc740;
}

.sign-up-block {
  display: block;
  width: 50vw;
  max-width: 535.5px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.sign-in-form-field-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 30vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.close-nav-block-2 {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 45px;
  margin-top: 30px;
  margin-right: 50px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  cursor: pointer;
}

.close-nav-block-2:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
}

.close-nav-2 {
  width: 2px;
  height: 45px;
  background-color: #a5854f;
}

.close-nav-2.left {
  -webkit-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  transform: rotate(40deg);
}

.close-nav-2.right {
  -webkit-transform: rotate(-43deg);
  -ms-transform: rotate(-43deg);
  transform: rotate(-43deg);
}

.display-none-desktop {
  display: none;
}

.lone-chip {
  position: absolute;
  left: 61vw;
  top: 41.6vw;
  z-index: 1;
  width: 13vw;
  height: 15vw;
  background-image: url('../images/fries-blur-png.png');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.home-content {
  position: absolute;
  top: 0px;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: auto;
  margin-left: auto;
  padding-top: 22vh;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.slider {
  height: 89vh;
  background-color: #fff;
}

.slider.hide {
  display: none;
}

.slider-arrow {
  z-index: 10;
  display: block;
  width: 4vw;
  height: 4vw;
  background-color: #eee7dd;
  background-image: url('../images/right-arrow-brown.svg');
  background-position: 50% 50%;
  background-size: 33%;
  background-repeat: no-repeat;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  color: #eee7dd;
}

.slider-arrow:hover {
  background-color: #3c2415;
}

.slider-arrow.top {
  position: relative;
  z-index: 10;
  margin-top: -58vh;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.slider-arrow.bottom {
  position: relative;
  border-top-right-radius: 7px;
  border-bottom-right-radius: 7px;
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.slide-nav-hide {
  display: none;
}

.package-wrapper {
  width: 50%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  background-color: #f6f3ed;
}

.content-bg {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.product-parent {
  overflow: hidden;
  margin-top: 10vw;
}

.link-copy-notification {
  position: fixed;
  left: 50%;
  bottom: 30px;
  z-index: 50;
  width: 360px;
  margin-bottom: 1px;
  margin-left: -180px;
  padding: 9px 11px 9px 13px;
  border-radius: 5px;
  background-image: -webkit-gradient(linear, left top, right top, from(#8cc740), color-stop(0%, #8cc740), to(rgba(140, 199, 64, 0.5)));
  background-image: linear-gradient(90deg, #8cc740, #8cc740 0%, rgba(140, 199, 64, 0.5));
  box-shadow: 0 19px 23px -10px rgba(0, 0, 0, 0.15);
  font-family: Futuralt, sans-serif;
  color: #fff;
  text-align: center;
}

.package-name-block {
  width: 38vw;
}

.icon {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 0px 0px;
  background-size: 125px;
  white-space: normal;
}

.checkout-overlay-prompt {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 5vw;
  padding-bottom: 5vw;
  padding-left: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(rgba(0, 0, 0, 0.8)));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8));
}

.checkout-overlay-prompt.edit {
  display: none;
}

.sign-in-and-sign-up-block {
  margin-top: 10vw;
  margin-bottom: 5vw;
  color: #fff;
}

.call-sign-in-block {
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  color: #a5854f;
  cursor: pointer;
}

.call-sign-in-block:hover {
  color: #8cc740;
}

.cart-field {
  margin-bottom: 20px;
  font-family: Futuralt, sans-serif;
  color: #a5854f;
  font-size: 2.2vw;
  font-weight: 400;
}

.sign-in-trigger {
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  color: #a5854f;
  cursor: pointer;
}

.sign-in-trigger:hover {
  color: #8cc740;
}

.cursor-img {
  display: none;
  width: 60px;
  height: 70px;
  background-image: none;
  background-size: auto;
  background-repeat: repeat;
}

.dropdown-input {
  min-height: 50px;
  border-radius: 7px;
  background-color: #fff;
  font-family: Lexenddeca, sans-serif;
  color: #a5854f;
  font-size: 1.3vw;
  line-height: 2vw;
  font-weight: 500;
}

.dropdown-input.cart-page {
  font-weight: 300;
}

.dropdown-input.cart-page:active {
  border: 1px none #000;
}

.dropdown-input.cart-page:focus {
  border: 1px none #000;
}

.dropdown-input.cart-page.black-font {
  color: #000;
}

.delivery-info-demactaion-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 2vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Lexenddeca, sans-serif;
  color: #000;
  text-transform: uppercase;
}

.delivery-demarcation-line {
  height: 1px;
  margin-left: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #a98165;
}

.user-info-checkbox {
  width: 17px;
  height: 17px;
  margin-top: 0px;
  margin-right: 10px;
  border-style: none;
  background-color: #a5854f;
}

.user-info-checkbox.w--redirected-checked {
  border-style: none;
  border-color: #a5854f;
  background-color: #a5854f;
  background-size: 70%;
  box-shadow: 0 0 3px 0 #a5854f;
}

.user-info-checkbox.w--redirected-focus {
  box-shadow: 0 0 3px 1px #a5854f;
}

.user-info-checkbox-label {
  font-family: 'Futuralt book', sans-serif;
  color: #fff;
  font-weight: 400;
}

.user-info-checkbox-label.black-text {
  font-family: Lexenddeca, sans-serif;
  color: #000;
}

.user-info-check-box {
  margin-bottom: 20px;
}

.sign-in-prompt {
  margin-bottom: 30px;
  font-family: Lexenddeca, sans-serif;
  color: #fff;
  font-size: 15px;
  line-height: 25px;
  font-weight: 400;
}

.sign-in-prompt-text {
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  color: #3a8b23;
  cursor: pointer;
}

.sign-in-prompt-text:hover {
  color: #8cc740;
}

.user-info-checkbox-parent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.user-info-checkbox-parent:focus {
  box-shadow: 0 0 3px 0 #000;
}

.sign-in-and-sign-up-container {
  overflow: auto;
  height: 100%;
  margin-right: -21px;
  padding-right: 43px;
}

.overflow-line-cover {
  position: relative;
  z-index: 1;
  width: 22px;
  background-color: #faf8f5;
}

.checkout-form-inner {
  overflow: auto;
  width: 100%;
  margin-top: 2vw;
}

.container-wrapper {
  position: relative;
  height: 100vh;
}

.content-inner-wrapper {
  overflow: auto;
  height: 61vh;
  padding-bottom: 16vh;
}

.button-wrapper-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.button-divider-div {
  width: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.button-and-input-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.validate-coupon {
  margin-left: 10px;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  cursor: pointer;
}

.validate-coupon:hover {
  color: #a5854f;
}

.coupon-input-and-validate-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.form-label-2 {
  font-family: Montserrat, sans-serif;
  color: #fff;
  font-size: 1.3vw;
  line-height: 2vw;
  font-weight: 500;
}

.form-text-input-2 {
  min-height: 50px;
  border-radius: 7px;
  font-family: Futuralt, sans-serif;
  color: #000;
  font-size: 1.3vw;
  line-height: 2vw;
  font-weight: 400;
}

.form-text-input-2:hover {
  border: 1px none #000;
}

.form-text-input-2:active {
  border-style: none;
}

.form-text-input-2:focus {
  border: 1px none #000;
}

.coupon {
  margin-left: 10px;
}

.coupon.off {
  margin-left: 5px;
  font-family: Futuralt, sans-serif;
  color: rgba(0, 0, 0, 0.3);
}

.coupon-value-flex {
  display: block;
  width: auto;
  margin-bottom: 10px;
  margin-left: 5px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.no-bottom-margin {
  margin-bottom: 0px;
}

.edit-info-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 20px;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  font-family: Lexenddeca, sans-serif;
  color: #a5854f;
  font-size: 19px;
  line-height: 30px;
  cursor: pointer;
}

.edit-info-flex:hover {
  -webkit-transform: translate(-10px, 0px);
  -ms-transform: translate(-10px, 0px);
  transform: translate(-10px, 0px);
}

.edit-info-flex.w--current {
  font-family: Lexenddeca, sans-serif;
  font-size: 15px;
  font-weight: 400;
}

.back-arrow {
  width: 20px;
  height: 20px;
  margin-right: 10px;
  background-image: url('../images/right-arrow-brown.svg');
  background-position: 50% 50%;
  background-size: 70%;
  background-repeat: no-repeat;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.total-price.page-total {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Lexenddeca, sans-serif;
  color: #a5854f;
  font-size: 16px;
  line-height: 16px;
  font-weight: 400;
}

.flex-checkout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.margin-right {
  text-align: right;
}

.deleted {
  display: none;
}

.scroll-sideways {
  z-index: 11;
  width: 11vw;
  margin-top: -30px;
  padding: 10px 20px 10px 16px;
  border-top-right-radius: 70px;
  border-bottom-right-radius: 70px;
  background-color: #8cc740;
  font-family: Lexenddeca, sans-serif;
  color: #fff;
  font-size: 13px;
}

.package-description-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  padding-right: 10px;
  padding-left: 10px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Lexenddeca, sans-serif;
  color: #a5854f;
  font-size: 1.2vw;
  line-height: 2vw;
  font-weight: 300;
}

.package-image-and-desc-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.package-image-and-desc-block.first {
  margin-left: 11vw;
}

.empty-state {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0.5;
}

.empty-stage-image {
  width: 70%;
  height: 20vw;
  margin-bottom: 20px;
  background-image: url('../images/cart-icon-brown.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.package-description-wrapper {
  height: 42px;
}

.suggest-area {
  overflow: hidden;
  color: #000;
}

.field-label {
  font-family: Lexenddeca, sans-serif;
  font-weight: 300;
}

.suggest-area-trigger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-family: Lexenddeca, sans-serif;
  color: #3c2415;
  font-size: 14px;
  font-weight: 300;
  cursor: pointer;
}

.add-to-cart-tag {
  margin-left: 15px;
  padding: 10px 20px;
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  border-radius: 6px;
  -webkit-transition: all 400ms ease-in-out;
  transition: all 400ms ease-in-out;
  color: #a5854f;
  font-size: 12px;
  line-height: 14px;
  font-weight: 300;
}

.add-to-cart-tag:hover {
  background-color: rgba(165, 133, 79, 0.2);
}

.social-media-float {
  position: -webkit-sticky;
  position: sticky;
  top: 25vh;
  z-index: 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 70px;
  max-width: 7vw;
  margin-top: 75px;
  margin-bottom: -235px;
  padding: 15px 15px 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-style: solid solid solid none;
  border-width: 1px;
  border-color: #a5854f;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  font-family: Montserrat, sans-serif;
  color: #a5854f;
  font-size: 10px;
  line-height: 17px;
  font-weight: 600;
  text-transform: uppercase;
}

.overflow-hidden {
  overflow: hidden;
}

.terms-block {
  padding-top: 50px;
  padding-right: 15vw;
  padding-left: 15vw;
}

.dashboard-parent {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 100vh;
  padding-top: 5vw;
  padding-right: 5vw;
  padding-left: 4vw;
  background-image: url('../images/fries-blur-png.png'), url('../images/Fries.png'), url('../images/chicken-blur-png.png'), url('../images/Onion.png'), url('../images/chicken-png.png'), url('../images/Pepper.png'), url('../images/blur-samosa-png.png'), url('../images/Tomato.png'), url('../images/leaf-png.png'), radial-gradient(circle farthest-corner at 50% 50%, hsla(0, 0%, 100%, 0.2) 14%, rgba(165, 133, 79, 0.3));
  background-position: 95% 106%, 106% 100%, 110% 14vw, 102% -5vw, 97% -1vw, 3vw 98%, 10vw 120%, 25vw -4vw, -16vw -12vw, 0px 0px;
  background-size: 125px, 10vw, 15vw, 13vw, 14vw, 10vw, 18vw, 7vw, 30vw, auto;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  background-attachment: scroll, scroll, fixed, fixed, fixed, scroll, scroll, fixed, fixed, scroll;
}

.dash-sidebar {
  position: -webkit-sticky;
  position: sticky;
  top: 5vw;
  max-height: 80vh;
  margin-right: 30px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.dash-title-block {
  position: -webkit-sticky;
  position: sticky;
  top: -15px;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 108px;
  margin-bottom: 20px;
  padding-right: 30px;
  padding-left: 30px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 15px;
  background-color: #a5854f;
  color: #fff;
}

.dash-title-block.logo {
  position: static;
  background-color: transparent;
  background-image: url('../images/logo.svg');
  background-position: 50% 50%;
  background-size: 80%;
  background-repeat: no-repeat;
}

.dash-content-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 5vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.profile-icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 50%;
  background-color: #3c2415;
  font-family: Futuralt, sans-serif;
  font-size: 20px;
  font-weight: 700;
}

.profile-icon-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.dash-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 30px 10px 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  border-radius: 10px;
  font-family: Lexenddeca, sans-serif;
  color: #3c2415;
  font-size: 15px;
  font-weight: 300;
}

.dash-link:hover {
  background-color: rgba(165, 133, 79, 0.2);
}

.dash-link.w--current {
  border-color: #fff;
  background-color: #fff;
}

.dash-link.logout {
  min-height: 50px;
  padding-left: 20px;
  border-color: #fff;
  color: #fff;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.dash-link.logout:hover {
  background-color: hsla(0, 0%, 100%, 0.2);
}

.dash-content {
  padding: 30px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 15px;
  background-color: #fff;
}

.dash-link-icon {
  width: 50px;
  height: 40px;
  margin-right: 2vw;
  border-radius: 5px;
  background-color: #a5854f;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: 45%;
  background-repeat: no-repeat;
}

.dash-link-icon.overview {
  background-image: url('../images/icon-account-overview.svg');
}

.dash-link-icon.address {
  background-image: url('../images/icon-addresses.svg');
}

.dash-link-icon.orders {
  background-image: url('../images/icon-my-orders.svg');
}

.dash-link-icon.password {
  background-image: url('../images/icon-change-password.svg');
}

.logout-icon {
  width: 30px;
  height: 30px;
  margin-right: 15px;
  background-image: url('../images/icon-logout.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.dash-content-inner {
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  border-radius: 8px;
}

.dash-content-inner.new {
  margin-bottom: 20px;
  padding: 45px 192px 45px 40px;
  border-style: none;
  background-color: rgba(165, 133, 79, 0.3);
  background-image: url('../images/Signup-Image-Lockup-compressor.png');
  background-position: 100% 0%;
  background-size: contain;
  background-repeat: no-repeat;
}

.dash-subtitle-block {
  margin-bottom: 20px;
  padding: 11px 40px;
  background-color: rgba(165, 133, 79, 0.1);
  color: #a5854f;
}

.dash-block {
  padding-right: 30px;
  padding-bottom: 15px;
  padding-left: 30px;
}

.dash-field-label {
  margin-bottom: 8px;
  font-family: Lexenddeca, sans-serif;
  font-size: 13px;
  font-weight: 400;
}

.dash-text-field {
  height: 45px;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(165, 133, 79, 0.2);
  border-radius: 5px;
  background-color: rgba(165, 133, 79, 0.1);
  font-family: Lexenddeca, sans-serif;
  font-size: 15px;
}

.dash-text-field.text-area {
  height: 128px;
}

.dash-button {
  height: 45px;
  min-width: 130px;
  border-radius: 5px;
  background-color: #a5854f;
  font-family: Lexenddeca, sans-serif;
  text-align: center;
  letter-spacing: 0.2px;
}

.dash-button.small {
  height: 30px;
  min-width: 0px;
  margin-top: 9px;
  padding: 4px 0.6vw;
  border-style: solid;
  border-width: 1px;
  border-color: #a5854f;
  background-color: transparent;
  color: #a5854f;
  font-size: 13px;
}

.dash-button-float {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 72px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.info-icon {
  position: absolute;
  left: auto;
  top: 0%;
  right: 0%;
  bottom: auto;
  width: 20px;
  height: 20px;
  background-image: url('../images/info-icon.svg');
  background-position: 0px 0px;
  background-size: contain;
  background-repeat: no-repeat;
  cursor: pointer;
}

.dash-profile-name {
  font-family: Lexenddeca, sans-serif;
  font-size: 2.2vw;
  line-height: 2.5vw;
  font-weight: 700;
}

.dash-order-wrapper {
  padding-right: 15px;
  padding-left: 15px;
}

.order-divider {
  height: 1px;
  margin-top: 10px;
  margin-bottom: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: #a5854f;
}

.order-divider.view-more {
  margin-top: 22px;
  margin-left: 2vw;
}

.order-divider.opacity50 {
  opacity: 0.5;
}

.dash-order-block {
  margin-top: 10px;
  margin-bottom: 10px;
  border-right: 1px solid rgba(165, 133, 79, 0.3);
  font-family: Lexenddeca, sans-serif;
  color: #3c2415;
  font-size: 20px;
  line-height: 22px;
}

.dash-order-block.last {
  border-right-style: none;
}

.dash-order-block.small-text {
  font-size: 15px;
  text-transform: capitalize;
}

.order-image-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 7.5vw;
  height: 62px;
  padding-right: 5px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-right: 1px solid rgba(165, 133, 79, 0.3);
}

.order-image-wrapper.demo-item {
  background-image: url('../images/placeholder-plate.png');
}

.view-more-details {
  position: -webkit-sticky;
  position: sticky;
  top: 92px;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 15px;
  padding-bottom: 15px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(165, 133, 79, 0.1)), to(rgba(165, 133, 79, 0.1)));
  background-image: linear-gradient(180deg, rgba(165, 133, 79, 0.1), rgba(165, 133, 79, 0.1));
}

.more-details {
  overflow: hidden;
}

.view-more-inner {
  padding-right: 18px;
  background-image: url('../images/arrow-down.svg');
  background-position: 100% 50%;
  background-size: auto 6px;
  background-repeat: no-repeat;
}

.view-more-inner.less {
  background-image: url('../images/arrow-up.svg');
}

.view-more-inner.empty {
  width: 90px;
}

.more-details-block {
  margin-top: 15px;
}

.orange-text {
  color: #c54c00;
}

.info-content {
  padding: 10px 30px 10px 15px;
}

.close-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 5px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #a5854f;
  color: #a5854f;
}

.lose-icon {
  width: 12px;
  height: 12px;
  background-image: url('../images/close-icon.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.sticky-sign-up-block {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0px;
  z-index: 1;
  margin-right: -2px;
  margin-left: -2px;
  padding-right: 2px;
  padding-left: 2px;
  border-top: 1px solid #a5854f;
  background-color: #faf8f5;
}

.counter-and-name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.total-text {
  margin-bottom: 5px;
}

.build-inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.build-counter-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.build-counter-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1vw;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  font-size: 1.2vw;
  line-height: 1.4vw;
}

.build-name {
  width: 8vw;
  margin-right: 1vw;
}

.dark-brown-text {
  color: #664f3c;
}

.share-pack-popup {
  position: fixed;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  padding-top: 6vw;
  padding-bottom: 6vw;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.55);
  font-family: Lexenddeca, sans-serif;
}

.share-content {
  width: 50%;
  min-height: 73vh;
  padding: 3vw 3.8vw 3vw 4.5vw;
  background-color: #f6f2f0;
  background-image: url('../images/Group-63.svg');
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.share-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-top: 3vw;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-image: url('../images/Group-1.svg');
  background-position: 50% 100%;
  background-size: contain;
  background-repeat: no-repeat;
}

.green-background {
  background-color: #73c43d;
}

.block-title {
  font-size: 22px;
  line-height: 36px;
}

.light-brown-text {
  color: #a98165;
}

.block-text {
  font-size: 17px;
  line-height: 29px;
  font-weight: 300;
}

.block-head-text {
  margin-bottom: 5px;
  font-family: 'Arkipelago 1', sans-serif;
  font-size: 3vw;
  line-height: 66px;
}

.block-title-margin {
  margin-bottom: 4vw;
}

.share-logo {
  width: 9vw;
  height: 5vw;
  background-image: url('../images/vertical.svg');
  background-position: 50% 50%;
  background-size: contain;
  background-repeat: no-repeat;
}

.share-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.share-line {
  width: 1px;
  height: 7vw;
  margin-top: 1.5vw;
  margin-bottom: 2vw;
  background-color: #3a8b23;
}

.social-media-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 235px;
  margin-top: 2vw;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.social-media-link {
  width: 51px;
  height: 51px;
  border: 1px solid #fff;
  border-radius: 50%;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50% 50%;
  background-size: auto;
  background-repeat: no-repeat;
}

.social-media-link:hover {
  border-color: #3a8b23;
}

.social-media-link.instagram {
  background-image: url('../images/instagram_1.svg');
  background-size: 18px 18px;
}

.social-media-link.twitter {
  background-image: url('../images/twitter-1.svg');
  background-size: 22px 18px;
}

.social-media-link.facebook {
  background-image: url('../images/facebook-1.svg');
  background-size: 11px 20.5px;
}

.social-media-link.linkedin {
  background-image: url('../images/linkedin-1.svg');
  background-size: 20.47px 20.27px;
}

.close-block {
  position: absolute;
  top: 5vw;
  right: 5vw;
  width: 3.4vw;
  height: 3.4vw;
  background-image: url('../images/close.svg');
  background-position: 50% 50%;
  background-size: cover;
  background-repeat: no-repeat;
}

.share-pack-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 75%;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 48px;
    line-height: 56px;
  }

  h2 {
    font-size: 45px;
    line-height: 50px;
  }

  h3 {
    font-size: 30px;
    line-height: 35px;
  }

  h4 {
    font-size: 22px;
    line-height: 25px;
  }

  h5 {
    font-size: 15px;
    line-height: 20px;
  }

  h6 {
    font-size: 13px;
    line-height: 20px;
  }

  p {
    font-size: 17px;
    line-height: 25px;
  }

  .hero-text-block {
    width: 500px;
  }

  .hero-sub-text {
    max-width: 350px;
  }

  .snack-counter.header-mobile {
    min-width: 398px;
  }

  .snack-counter.vertical-mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .price-tag-block.small.corporate-page {
    min-width: 70px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .price-tag-block.packages {
    padding-right: 20px;
    font-size: 17px;
    line-height: 20px;
  }

  .counter-flex.full.mobile-top-border {
    border-top: 1px solid rgba(165, 133, 79, 0.4);
  }

  .plus-icon {
    padding-right: 0.7vw;
    padding-left: 0.7vw;
  }

  .plus-icon.faded-border {
    min-width: 50px;
  }

  .count-number.small {
    padding-right: 1.5vw;
    padding-left: 1.5vw;
  }

  .count-number.small.custom.count-number-expand {
    min-width: 37px;
  }

  .count-number.packages {
    font-size: 18px;
    line-height: 20px;
  }

  .minus-icon {
    padding-right: 0.7vw;
    padding-left: 0.7vw;
  }

  .minus-icon.custom.left-border {
    border-left-style: none;
  }

  .minus-icon.faded-border {
    min-width: 50px;
  }

  .counter-icon-block.small {
    width: 10px;
  }

  .snack-counter-action-button.homepage.header {
    width: 40px;
  }

  .snack-counter-action-button.packages {
    width: 50px;
  }

  .treat-package-container {
    padding-right: 0vw;
  }

  .treat-package-callout-flex {
    margin-bottom: 7vw;
  }

  .treat-package-callout {
    width: 300px;
  }

  .big-center-bowl {
    left: -6%;
  }

  .medium-sized-bowl-of-chips {
    right: 13vw;
  }

  .treat-package-heading-and-line-flex {
    margin-right: 7vw;
  }

  .treat-packages-flex {
    overflow: auto;
    margin-left: -7vw;
    padding-left: 7vw;
  }

  .treat-package {
    height: 28vw;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .all-packages-header {
    position: relative;
    z-index: 1;
    width: 450px;
  }

  .package-side-scroll-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .package-scroll {
    overflow: hidden;
  }

  .all-packages-flex {
    overflow: auto;
  }

  .button {
    font-size: 13px;
    line-height: 20px;
  }

  .consistency-wrapper {
    padding-right: 5vw;
    padding-left: 0vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .consistency-text-block {
    max-width: 40vw;
  }

  .coperate-and-event-image {
    height: 20vw;
  }

  .event {
    width: 50%;
  }

  .small-paragraph {
    font-size: 13px;
    line-height: 20px;
  }

  .main-footer {
    padding-left: 5vw;
  }

  .whatsapp-prompt.call {
    position: static;
  }

  .pack-on-platform {
    bottom: -5%;
  }

  .blurred-out-samosa {
    top: -16%;
  }

  .package-description.corporate {
    padding: 4vw;
  }

  .package-content.event {
    padding-right: 5vw;
    padding-left: 5vw;
  }

  .package-content.packages-full {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .package-name {
    font-size: 12px;
    line-height: 20px;
  }

  .package-image {
    margin-top: 6vw;
  }

  .package-snack-counter-block {
    height: 60px;
    max-width: none;
  }

  .content-flex-wrapper.events {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .content-snack-block {
    margin-right: 0px;
  }

  .line.opacity-0.show-on-tab {
    opacity: 1;
  }

  .snack-name {
    width: 25vw;
    font-size: 17px;
    line-height: 25px;
  }

  .snack-name.checkout-customize-prompt {
    width: 51%;
    margin-bottom: 10px;
    font-size: 15px;
  }

  .snack-name.small {
    max-width: 12vw;
  }

  .snack-name.packages-page {
    width: 13vw;
  }

  .checkout-prompt-block.events {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .snack-and-drink-wrapper {
    margin-right: 0vw;
    margin-left: 0vw;
  }

  .random-vegetable-block {
    left: 0%;
    top: 41%;
  }

  .form-input-parent.full.right-margin {
    min-width: 40%;
  }

  .form-label {
    font-size: 13px;
    line-height: 20px;
    text-align: left;
  }

  .form-text-input {
    font-size: 13px;
    line-height: 20px;
  }

  .form-text-input.cart-page {
    font-size: 13px;
    line-height: 20px;
  }

  .form-text-input.cart-page.big.sign-in {
    font-size: 13px;
    line-height: 20px;
  }

  .package-image-block {
    height: 70px;
    min-width: 100px;
  }

  .cart {
    overflow: auto;
  }

  .checkout {
    width: 49%;
    padding-right: 2.5vw;
    padding-left: 2.5vw;
  }

  .item-details-and-number {
    margin-right: 2vw;
    padding-right: 3vw;
  }

  .payment-tab-link {
    font-size: 1.6vw;
  }

  .payment-tab-indicator-circle {
    width: 1.7vw;
    height: 1.7vw;
  }

  .payment-block {
    margin-bottom: 30px;
  }

  .payment-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .account-name {
    font-size: 12px;
    line-height: 20px;
  }

  .account-credentials {
    font-size: 18px;
    line-height: 20px;
  }

  .subscription-details-heading {
    font-size: 17px;
    line-height: 20px;
  }

  .subscription-cost-block {
    font-size: 25px;
    line-height: 30px;
  }

  .subscription-option-wrapper {
    margin-top: 5%;
    margin-right: 5vw;
  }

  .option {
    width: 63%;
  }

  .option-content {
    width: 100%;
  }

  .option-content-heading {
    font-size: 12px;
    line-height: 16px;
  }

  .contact-image {
    z-index: 0;
  }

  .contact-heading {
    font-size: 12px;
    line-height: 20px;
  }

  .contact-details {
    font-size: 17px;
    line-height: 24px;
  }

  .social-media-icon {
    width: 20px;
    height: 20px;
  }

  .social-media-icon.youtube {
    background-position: 50% 100%;
  }

  .social-media-icon.float {
    margin-left: 5px;
  }

  .bottom-margin {
    margin-bottom: 20px;
  }

  .dummy-space-block {
    display: block;
    width: 2vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .text-wrap {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    white-space: break-spaces;
  }

  .small-package-sub-text {
    font-size: 15px;
  }

  .code {
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .cart-text.brown-text {
    margin-bottom: 2vw;
  }

  .relative {
    z-index: 1;
  }

  .home-nav {
    display: none;
  }

  .nav-link.inner {
    margin-right: 19px;
    margin-left: 19px;
  }

  .inner-pages-nav {
    z-index: 12;
    padding-left: 3vw;
  }

  .inner-pages-logo {
    width: 16vw;
  }

  .inner-pages-logo.mobile-nav {
    width: 20vw;
    height: 12vw;
    background-image: url('../images/smallchops-logo.svg');
  }

  .nav-cart {
    width: 30px;
    height: 30px;
    max-height: none;
    max-width: none;
  }

  .treat-pack-and-name-parent {
    width: 300px;
    margin-right: 25px;
  }

  .treat-pack-and-name-parent.first {
    margin-left: 7vw;
  }

  .name-of-treat-pack {
    font-size: 17px;
  }

  .header-pepper {
    left: 4.8vw;
    top: 19.1vw;
  }

  .faded-out-samosa {
    left: 10.8vw;
    top: 19.7vw;
  }

  .header-wings {
    left: 7.6vw;
    top: 51.9vw;
  }

  .header-puff-puff {
    left: 77vw;
    top: 48.8vw;
  }

  .blurred-out-header-drumstick {
    top: 35.7vw;
  }

  .footer-link {
    font-size: 14px;
  }

  .mobile-nav-wrapper {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: auto;
    z-index: 10;
    padding-right: 5vw;
    padding-bottom: 5vw;
    padding-left: 5vw;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #a5854f;
  }

  .nav-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .nav-links-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5vw;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .mobile-nav-links {
    margin-right: 20px;
    padding: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-family: Montserrat, sans-serif;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
  }

  .menu-button {
    width: 6vw;
  }

  .sign-in-block {
    height: 74vh;
  }

  .sign-up-block {
    width: 40vw;
  }

  .sign-in-form-field-wrapper {
    width: 40vw;
  }

  .display-none-desktop {
    display: block;
  }

  .home-content {
    padding-top: 15vh;
  }

  .package-name-block {
    width: auto;
  }

  .checkout-overlay-prompt {
    padding: 5vw;
  }

  .checkout-form-wrapper {
    width: 100%;
  }

  .cart-field {
    font-size: 22px;
    line-height: 30px;
  }

  .dropdown-input {
    font-size: 13px;
    line-height: 20px;
  }

  .sign-in-and-sign-up-container {
    margin-right: 0px;
    padding-right: 0px;
  }

  .overflow-line-cover {
    display: none;
  }

  .form-label-2 {
    font-size: 13px;
    line-height: 20px;
    text-align: left;
  }

  .form-text-input-2 {
    font-size: 13px;
    line-height: 20px;
  }

  .flex-checkout {
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .package-description-block {
    overflow: visible;
    opacity: 1;
    font-size: 12px;
    line-height: 20px;
  }

  .social-media-float {
    width: 65px;
    max-width: none;
    padding-left: 10px;
  }

  .dashboard-parent {
    background-position: 95% 106%, 106% 100%, 110% 14vw, 102% -5vw, 97% -1vw, 3vw 98%, 10vw 113%, 25vw -4vw, -16vw -12vw, 0px 0px;
  }

  .dash-sidebar {
    margin-right: 20px;
    margin-left: -10px;
  }

  .dash-title-block {
    padding-right: 20px;
    padding-left: 20px;
  }

  .dash-link {
    padding-right: 15px;
    font-size: 15px;
  }

  .dash-link.logout {
    padding-left: 10px;
  }

  .dash-content {
    padding: 20px;
  }

  .dash-link-icon {
    width: 40px;
    margin-right: 10px;
  }

  .dash-content-inner.new {
    padding-right: 100px;
    padding-left: 20px;
  }

  .dash-subtitle-block {
    padding-right: 20px;
    padding-left: 20px;
  }

  .dash-block {
    padding-right: 10px;
    padding-bottom: 1px;
    padding-left: 10px;
  }

  .dash-button.small {
    padding-right: 0.3vw;
    padding-left: 0.3vw;
  }

  .dash-profile-name {
    font-size: 18px;
    line-height: 20px;
  }

  .dash-order-wrapper {
    margin-right: -10px;
    margin-left: -10px;
    padding-right: 0px;
    padding-left: 0px;
  }

  .more-details {
    margin-right: -15px;
    margin-left: -15px;
  }

  .more-details-block {
    margin-right: -15px;
    margin-left: -15px;
  }

  .build-name {
    margin-right: 2vw;
    font-size: 1.5vw;
    line-height: 2vw;
  }

  .share-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5vw;
    padding-bottom: 10vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .share-block {
    padding-top: 5vw;
    padding-right: 3vw;
    padding-left: 3vw;
    text-align: center;
  }

  .share-block.green-background {
    padding-bottom: 10vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .block-title {
    line-height: 30px;
  }

  .block-head-text {
    font-size: 4vw;
  }

  .share-logo {
    width: 13vw;
    height: 7vw;
  }

  .share-line {
    height: 9vw;
    margin-top: 30px;
    margin-bottom: 32px;
  }

  .social-media-block {
    width: 180px;
  }

  .social-media-link {
    width: 35px;
    height: 35px;
  }

  .social-media-link.instagram {
    background-size: 15px 15px;
  }

  .social-media-link.twitter {
    background-size: 17px 15px;
  }

  .social-media-link.facebook {
    background-size: 8px 16px;
  }

  .social-media-link.linkedin {
    background-size: 15px 15px;
  }

  .close-block {
    right: 5vw;
  }

  .share-content-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .share-pack-block {
    width: 85%;
  }
}

@media screen and (max-width: 767px) {
  .home-header {
    height: 540px;
    max-height: none;
    min-height: 100vh;
  }

  .snack-counter.header-mobile {
    min-width: 350px;
  }

  .price-tag-block {
    font-size: 20px;
  }

  .price-tag-block.packages {
    font-size: 16px;
  }

  .counter-flex.full {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .plus-icon {
    padding-right: 7px;
    padding-left: 7px;
  }

  .plus-icon.custom {
    min-height: 0px;
  }

  .plus-icon.faded-border {
    padding-right: 13px;
    padding-left: 13px;
  }

  .count-number {
    font-size: 20px;
    line-height: 25px;
  }

  .count-number.small {
    padding-right: 14px;
    padding-left: 14px;
  }

  .count-number.packages {
    font-size: 16px;
  }

  .minus-icon {
    padding-right: 7px;
    padding-left: 7px;
  }

  .minus-icon.faded-border {
    padding-right: 13px;
    padding-left: 13px;
  }

  .header-counter {
    height: 60px;
  }

  .snack-counter-action-button.homepage.header {
    width: 40px;
  }

  .treat-package-container {
    padding-left: 0vw;
  }

  .treat-package-callout-flex {
    width: 100%;
    margin-left: 0vw;
    padding-right: 10vw;
    padding-left: 10vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .treat-package-callout {
    width: 70vw;
    min-width: 410px;
  }

  .treat-image {
    width: 80vw;
    height: 60vw;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .big-center-bowl {
    left: -10%;
    top: 6%;
  }

  .treat-packages-block {
    overflow: hidden;
    padding-left: 10vw;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .medium-sized-bowl-of-chips {
    right: 8vw;
    width: 30vw;
    height: 22vw;
  }

  .small-bowl-of-ketchup {
    right: 20.1vw;
    width: 15vw;
    height: 15vw;
  }

  .pepper {
    left: -1.2vw;
    width: 10vw;
    height: 10vw;
  }

  .treat-packages-flex {
    margin-bottom: -20px;
    margin-left: 0vw;
    padding-bottom: 23px;
    padding-left: 0vw;
  }

  .treat-package {
    height: 200px;
  }

  .all-packages-wrapper {
    margin-top: 32vw;
  }

  .all-packages-header {
    width: 410px;
  }

  .package {
    height: 180px;
    min-height: 180px;
  }

  .consistency-wrapper {
    padding-left: 5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .smallchops-cycle-wrapper {
    width: 70vw;
    height: 60vw;
    margin-bottom: 5vw;
    margin-left: -10vw;
  }

  .drumstick-lock {
    top: -1%;
    right: -21%;
    width: 60vw;
    height: 58vw;
  }

  .spring-roll {
    left: -19%;
    width: 60vw;
    height: 60vw;
  }

  .puff-puff {
    width: 60vw;
    height: 70vw;
  }

  .consistency-text-block {
    width: 80%;
    max-width: 450px;
    margin-right: auto;
    margin-left: auto;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .coperate-and-event-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .coperate-and-event-image {
    height: 150px;
    font-size: 21px;
    line-height: 30px;
  }

  .event {
    width: auto;
    margin-right: 0%;
    margin-bottom: 50px;
  }

  .event-and-coperate-sub-text {
    width: auto;
  }

  .event-and-coperate-sub-text.coperate-text {
    width: auto;
  }

  .main-footer {
    position: relative;
    margin-top: 5vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-content-and-nav-section {
    width: 60%;
    margin-top: 0vw;
    margin-bottom: 9.4vw;
  }

  .flex-footer {
    position: relative;
    z-index: 10;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .footer-logo {
    width: 60px;
    height: 90px;
    margin-bottom: 5vw;
    background-position: 0% 50%;
  }

  .footer-nav-block.first {
    margin-left: 0px;
  }

  .footer-link-block {
    margin-bottom: 20px;
  }

  .whatsapp-prompt {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 61px;
    z-index: 10;
    max-width: 403.22918701171875px;
    margin-right: 8vw;
    margin-left: 8vw;
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 7px;
    font-size: 14px;
    line-height: 20px;
  }

  .whatsapp-prompt.call {
    position: static;
    bottom: 193px;
    margin-right: 0vw;
    margin-left: 0vw;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  .ella {
    width: 40px;
    height: 40px;
  }

  .ella.call-icon {
    width: 20px;
    height: 20px;
  }

  .footer-bag-block {
    height: 290px;
    padding-bottom: 15vw;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .pack-on-platform {
    position: absolute;
    right: -30px;
    width: 230px;
    height: 390px;
    margin-top: -96px;
    -webkit-align-self: flex-end;
    -ms-flex-item-align: end;
    align-self: flex-end;
    background-position: 50% 100%;
  }

  .pack-on-platform.smaller {
    position: absolute;
    right: 11vw;
    bottom: auto;
    margin-top: -22px;
  }

  .blurred-out-samosa {
    left: 14%;
    top: -25%;
  }

  .spring-roll-floating {
    top: -24%;
    right: 2%;
  }

  .blurred-out-spring-roll {
    top: -21%;
    right: 25%;
    width: 23vw;
    height: 15vw;
  }

  .home-page-gradient-block {
    overflow: visible;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(165, 133, 79, 0.35)), color-stop(75%, hsla(0, 0%, 100%, 0.35)), color-stop(88%, rgba(165, 133, 79, 0.35)));
    background-image: linear-gradient(180deg, rgba(165, 133, 79, 0.35), hsla(0, 0%, 100%, 0.35) 75%, rgba(165, 133, 79, 0.35) 88%);
  }

  .lotti-animation-block {
    max-height: none;
  }

  .package-header-slider-wrapper {
    margin-top: 90px;
  }

  .package-slider-inner {
    height: auto;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .package-slider-inner.top {
    padding-top: 15vw;
  }

  .package-slider-inner.top.events {
    height: auto;
  }

  .package-slider-inner.top.coperate {
    display: block;
    height: auto;
    padding-top: 90px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .package-slider-inner.top.cart-and-checkout {
    height: auto;
    margin-top: 94.64px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .package-slider-inner.packages-vertical-flex {
    display: block;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .package-slider-inner.packages-vertical-flex.test {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
    height: 100%;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .package-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 50%;
    min-height: 100%;
    padding-right: 4vw;
    padding-left: 4vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 280px;
    -ms-flex: 1 0 280px;
    flex: 1 0 280px;
    text-align: center;
  }

  .package-description.events {
    position: relative;
    width: 100%;
    height: auto;
    min-height: 0px;
    padding-top: 60px;
    padding-right: 8vw;
    padding-left: 8vw;
  }

  .package-description.corporate {
    position: relative;
    width: 100%;
    height: auto;
    min-height: auto;
    padding-top: 60px;
    padding-right: 7vw;
    padding-left: 7vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .package-description.packages {
    position: relative;
    overflow: hidden;
    height: auto;
    min-height: 0px;
    padding-top: 100px;
    padding-bottom: 40px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .package-content {
    padding: 60px 7vw 6vw;
  }

  .package-content.corporate {
    overflow: visible;
    width: 100%;
    padding: 50px 5vw 0vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .package-content.event {
    overflow: visible;
    height: 100%;
    max-height: none;
    margin-bottom: 0px;
    padding-right: 7vw;
    padding-left: 7vw;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 280px;
    -ms-flex: 1 0 280px;
    flex: 1 0 280px;
  }

  .package-content.packages-full {
    position: static;
    overflow: visible;
    width: 100%;
    padding-top: 0px;
    padding-bottom: 0vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .package-content.packages-full.test {
    min-height: 100vh;
  }

  .package-content.events {
    overflow: visible;
    width: 100%;
    height: 50vh;
    padding-bottom: 0vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-image: url('../images/events-img.jpg'), -webkit-gradient(linear, left top, left bottom, from(transparent), to(transparent));
    background-image: url('../images/events-img.jpg'), linear-gradient(180deg, transparent, transparent);
    background-position: 50% 44%, 0px 0px;
  }

  .package-image {
    height: 170px;
    min-height: 0px;
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: 0vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .content-block {
    overflow: visible;
  }

  .content-block.test {
    height: auto;
  }

  .content-block.packages {
    overflow: visible;
  }

  .content-flex-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .content-flex-wrapper.events {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .content-inner-flex {
    min-width: 50%;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .content-inner-flex.dash {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .content-snack-block {
    min-height: 34.5px;
    min-width: 38.34375px;
  }

  .line.opacity-0 {
    opacity: 1;
  }

  .line.opacity-0.show {
    opacity: 1;
  }

  .snack-name {
    width: 78%;
  }

  .snack-name.checkout-customize-prompt {
    margin-bottom: 0px;
  }

  .snack-name.small {
    max-width: 100px;
  }

  .snack-name.packages-page {
    width: 47%;
    max-width: 150px;
  }

  .checkout-prompt-block {
    position: static;
    top: 0px;
    bottom: 260px;
    margin-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f6f3ed;
  }

  .checkout-prompt-block.events {
    top: auto;
    bottom: 0px;
    width: 100%;
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
    background-color: #f6eee0;
  }

  .checkout-prompt-block.test {
    position: absolute;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
  }

  .checkout-prompt-block.products {
    bottom: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .snack-and-drink-wrapper {
    position: relative;
    width: 56vw;
    min-width: 320px;
    margin-right: -3vw;
    margin-left: -3vw;
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .package-pepper {
    top: 50px;
    right: -7%;
    width: 100px;
    height: 80px;
  }

  .tomatoe-slice {
    left: -8%;
    width: 100px;
    height: 100px;
  }

  .random-vegetable-block {
    left: 0%;
    top: 38%;
    width: 90px;
    height: 100px;
  }

  .pepper-ring {
    width: 9vw;
    height: 10vw;
  }

  .events-form-wrapper {
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
  }

  .form-input-flex {
    margin-bottom: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .form-input-flex.coupon {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }

  .form-input-parent {
    width: auto;
    margin-bottom: 12px;
  }

  .form-input-parent.delivery-date {
    width: 100%;
  }

  .form-input-parent.full.no-bottom-margin-mobile {
    margin-bottom: 0px;
  }

  .event-overlay.content {
    position: absolute;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
  }

  .package-image-block {
    height: 80px;
    min-width: 130px;
  }

  .cart {
    position: static;
    overflow: visible;
    width: 100%;
    padding-top: 50px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .checkout {
    position: relative;
    overflow: visible;
    width: 100%;
    min-height: auto;
    padding-right: 8vw;
    padding-bottom: 13vw;
    padding-left: 8vw;
  }

  .left-margin {
    margin-left: 10vw;
  }

  .cart-item-flex {
    margin-top: 30px;
    margin-bottom: 30px;
    padding: 5vw 8vw;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .cart-item-flex.custom {
    padding-top: 5vw;
    padding-bottom: 5vw;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .item {
    width: 16vw;
    height: 16vw;
    margin-top: -14px;
    margin-bottom: -14px;
    margin-left: 5vw;
  }

  .small-x {
    font-size: 12px;
  }

  .item-details-and-number {
    width: 30vw;
  }

  .payment-tab-link {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    line-height: 20px;
  }

  .payment-tab-indicator-circle {
    width: 20px;
    height: 20px;
  }

  .checkout-payment-details {
    margin-bottom: 30px;
  }

  .checkout-payment-details.pay-for-me {
    padding: 3vw;
  }

  .payment-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .inner-pages-button.inner-nav {
    display: none;
  }

  .subscription-header {
    margin-top: 224px;
    padding-top: 0vw;
  }

  .subscription-option-heading-flex {
    margin-bottom: 30px;
  }

  .option-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .option {
    width: auto;
    margin-bottom: 16px;
    padding: 5vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .option-package {
    width: 30vw;
    height: 30vw;
    max-height: 169.1875px;
    max-width: 169.1875px;
  }

  .contact-header {
    position: relative;
    overflow: hidden;
    margin-top: 90px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contact-form-block {
    width: auto;
    padding-top: 20vw;
    padding-right: 10vw;
    padding-left: 10vw;
  }

  .contact-image-and-contact-details-block {
    position: static;
  }

  .contact-image {
    position: absolute;
    left: auto;
    top: 0%;
    right: 0%;
    bottom: auto;
    margin-top: 0vw;
    margin-right: 0vw;
  }

  .contact-image.sign-in {
    display: none;
  }

  .contact-image.subscription {
    top: 60px;
  }

  .outer-contact-details-block {
    margin-top: 33px;
    margin-bottom: 33px;
    border-left-style: none;
  }

  .contact-block-inner {
    padding: 5vw;
  }

  .contact-details.social-media {
    margin-right: 25vw;
    margin-left: 25vw;
  }

  .social-media-icon.float {
    width: 25px;
    height: 25px;
    margin-top: 0px;
    margin-left: 20px;
  }

  .dummy-space-block {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .footer-content-flex {
    margin-left: 0vw;
  }

  .gradient-cover {
    display: none;
  }

  .cart-text {
    font-size: 17px;
    line-height: 23px;
  }

  .cart-cost {
    margin-left: 5vw;
  }

  .contact-pepper.mobile-nav {
    left: -9%;
    top: 36%;
    width: 70px;
    height: 70px;
  }

  .contact-leaf.mobile-nav {
    left: 17%;
    top: -8%;
    width: 110px;
    height: 110px;
  }

  .contact-pepper-ring.mobile-nav {
    left: -10%;
    top: 76%;
    width: 80px;
    height: 80px;
  }

  .nav-flex.inner {
    display: none;
  }

  .inner-pages-nav {
    position: absolute;
    z-index: 100;
    height: 75px;
    padding-left: 5vw;
  }

  .inner-pages-logo {
    height: 90px;
    min-width: 160px;
  }

  .inner-pages-logo.mobile-nav {
    min-height: 92.03125px;
    min-width: 153.390625px;
  }

  .button-and-cart-flex {
    margin-right: 25px;
  }

  .drinks {
    width: 70px;
    height: 100px;
    max-height: none;
    max-width: none;
  }

  .mask {
    overflow: hidden;
    height: auto;
  }

  .treat-pack-and-name-parent {
    min-width: 150px;
    margin-right: 15px;
  }

  .name-of-treat-pack {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 15px;
    line-height: 11px;
  }

  .copyrigth-block {
    margin-right: 0vw;
    margin-bottom: 0vw;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  .site-credit {
    right: 10vw;
    bottom: 10px;
  }

  .faded-out-samosa {
    top: 9.9vw;
  }

  .header-wings {
    left: 0.4vw;
    top: 63.1vw;
  }

  .header-puff-puff {
    left: 87.4vw;
    top: 65.8vw;
  }

  .blurred-out-header-drumstick {
    top: 42.8vw;
    width: 36vw;
    height: 13vw;
  }

  .footer-link {
    font-size: 15px;
  }

  .mobile-nav-wrapper {
    position: fixed;
    left: 0%;
    top: 0%;
    right: 0%;
    bottom: 0%;
    z-index: 10;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 100vh;
    padding-top: 5vw;
    padding-right: 5vw;
    padding-left: 5vw;
    background-color: #a5854f;
    -webkit-transform: translate(-100%, 0px);
    -ms-transform: translate(-100%, 0px);
    transform: translate(-100%, 0px);
  }

  .nav-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .nav-links-wrapper {
    position: relative;
    z-index: 100;
  }

  .mobile-nav-links:hover {
    color: #3c2415;
  }

  .mobile-nav-links.w--current {
    color: #3c2415;
  }

  .nav-image {
    position: absolute;
    left: auto;
    top: auto;
    right: 0px;
    bottom: -2%;
    width: 80%;
    height: 50%;
    background-image: url('../images/Signup-Image-Lockup-Side-View.png');
    background-position: 100% 0%;
    background-size: 90%;
    background-repeat: no-repeat;
  }

  .close-nav-block {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    padding-top: 5px;
    padding-bottom: 8px;
    padding-left: 17px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  }

  .close-nav-block:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  .close-nav {
    width: 3px;
    height: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background-color: #fff;
  }

  .close-nav.left {
    -webkit-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    transform: rotate(43deg);
  }

  .close-nav.right {
    position: relative;
    left: -18px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .menu-button {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 8vw;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .menu-line {
    background-color: #a5854f;
  }

  .mid-menu-line {
    background-color: #a5854f;
  }

  .sign-in-block {
    margin-top: 30px;
    padding-top: 30px;
  }

  .sign-up-block {
    width: 60vw;
  }

  .sign-in-form-field-wrapper {
    width: 60vw;
  }

  .close-nav-block-2 {
    top: 30px;
    right: 13%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 40px;
    margin-top: 0px;
    margin-right: 0px;
    padding-top: 5px;
    padding-bottom: 8px;
    padding-left: 17px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
  }

  .close-nav-2 {
    width: 3px;
    height: 30px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .close-nav-2.left {
    -webkit-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    transform: rotate(43deg);
  }

  .close-nav-2.right {
    position: relative;
    left: -18px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }

  .home-content {
    padding-top: 20vh;
  }

  .slider {
    width: 100vw;
    height: auto;
  }

  .slider.hide {
    display: none;
  }

  .slider-arrow {
    position: fixed;
    left: 0vw;
    top: 200px;
    right: auto;
    bottom: auto;
    width: 50px;
    height: 50px;
    max-width: 7vw;
    background-size: 50%;
  }

  .slider-arrow.top {
    position: fixed;
    margin-top: 0vh;
    border-radius: 7px 0px 0px 7px;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
  }

  .slider-arrow.bottom {
    position: fixed;
    left: auto;
    right: 0vw;
    border-radius: 7px 0px 0px 7px;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  .package-wrapper {
    width: 100%;
  }

  .package-wrapper.test {
    height: auto;
  }

  .content-bg {
    position: static;
    display: block;
    overflow: visible;
    height: auto;
  }

  .slide {
    position: static;
    overflow: auto;
    height: 100vh;
  }

  .product-parent {
    margin-top: 90px;
  }

  .sticky-package-content-header {
    z-index: 3;
    padding-top: 3vh;
  }

  .checkout-overlay-prompt {
    overflow: auto;
    padding: 10vw;
  }

  .checkout-form-wrapper {
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
  }

  .scroll-sideways {
    width: 110px;
  }

  .package-description-block {
    font-size: 11px;
    line-height: 16px;
  }

  .empty-state {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .menu-button-flex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .add-to-cart-tag {
    margin-top: 10px;
    margin-left: 0px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 10px;
    line-height: 12px;
  }

  .social-media-float {
    position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 12;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 15px;
    padding-left: 5vw;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom-style: none;
    border-left-style: solid;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 0px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(165, 133, 79, 0.35)), to(rgba(165, 133, 79, 0.35)));
    background-image: linear-gradient(180deg, rgba(165, 133, 79, 0.35), rgba(165, 133, 79, 0.35));
  }

  .terms-block {
    padding-top: 100px;
    padding-right: 10vw;
    padding-left: 10vw;
  }

  .dashboard-parent {
    display: block;
    padding-bottom: 75px;
    padding-left: 5vw;
    background-image: url('../images/fries-blur-png.png'), url('../images/Fries.png'), url('../images/chicken-blur-png.png'), url('../images/Onion.png'), url('../images/chicken-png.png'), url('../images/Pepper.png'), url('../images/blur-samosa-png.png'), url('../images/Tomato.png'), url('../images/leaf-png.png'), radial-gradient(circle farthest-corner at 50% 50%, hsla(0, 0%, 100%, 0.2) 14%, rgba(165, 133, 79, 0.3));
    background-position: 95% 100%, 106% 90%, 110% 14vw, 102% -5vw, 97% -1vw, 3vw 91%, 10vw 90%, 25vw -4vw, -16vw -12vw, 0px 0px;
    background-size: 125px, 10vw, 15vw, 13vw, 14vw, 10vw, 18vw, 7vw, 30vw, auto;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  }

  .dash-sidebar {
    position: static;
    margin-right: 0px;
    margin-left: 0px;
  }

  .dash-title-block {
    height: auto;
    margin-bottom: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .dash-title-block.logo {
    height: 40px;
    background-size: contain;
  }

  .profile-icon {
    width: 50px;
    height: 50px;
  }

  .dash-link {
    margin-right: 4px;
    margin-left: 4px;
    padding: 7px;
  }

  .dash-link.logout {
    padding-left: 7px;
  }

  .dash-link-icon {
    width: 30px;
    height: 30px;
    margin-right: 0px;
  }

  .logout-icon {
    width: 26px;
    height: 25px;
    margin-right: 0px;
  }

  .dash-link-wrapper {
    position: fixed;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 0%;
    z-index: 10;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-style: solid solid none;
    border-width: 1px;
    border-color: #a5854f;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background-color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(165, 133, 79, 0.3)), to(rgba(165, 133, 79, 0.3)));
    background-image: linear-gradient(180deg, rgba(165, 133, 79, 0.3), rgba(165, 133, 79, 0.3));
  }

  .hide-on-mobile {
    display: none;
  }

  .active {
    display: block;
    margin-left: 10px;
  }

  .dash-block {
    padding-bottom: 5px;
  }

  .dash-button-float {
    height: auto;
  }

  .dash-profile-name {
    font-size: 16px;
    line-height: 17px;
  }

  .dash-order-block {
    border-right-style: none;
  }

  .order-image-wrapper {
    display: block;
    width: 30vw;
    height: 70px;
    border-right-style: none;
  }

  .view-more-details {
    top: 65px;
  }

  .more-details {
    margin-right: 0px;
    margin-left: 0px;
  }

  .more-details-block {
    margin-right: 0px;
    margin-left: 0px;
  }

  .counter-and-name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .build-counter-inner {
    width: 100%;
    margin-bottom: 2vw;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }

  .build-name {
    width: 150px;
    font-size: 14px;
    line-height: 20px;
  }

  .share-pack-popup {
    padding-bottom: 0vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .share-content {
    width: 100%;
    min-height: 350px;
    padding-top: 30px;
    padding-right: 4.5vw;
    padding-bottom: 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-position: 50% 105%;
    background-size: contain;
  }

  .share-block {
    min-height: 400px;
    padding-top: 30px;
    padding-right: 30px;
    padding-left: 30px;
    background-position: 50% 105%;
  }

  .share-block.green-background {
    min-height: 350px;
    padding-bottom: 30px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .block-title.light-brown-text.block-title-margin {
    margin-bottom: 30px;
  }

  .block-text {
    line-height: 25px;
  }

  .block-head-text {
    font-size: 38px;
  }

  .share-logo {
    width: 100px;
    height: 50px;
  }

  .share-line {
    width: 100%;
    height: 1px;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .social-media-block {
    margin-top: 15px;
  }

  .close-block {
    top: 40px;
    right: 30px;
    width: 30px;
    height: 30px;
  }

  .share-pack-block {
    display: block;
    width: 75%;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    font-size: 30px;
    line-height: 35px;
  }

  .home-header {
    height: 630px;
    min-height: 100vh;
  }

  .hero-text-block {
    width: 260px;
  }

  .snack-counter.header-mobile {
    min-width: 260px;
  }

  .snack-counter.vertical-mobile {
    margin-bottom: 8px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .price-tag-block {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
  }

  .price-tag-block.small.corporate-page {
    min-width: auto;
  }

  .price-tag-block.full {
    padding-right: 15px;
    padding-left: 15px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 16px;
  }

  .price-tag-block.packages {
    padding-left: 20px;
  }

  .counter-flex.full {
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }

  .plus-icon {
    width: 50px;
    min-width: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .plus-icon.faded-border {
    width: 40px;
    min-width: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .count-number {
    width: 50px;
    min-width: 0px;
    padding-right: 9px;
    padding-left: 9px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    font-size: 16px;
  }

  .count-number.small.custom {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .count-number.packages.faded-border {
    width: 40px;
    min-width: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .minus-icon {
    width: 50px;
    min-width: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .minus-icon.faded-border {
    width: 40px;
    min-width: 0px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .counter-icon-block {
    width: 13px;
    height: 5px;
  }

  .counter-icon-block.plus {
    margin-bottom: -4px;
  }

  .counter-icon-block.plus.mobile-small {
    margin-bottom: -3px;
  }

  .counter-icon-block.mobile-small {
    width: 13px;
    height: 3px;
  }

  .header-counter {
    height: auto;
    margin-right: 10vw;
    margin-left: 10vw;
  }

  .snack-counter-action-button.homepage.header {
    width: 50px;
    min-width: 0px;
  }

  .treat-package-callout {
    width: 290px;
    min-width: auto;
  }

  .treat-image {
    width: 100vw;
    height: 100vw;
    margin-top: -16vw;
  }

  .big-center-bowl {
    left: -21%;
    width: 110%;
    height: 100%;
  }

  .treat-packages-block {
    padding-left: 0vw;
  }

  .medium-sized-bowl-of-chips {
    top: 41.6vw;
    right: 12.8vw;
    width: 30vw;
    height: 30vw;
  }

  .small-bowl-of-ketchup {
    right: 21vw;
    bottom: 9.1vw;
    width: 25vw;
    height: 25vw;
  }

  .pepper {
    width: 20vw;
    height: 15vw;
  }

  .napkin {
    left: 0.1vw;
    top: 30vw;
    width: 30vw;
    height: 24vw;
  }

  .treat-package-heading-and-line-flex {
    margin-right: 0vw;
    padding-left: 10vw;
  }

  .treat-packages-flex {
    padding-left: 10vw;
  }

  .treat-package {
    min-width: 45vw;
  }

  .all-packages-header {
    width: 270px;
  }

  .package-scroll-indicator-and-button {
    margin-top: 20px;
    margin-left: 0vw;
    padding-right: 0vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .all-packages-flex {
    width: 100vw;
    margin-top: 20px;
    padding-bottom: 15px;
    padding-left: 4vw;
  }

  .package {
    height: 130px;
    min-height: 0px;
  }

  .package.first {
    margin-left: 0px;
  }

  .scroll-indicator-wrapper {
    width: 80vw;
    max-width: 80vw;
    margin-bottom: 30px;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    -ms-grid-row-align: stretch;
    align-self: stretch;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1;
  }

  .scroll-indicator {
    margin-top: -2.3px;
    padding-bottom: 13px;
  }

  .consistency-wrapper {
    padding-top: 15vw;
    padding-right: 10vw;
    padding-left: 10vw;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .smallchops-cycle-wrapper {
    -webkit-align-self: center;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
  }

  .consistency-text-block {
    width: 100%;
    margin-right: 0vw;
    margin-left: 0px;
  }

  .coperate-and-event-flex {
    margin-top: 12vw;
  }

  .footer-content-and-nav-section {
    width: 90%;
    margin-bottom: 90px;
  }

  .flex-footer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-logo {
    width: 150px;
    height: 100px;
    margin-bottom: 18px;
    background-position: 0% 50%;
  }

  .footer-nav-block {
    margin-left: 0px;
  }

  .footer-nav-block.first {
    margin-right: 30px;
  }

  .footer-link-block {
    margin-bottom: 20px;
  }

  .whatsapp-prompt {
    bottom: 74px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  .whatsapp-prompt.call {
    margin-top: 0vw;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .ella {
    top: 0px;
    margin-top: -34px;
  }

  .ella.call-icon {
    margin-top: 0px;
  }

  .footer-bag-block {
    height: 400px;
    padding-top: 20px;
    padding-bottom: 0vw;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    background-position: 100% 100%;
  }

  .pack-on-platform {
    height: 510px;
    margin-top: -106px;
  }

  .pack-on-platform.smaller {
    right: 60px;
    margin-top: -41px;
  }

  .normal-samosa {
    top: -2%;
    width: 120px;
    height: 120px;
  }

  .blurred-out-samosa {
    top: -6%;
    width: 80px;
    height: 80px;
  }

  .spring-roll-floating {
    top: 16%;
    right: 0%;
    width: 80px;
    height: 100px;
  }

  .blurred-out-spring-roll {
    top: -4%;
    right: -2%;
    width: 130px;
    height: 50px;
  }

  .lotti-animation-block {
    width: 130vw;
    min-height: auto;
  }

  .package-slider-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .package-slider-inner.top {
    padding-top: 20vw;
  }

  .package-slider-inner.top.events {
    min-height: auto;
    padding-top: 90px;
  }

  .package-slider-inner.top.cart-and-checkout {
    margin-top: 90px;
    padding-top: 0vw;
  }

  .package-description {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 100vw;
    min-height: auto;
    padding-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: center;
  }

  .package-description.events {
    position: relative;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .package-description.corporate {
    position: static;
    padding-top: 50px;
    padding-right: 10vw;
    padding-left: 10vw;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }

  .package-content {
    width: 100%;
    min-height: auto;
    padding: 10vw 10vw 8.5vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .package-content.corporate {
    padding-bottom: 0vw;
  }

  .package-content.event {
    padding-bottom: 0vw;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .package-content.packages-full {
    overflow: visible;
    min-height: 0px;
    padding-right: 0vw;
    padding-left: 0vw;
  }

  .package-content.events {
    padding-bottom: 0vw;
  }

  .package-image {
    height: 170px;
    min-height: auto;
    margin-bottom: 10px;
    margin-left: 0vw;
  }

  .package-image.package-1 {
    min-height: auto;
    min-width: auto;
  }

  .package-snack-counter-block {
    width: 100%;
    max-width: 320px;
  }

  .content-block {
    overflow: visible;
    margin-top: 20px;
    padding-right: 10vw;
    padding-left: 10vw;
  }

  .content-block.event-page {
    padding-right: 0vw;
    padding-left: 0vw;
  }

  .content-flex-wrapper.events {
    overflow: visible;
  }

  .content-inner-flex {
    width: 70vw;
  }

  .content-inner-flex.dash {
    display: block;
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 auto;
    -ms-flex: 0 auto;
    flex: 0 auto;
  }

  .content-snack-block {
    min-height: 50px;
    min-width: 40px;
  }

  .snack-name {
    width: 79%;
  }

  .snack-name.checkout-customize-prompt {
    width: auto;
    margin-bottom: 15px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  .snack-name.packages-page {
    width: 140px;
    max-width: none;
  }

  .checkout-prompt-block {
    top: 0px;
    bottom: 0px;
    margin-bottom: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .checkout-prompt-block.events {
    position: -webkit-sticky;
    position: sticky;
    padding-top: 5vw;
    padding-right: 0vw;
    padding-left: 0vw;
  }

  .checkout-prompt-block.products {
    width: 100%;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .snack-and-drink-wrapper {
    width: 86vw;
    min-width: auto;
    margin-right: 0vw;
    margin-left: 0vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .package-pepper {
    top: 63px;
    width: 70px;
    height: 70px;
  }

  .tomatoe-slice {
    left: -13%;
    width: 100px;
    height: 100px;
  }

  .random-vegetable-block {
    left: -6%;
    top: 56%;
    width: 70px;
    height: 80px;
  }

  .pepper-ring {
    width: 40px;
    height: 40px;
    max-height: none;
    max-width: none;
  }

  .form-input-flex.coupon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .form-input-parent.full.right-margin {
    width: 100%;
    margin-right: 0px;
  }

  .form-input-parent.full.no-bottom-margin-mobile {
    margin-bottom: 0px;
  }

  .package-image-block {
    height: 60px;
    min-width: 90px;
  }

  .cart {
    height: auto;
  }

  .checkout {
    height: auto;
    padding: 50px 10vw;
  }

  .cart-item-flex {
    position: relative;
    padding-right: 10vw;
    padding-left: 10vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .remove-item-block {
    margin-right: 0vw;
    margin-bottom: 5vw;
    margin-left: 0vw;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
  }

  .item {
    width: auto;
    height: 110px;
    max-width: none;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0vw;
  }

  .item-details-and-number {
    width: 50%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .tab-wrapper {
    margin-top: 20px;
  }

  .payment-tab-link {
    padding-left: 10vw;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }

  .payment-tab-link.first {
    border-top-right-radius: 7px;
    border-bottom-left-radius: 0px;
  }

  .payment-tab-link.last {
    border-top-right-radius: 0px;
    border-bottom-left-radius: 7px;
  }

  .payment-tab-link-parent {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .payment-tab-indicator-circle {
    margin-right: 20px;
  }

  .checkout-payment-details.pay-for-me {
    padding: 20px;
  }

  .checkout-cost-flex {
    margin-bottom: 5vw;
  }

  .payment-block {
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 10px;
    padding-left: 10px;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    -ms-grid-row-align: auto;
    align-self: auto;
  }

  .overlapping-payment-block-heading {
    margin-top: -25px;
    font-size: 9px;
    line-height: 10px;
  }

  .overlapping-payment-heading-logo {
    width: 110px;
    height: 50px;
  }

  .payment-logos-flex {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .payment-logo {
    margin-top: 15px;
  }

  .payment-logo.verve {
    margin-right: 0px;
  }

  .payment-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .inner-pages-button.drinks-counter {
    margin-right: 0vw;
    float: none;
  }

  .inner-pages-button.packages-page {
    background-color: #a98165;
  }

  .inner-pages-button.top-margin {
    margin-top: 10px;
  }

  .account-details-block {
    padding: 20px;
  }

  .subscription-header {
    overflow: hidden;
    width: 100vw;
    margin-top: 288px;
  }

  .subscription-flex {
    margin-left: 10vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .subscription-details {
    width: 80%;
    margin-bottom: 35px;
    border-right-style: none;
  }

  .subscription-option-wrapper {
    margin-right: 10vw;
    padding-left: 0vw;
  }

  .option-flex {
    margin-right: 0vw;
  }

  .option-package {
    width: 170px;
    height: 170px;
    max-height: none;
    max-width: none;
  }

  .contact-form-block {
    padding-top: 190px;
  }

  .contact-image {
    width: 320px;
    height: 210px;
  }

  .contact-image.sign-in {
    display: none;
    width: 200px;
    height: 200px;
    margin-top: -105px;
    margin-right: -70px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    opacity: 0;
  }

  .contact-image.subscription {
    top: 75px;
    right: 0%;
    background-position: 150% 0%;
  }

  .contact-block-inner {
    padding: 12vw;
  }

  .contact-details.social-media {
    margin-right: 11vw;
    margin-left: 11vw;
  }

  .dummy-space-block {
    width: 0vw;
  }

  .cart-flex {
    width: 100%;
    margin-top: 15px;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
  }

  .small-package-sub-text {
    font-family: Lexenddeca, sans-serif;
    font-size: 14px;
  }

  .cart-text.brown-text {
    margin-bottom: 20px;
  }

  .cart-cost {
    margin-left: 20px;
  }

  .pack-and-cost-flex {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .contact-pepper {
    left: -10.2vw;
    top: 15.6vw;
    width: 60px;
    height: 60px;
  }

  .contact-pepper.sign-in {
    width: 40vw;
    height: 40px;
  }

  .contact-leaf {
    left: -2.1vw;
    top: 15.8vw;
    width: 60px;
    height: 60px;
  }

  .contact-leaf.sign-in {
    left: -50px;
    top: 110px;
    width: 40px;
    height: 40px;
  }

  .contact-pepper-ring {
    left: 1.7vw;
    top: 46.2vw;
    width: 50px;
    height: 50px;
  }

  .contact-pepper-ring.sign-in {
    top: 180px;
    width: 40px;
    height: 40px;
  }

  .contact-puff-puff {
    top: 11%;
    width: 40px;
    height: 40px;
  }

  .contact-samosa {
    bottom: 11.8vw;
    width: 50px;
    height: 50px;
  }

  .inner-pages-nav {
    position: fixed;
    height: 75px;
  }

  .drinks-wrapper {
    padding: 5vw;
  }

  .drinks-heading {
    margin-bottom: 30px;
  }

  .drinks-heading.drink-name {
    margin-bottom: 10px;
  }

  .drinks-wrapper-flex {
    margin-bottom: 30px;
  }

  .drinks {
    width: 60px;
    height: 90px;
  }

  .drink-name-and-check-box-flex {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .radio-button-flex {
    margin-left: 0px;
  }

  .drink-form {
    padding-right: 0vw;
  }

  .lotti {
    width: 100%;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .treat-pack-and-name-parent {
    margin-right: 5vw;
  }

  .copyrigth-block {
    margin-top: 0px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .copyright-text {
    position: static;
    left: 0%;
    top: auto;
    right: 0%;
    bottom: 1%;
    width: 80vw;
    margin-bottom: 37px;
  }

  .site-credit {
    bottom: 10px;
  }

  .header-pepper {
    width: 50px;
    height: 50px;
  }

  .faded-out-samosa {
    top: 40vw;
    width: 70px;
    height: 70px;
  }

  .faded-out-leaf-on-header {
    top: 79vw;
    width: 70px;
    height: 80px;
  }

  .header-wings {
    left: 0%;
    top: auto;
    right: auto;
    bottom: 0%;
    width: 80px;
    height: 90px;
  }

  .header-puff-puff {
    left: 81.1vw;
    top: 93vw;
    width: 60px;
    height: 60px;
  }

  .header-drumstick {
    top: 27vw;
    width: 100px;
    height: 100px;
  }

  .small-header-onions {
    width: 40px;
    height: 50px;
  }

  .blurred-out-header-drumstick {
    top: 61vw;
    right: -24.4vw;
    width: 140px;
    height: 100px;
  }

  .nav-links-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .nav-image {
    bottom: 0%;
    height: 460px;
    background-position: 100% 100%;
  }

  .menu-button {
    width: 10vw;
  }

  .sign-in-wrapper {
    overflow: hidden;
  }

  .sign-in-block {
    width: 80vw;
    height: 80vh;
    margin-top: 80px;
    padding: 15px 21px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .sign-in-form {
    width: 100%;
  }

  .top-margin-big {
    margin-top: 17px;
  }

  .sign-up-block {
    width: 100%;
    max-width: none;
  }

  .sign-in-form-field-wrapper {
    width: 100%;
  }

  .close-nav-block-2 {
    top: 31px;
  }

  .slider-arrow {
    max-width: 10vw;
    background-position: 50% 50%;
  }

  .content-bg {
    overflow: visible;
    padding-top: 0px;
  }

  .slide {
    position: static;
  }

  .link-copy-notification {
    width: 90vw;
    margin-left: -45vw;
  }

  .sticky-package-content-header {
    padding-top: 3vh;
    padding-right: 10vw;
    padding-left: 10vw;
  }

  .checkout-overlay-prompt {
    padding-bottom: 0vw;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .sign-in-and-sign-up-container {
    width: 100%;
  }

  .button-wrapper-flex {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .validate-coupon {
    margin-top: 10px;
    margin-left: 0px;
  }

  .coupon-input-and-validate-flex {
    display: block;
  }

  .coupon {
    margin-top: 20px;
    margin-left: 0px;
  }

  .coupon.off {
    margin-right: 10px;
    margin-left: 10px;
  }

  .coupon-value-flex {
    margin-bottom: 10px;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .flex-checkout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
  }

  .scroll-sideways {
    display: none;
  }

  .empty-stage-image {
    min-height: 95px;
  }

  .menu-button-flex {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }

  .social-media-float {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .terms-block {
    padding-top: 140px;
    padding-right: 7vw;
    padding-left: 7vw;
  }

  .dash-link.logout {
    padding-left: 7px;
  }

  .dash-content {
    padding: 5vw;
  }

  .dash-link-icon {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }

  .dash-content-inner.new {
    padding-top: 83px;
    padding-right: 30vw;
    background-size: auto 140px;
  }

  .dash-link-wrapper {
    padding-right: 10px;
    padding-left: 10px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .dash-subtitle-block {
    padding-right: 10px;
    padding-left: 10px;
  }

  .dash-block {
    padding-right: 0px;
    padding-bottom: 1px;
    padding-left: 0px;
  }

  .dash-profile-name {
    font-size: 11px;
    line-height: 13px;
    font-weight: 400;
  }

  .dash-order-block {
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(165, 133, 79, 0.3);
  }

  .dash-order-block.last {
    border-bottom-style: none;
  }

  .order-image-wrapper {
    width: 50vw;
  }

  .share-content {
    min-height: 300px;
    padding-top: 50px;
    background-position: 50% 100%;
  }

  .share-block {
    padding-top: 20px;
    background-position: 50% 117%;
  }

  .share-block.green-background {
    min-height: 300px;
    padding-top: 50px;
    background-position: 50% 100%;
    background-size: contain;
  }

  .block-title {
    font-size: 20px;
    line-height: 28px;
  }

  .block-title.light-brown-text.block-title-margin {
    margin-bottom: 15px;
  }

  .block-text {
    font-size: 14px;
    line-height: 22px;
  }

  .block-head-text {
    margin-bottom: 10px;
    font-size: 27px;
    line-height: 45px;
  }

  .block-head-text.light-brown-text {
    margin-bottom: 5px;
  }

  .share-logo {
    width: 80px;
    height: 45px;
  }

  .share-line {
    width: 50%;
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .social-media-block {
    width: 150px;
  }

  .social-media-link {
    width: 30px;
    height: 30px;
  }

  .close-block {
    top: 50px;
  }

  .share-pack-block {
    width: 90%;
  }
}

@font-face {
  font-family: 'Futuralt book';
  src: url('../fonts/FuturaLT-Book.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Futuralt';
  src: url('../fonts/FuturaLT.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Futuralt';
  src: url('../fonts/FuturaLT-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Lexenddeca';
  src: url('../fonts/LexendDeca-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lexenddeca';
  src: url('../fonts/LexendDeca-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-SemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Montserrat';
  src: url('../fonts/Montserrat-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: auto;
}
@font-face {
  font-family: 'Arkipelago 1';
  src: url('../fonts/Arkipelago-1.003.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}