*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem;
  font-weight: 400;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

[tabindex="-1"]:focus {
  outline: 0 !important;
}

hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
  overflow: visible;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: 700;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

b,
strong {
  font-weight: bolder;
}

small {
  font-size: 80%;
}

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

pre,
code,
kbd,
samp {
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 1em;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
  border-style: none;
}

svg {
  overflow: hidden;
  vertical-align: middle;
}

table {
  border-collapse: collapse;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #6c757d;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: inherit;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button {
  border-radius: 0;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

select {
  word-wrap: normal;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0;
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto;
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: none;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}

output {
  display: inline-block;
}

summary {
  display: list-item;
  cursor: pointer;
  list-style: none;
}

template {
  display: none;
}

[hidden] {
  display: none !important;
}


@font-face {
  font-family: "Italian Plate No2";
  font-weight: 400;
  src: url("fonts/italianplateno2-regular.otf");
}
@font-face {
  font-family: "Italian Plate No2";
  font-weight: 700;
  src: url("fonts/italianplateno2-bold.otf");
}
@font-face {
  font-family: "Italian Plate No2";
  font-weight: 900;
  src: url("fonts/italianplateno2-black.otf");
}
@font-face {
  font-family: "Papa Sans Heavy";
  font-weight: 900;
  src: url("fonts/papasans-heavy.ttf") format("truetype");
}
@font-face {
  font-family: "Papa Sans Medium";
  font-weight: 500;
  src: url("fonts/PapaSans-MediumCondensed.ttf") format("truetype");
}
@font-face {
  font-family: "Papa Sans Regular";
  font-weight: 400;
  src: url("fonts/PapaSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Quantico";
  src: url("fonts/quantico-regular.ttf") format("truetype");
}
@font-face {
  font-family: "Quantico Heavy";
  font-weight: 700;
  src: url("fonts/quantico-bold.ttf") format("truetype");
}
select,
input,
option,
button {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

input {
  border-radius: 0;
  border-style: solid;
  border-color: #646777;
  border-width: 1px;
  height: 30px;
}
input::-webkit-input-placeholder {
  color: #707070;
}
input::-moz-placeholder {
  color: #707070;
}
input:-ms-input-placeholder {
  color: #707070;
}
input::-ms-input-placeholder {
  color: #707070;
}
input::placeholder {
  color: #707070;
}
input.big {
  font-size: 150%;
  height: 40px;
}
input.full {
  width: 100%;
}
input:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0px 2px #007d4a;
          box-shadow: 0 0 0px 2px #007d4a;
}

.btn {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 2px 12px;
  height: 30px;
  background: none;
  background-color: #fff;
  border: 1px solid #007d4a;
  font-size: 16px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  background-color: #007d4a;
  color: #fff;
  line-height: 1;
  min-width: 80px;
  border-radius: 5px;
}
.btn:hover {
  text-decoration: none;
  background-color: #fff;
  color: #007d4a;
  border-color: #007d4a;
}
.btn.full {
  width: 100%;
}
.btn.inverse {
  background-color: #fff;
  color: #007d4a;
}
.btn.inverse:hover {
  background-color: #007d4a;
  color: #fff;
}
.btn.big {
  font-size: 24px;
  padding: 8px 18px;
  height: auto;
}
.btn.red {
  border-color: #e42313;
  background-color: #e42313;
}
.btn.gray {
  border-color: #707070;
  background-color: #707070;
}
.btn.gray:hover {
  color: #fff;
  background-color: #fff;
  color: #707070;
}
.btn:disabled {
  pointer-events: none;
  /*background-color: $gray4;*/
  background-color: #cbcbcb;
  cursor: not-allowed;
  color: lightslategray;
  border-color: lightslategray;
}

button:focus {
  outline: 0;
  -webkit-box-shadow: 0 0 0px 2px rgba(237, 139, 0, 0.6);
          box-shadow: 0 0 0px 2px rgba(237, 139, 0, 0.6);
}

select.warpselect {
  width: 100%;
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 14px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 100%;
  text-overflow: ellipsis;
  padding-left: 10px;
  padding-right: 25px;
  height: 30px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: url(../images/icons/chevron_down_blue.svg);
  background-image: url(../images/icons/chevron_down_blue.svg);
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-repeat: no-repeat;
  background-repeat-x: no-repeat;
  background-repeat-y: no-repeat;
  background-position: calc(100% - 10px) center;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  border-radius: 5px;
  background-color: #f8f8f8;
  color: #000000;
}
select.warpselect:hover {
  border-color: #007d4a;
}
select.warpselect.big {
  font-size: 16px;
  height: 40px;
}
select.warpselect.huge {
  font-size: 18px;
  height: 50px;
}

a {
  color: #007d4a;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #007d4a;
  text-decoration: underline;
}

header.header {
  background: rgb(255, 255, 255);
}
@media screen and (min-width: 1256px) {
  header.header {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
  }
}
header.header:not(.homeHeader) {
  background: rgb(255, 255, 255);
  background: -webkit-gradient(linear, left top, right top, from(rgb(255, 255, 255)), color-stop(48%, rgb(255, 255, 255)), color-stop(48%, rgb(248, 248, 248)));
  background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 48%, rgb(248, 248, 248) 48%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#f8f8f8",GradientType=1);
}
header.header .newSvg {
  /*color: white;
  background-color: #ed8b00;*/
  padding: 0px 10px;
  border-radius: 40px;
  font-weight: 600;
  height: 17px;
  position: absolute;
  top: 10px;
  z-index: 1;
  right: 50px;
}
@media only screen and (max-width: 770px) {
  header.header .newSvg {
    top: 3px;
    right: 40px;
  }
}
header.header .accountBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-decoration: none;
  line-height: 1;
  position: relative;
}
header.header .accountBtn .innerr {
  background-color: #f8f8f8;
  padding: 15px 0;
  padding-right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
header.header .accountBtn .innerr .bars {
  color: #007d4a;
  padding: 9px 18px;
  border-radius: 20px;
  background: #FFF;
}
header.header .accountBtn .innerr .user {
  font-size: 24px;
  color: #007d4a;
}
header.header .accountBtn .innerr .txt {
  text-transform: uppercase;
  color: #464646;
  font-weight: bold;
  font-size: 20px;
  margin-left: 8px;
}
header.header .redIndicator {
  width: 21px;
  height: 21px;
  position: absolute;
  background-color: #DA102E;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  top: 14px;
  z-index: 1;
  right: 83px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 1256px) {
  header.header .redIndicator {
    right: 72px;
  }
}
@media only screen and (max-width: 560px) {
  header.header .redIndicator {
    right: 54px;
  }
}
header.header .notificationBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
}
@media only screen and (max-width: 560px) {
  header.header .notificationBtn {
    position: initial;
    margin: 0;
  }
}
header.header .notificationBtn:before {
  content: "";
  width: 0;
  height: 0;
  border-bottom: 70px solid #f8f8f8;
  border-left: 15px solid transparent;
}
header.header .notificationBtn .innerr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8f8f8;
  padding: 18px 10px;
  padding-right: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
@media only screen and (max-width: 560px) {
  header.header .notificationBtn .innerr {
    padding: 18px 0;
  }
}
header.header .notificationBtn .innerr #bell {
  border-radius: 20px;
  background: #FFF;
  width: 50px;
  height: 34px;
}
header.header .innerH {
  max-width: 1430px;
  padding-right: 0;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  min-height: 70px;
}
@media screen and (min-width: 1256px) {
  header.header .innerH {
    padding-right: 420px;
  }
}
header.header .innerH .logoCont {
  background-color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 10px 0 10px;
  z-index: 2;
}
header.header .innerH .logoCont img {
  background-color: #fff;
  max-height: 35px;
}
@media screen and (min-width: 1256px) {
  header.header .innerH .logoCont img {
    max-height: 40px;
  }
}
header.header .innerH .rSide {
  background-color: #fff;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (min-width: 1256px) {
  header.header .innerH .rSide > .headDetBtn {
    display: none;
  }
}
header.header .innerH .rSide .hNav {
  margin-right: auto;
  margin-left: 15px;
  display: none;
}
@media screen and (min-width: 1256px) {
  header.header .innerH .rSide .hNav {
    display: block;
  }
}
header.header .innerH .rSide .hNav ul {
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
header.header .innerH .rSide .hNav ul li {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
header.header .innerH .rSide .hNav ul li a {
  line-height: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100px;
  text-transform: uppercase;
  color: #464646;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: bold;
  position: relative;
  font-size: 20px;
}
header.header .innerH .rSide .hNav ul li a:hover {
  text-decoration: none;
  background-color: #e42313;
  color: #fff;
}
header.header .innerH .rSide .hNav ul li a.active {
  background-color: #e42313;
  color: #fff;
}
header.header .innerH .rSide .hNav ul li a.active:after {
  position: absolute;
  content: "";
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #e42313;
}
header.header .innerH .rSide .hNav ul li .greenButton {
  min-width: 110px;
}
header.header .innerH .rSide .hNav ul li .veganuaryButton,
header.header .innerH .rSide .hNav ul li .greenButton {
  color: #007D4A;
}
header.header .innerH .rSide .hNav ul li .veganuaryButton:hover,
header.header .innerH .rSide .hNav ul li .greenButton:hover {
  text-decoration: none;
  background-color: #007D4A;
  color: #fff;
}
header.header .innerH .rSide .hNav ul li .veganuaryButton.active,
header.header .innerH .rSide .hNav ul li .greenButton.active {
  background-color: #007D4A;
  color: #fff;
}
header.header .innerH .rSide .hNav ul li .veganuaryButton.active:after,
header.header .innerH .rSide .hNav ul li .greenButton.active:after {
  position: absolute;
  content: "";
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #007D4A;
}
header.header .innerH .rSide .hNav .basket {
  display: none;
}
@media screen and (max-width: 1255.9px) {
  header.header .innerH .rSide .headerBasket {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 1255.9px) {
  header.header .innerH .rSide .headDetBtn {
    border: 1px solid #007A53;
    gap: 5px;
  }
}
@media screen and (max-width: 1255.9px) {
  header.header .innerH .rSide .accountBtn .innerr {
    padding: 5px 5px;
  }
  header.header .innerH .rSide .accountBtn .innerr .txt {
    display: none;
  }
  header.header .innerH .rSide .accountBtn:before {
    border-bottom: 50px solid #f8f8f8;
  }
}
header.header .burger {
  width: 30px;
  z-index: 4000000000;
  cursor: pointer;
  direction: rtl;
  display: block;
  margin-left: auto;
}
header.header .burger span {
  display: block;
  width: 100%;
  height: 3px;
  margin-bottom: 5px;
  border-radius: 2px;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: #fff;
}
header.header .burger span:first-child {
  width: 100%;
}
header.header .burger span:nth-child(2) {
  width: 60%;
}
header.header .burger span:nth-child(3) {
  width: 100%;
  margin-bottom: 0;
}
header.header .burger:hover span {
  width: 100%;
  background: #007d4a;
}
header.header .orderDetails .headDetBtn {
  border: 1px solid #007A53;
  gap: 5px;
}
header.header .headDetBtn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  height: 32px;
  padding: 0 8.5px;
  gap: 8px;
  border-radius: 100px;
  background: #fff;
  margin-top: 4px;
}
header.header .headDetBtn .shipmentDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 9.75rem;
  overflow: hidden;
}
header.header .headDetBtn .txtBox {
  color: #007A53;
  text-align: left;
  font-size: 11px;
  font-weight: 700;
  line-height: 11px;
  max-height: 2.4em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
header.header .headDetBtn .txtBox__font_400 {
  font-weight: 400;
}
header.header .headDetBtn .txtBox i::before {
  width: 12px;
  height: 9px;
}
header.header .headDetBtn .txtBox p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin: 0;
}
header.header .headDetBtn:hover {
  text-decoration: none;
}
header.header .headDetBtn:hover .txtBox .dtype,
header.header .headDetBtn:hover .txtBox .dtime {
  color: #007d4a;
}
header.header.homeHeader {
  background: transparent;
}
header.header.homeHeader .innerH {
  max-width: 100%;
  padding-right: 0;
}
header.header.homeHeader .logoCont {
  padding: 10px 15px;
  background-color: transparent;
}
header.header.homeHeader .logoCont img {
  background-color: transparent;
}
header.header.homeHeader .lSide,
header.header.homeHeader .rSide {
  background-color: transparent;
  width: calc(50% - 96px);
}
#orderDetailsPage header.header.homeHeader .lSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
header.header.homeHeader .lSide .orderHistoryLink {
  color: white;
  margin-left: 0.9375rem;
  padding-bottom: 0.625rem;
}
header.header.homeHeader .lSide .orderHistoryLink i {
  margin-right: 0.625rem;
}
header.header.homeHeader .rSide {
  position: initial;
  z-index: 2;
}
header.header.homeHeader .rSide .headDetBtn {
  display: none;
}
header.header.homeHeader .rSide .accountBtn {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-right: 15px;
}
header.header.homeHeader .rSide .accountBtn:before {
  display: none;
}
header.header.homeHeader .rSide .accountBtn .innerr {
  padding: 0 8px;
  border-radius: 20px;
  background: #FFF;
}
header.header.homeHeader .rSide .accountBtn .innerr .txt {
  display: none;
}
header.header.homeHeader .rSide .accountBtn .innerr .bars {
  padding: 0;
  margin-right: 10px;
  border-radius: 0;
  background: none;
}
header.header.homeHeader .rSide .redIndicator {
  width: 21px;
  height: 21px;
  position: absolute;
  background-color: #DA102E;
  color: #FFF;
  text-align: center;
  font-size: 12px;
  font-weight: 700;
  line-height: normal;
  top: 14px;
  z-index: 1;
  right: 72px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 560px) {
  header.header.homeHeader .rSide .redIndicator {
    left: 47px;
  }
}
header.header.homeHeader .rSide .notificationBtn {
  margin-right: 14px;
}
header.header.homeHeader .rSide .notificationBtn:before {
  display: none;
}
@media only screen and (max-width: 560px) {
  header.header.homeHeader .rSide .notificationBtn {
    position: absolute;
    left: 0;
    margin: 0px 10px;
  }
}
header.header.homeHeader .rSide .notificationBtn .innerr {
  background-color: transparent;
  padding: 0;
}
header.header.homeHeader.mobile .innerH .rSide .accountBtn .innerr {
  padding: 5px 8px;
}
@media only screen and (max-width: 345px) {
  header.header.homeHeader.mobile .innerH .rSide .accountBtn .innerr .bars {
    padding: 0;
  }
}
header.header.homeHeader.localstore .innerH .storeDetailHeaderImg {
  position: absolute;
  height: 325px;
  top: -20px;
  left: calc(50% + 280px);
}
@media only screen and (max-width: 768px) {
  header.header.homeHeader.localstore .innerH .storeDetailHeaderImg {
    top: -70px;
    left: calc(50% + 210px);
  }
}
@media only screen and (min-width: 768px) {
  header.header.homeHeader.localstore .logoCont img.logoDesk {
    max-height: 70px;
    width: 165px;
  }
  header.header.homeHeader.localstore .logoCont img.logoMob {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  header.header.homeHeader.localstore .logoCont img.logoMob {
    max-height: 70px;
    width: 165px;
    position: absolute;
    top: 110px;
  }
  header.header.homeHeader.localstore .logoCont img.logoDesk {
    display: none;
  }
}

.lunchPage header.header.homeHeader .lSide,
.lunchPage header.header.homeHeader .rSide,
.ltoPage header.header.homeHeader .lSide,
.ltoPage header.header.homeHeader .rSide,
.ingredientsPage header.header.homeHeader .lSide,
.ingredientsPage header.header.homeHeader .rSide,
.aboutUsPage header.header.homeHeader .lSide,
.aboutUsPage header.header.homeHeader .rSide,
.nutritionPage header.header.homeHeader .lSide,
.nutritionPage header.header.homeHeader .rSide {
  width: calc(50% - 86px);
}

#storeDetailPage .foodBackground,
#storeDealsPage .foodBackground,
#storeListPage .foodBackground,
#storeOtherPage .foodBackground,
#storeFinderPage .foodBackground,
#storeLocationsPage .foodBackground {
  min-height: 200px;
  margin: 0 auto;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  background-image: url("/static/assets/local/header/local-pizza.png"), url("/static/assets/local/header/pj-local-header.png");
  overflow: visible;
}
@media only screen and (max-width: 767px) {
  #storeDetailPage .foodBackground,
  #storeDealsPage .foodBackground,
  #storeListPage .foodBackground,
  #storeOtherPage .foodBackground,
  #storeFinderPage .foodBackground,
  #storeLocationsPage .foodBackground {
    background-position: -5rem -5rem, center;
    background-repeat: no-repeat, repeat-x;
    background-size: 16rem, cover;
    height: 360px;
  }
}
@media only screen and (min-width: 525px) and (max-width: 768px) {
  #storeDetailPage .foodBackground,
  #storeDealsPage .foodBackground,
  #storeListPage .foodBackground,
  #storeOtherPage .foodBackground,
  #storeFinderPage .foodBackground,
  #storeLocationsPage .foodBackground {
    background-position: -5rem -5rem, center;
    background-size: 20rem, cover;
  }
}
@media only screen and (min-width: 768px) {
  #storeDetailPage .foodBackground,
  #storeDealsPage .foodBackground,
  #storeListPage .foodBackground,
  #storeOtherPage .foodBackground,
  #storeFinderPage .foodBackground,
  #storeLocationsPage .foodBackground {
    background-position: calc(50% - 350px) -9rem, center;
    background-size: 23rem, cover;
    height: 265px;
  }
}
#storeDetailPage .foodBackground.postCodeBox .inner .innerOne h1.title,
#storeDealsPage .foodBackground.postCodeBox .inner .innerOne h1.title,
#storeListPage .foodBackground.postCodeBox .inner .innerOne h1.title,
#storeOtherPage .foodBackground.postCodeBox .inner .innerOne h1.title,
#storeFinderPage .foodBackground.postCodeBox .inner .innerOne h1.title,
#storeLocationsPage .foodBackground.postCodeBox .inner .innerOne h1.title {
  color: #fff;
}
#storeDetailPage .foodBackground.postCodeBox .inner .innerOne p.titleIntro,
#storeDealsPage .foodBackground.postCodeBox .inner .innerOne p.titleIntro,
#storeListPage .foodBackground.postCodeBox .inner .innerOne p.titleIntro,
#storeOtherPage .foodBackground.postCodeBox .inner .innerOne p.titleIntro,
#storeFinderPage .foodBackground.postCodeBox .inner .innerOne p.titleIntro,
#storeLocationsPage .foodBackground.postCodeBox .inner .innerOne p.titleIntro {
  color: #fff;
}

#storeDetailPage .foodBackground .innerOne .noticeBox {
  display: none;
}

.postCodeBox .inner .innerOne h1.title {
  font-size: 1.35rem;
  margin: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
.postCodeBox .inner .innerOne p.titleIntro {
  font-size: 1.2rem;
}

@media only screen and (max-width: 768px) {
  .storeLocalPage .postCodeBox .inner {
    margin-top: 6rem;
  }
  .storeLocalPage .postCodeBox .inner .innerOne {
    margin-top: 0;
  }
}
footer.footer {
  margin-top: auto;
  background-color: #f8f8f8;
  z-index: 2;
}
footer.footer .contentSpacer {
  width: 1180px;
  margin: 0 auto;
  max-width: 100%;
  padding: 4rem 1rem 1rem;
}
footer.footer .sectionsWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (min-width: 769px) {
  footer.footer .sectionsWrap .fMenuSection ul {
    display: block !important;
  }
}
@media only screen and (max-width: 768px) {
  footer.footer .sectionsWrap {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-left: 15px;
    padding-right: 15px;
  }
  footer.footer .sectionsWrap .fMenuSection {
    margin-bottom: 15px;
    width: 100%;
  }
  footer.footer .sectionsWrap .fMenuSection .title {
    border-bottom: 1px solid #efefef;
    margin-bottom: 5px;
    padding-bottom: 5px;
    position: relative;
  }
  footer.footer .sectionsWrap .fMenuSection .title:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-size: 20px;
    position: absolute;
    right: 0;
    color: #707070;
  }
  footer.footer .sectionsWrap .fMenuSection.active .title:after {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  footer.footer .sectionsWrap .fMenuSection:not(.active) ul {
    display: none;
  }
  footer.footer .sectionsWrap .fMenuSection:not(.collapsible) {
    max-width: 150px;
    margin: 0 auto;
  }
}
footer.footer .sectionsWrap .fMenuSection {
  padding: 0 5px;
}
footer.footer .sectionsWrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
footer.footer .sectionsWrap ul a {
  color: #1c1c1c;
  font-size: 14px;
}
footer.footer .sectionsWrap ul a:hover {
  color: #007d4a;
}
footer.footer .sectionsWrap .title {
  font-weight: bold;
  text-transform: uppercase;
}
footer.footer .cRight {
  margin-top: 20px;
  text-align: center;
  font-size: 14px;
}
footer.footer .socialList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (min-width: 769px) {
  footer.footer .socialList {
    padding-bottom: 5px;
  }
}
footer.footer .socialList a {
  color: #1c1c1c;
}
footer.footer .socialList a:hover {
  color: #007d4a;
}
footer.footer .appList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 180px;
}
footer.footer .appList img {
  max-width: 146px;
}
footer.footer .appList a {
  display: block;
  margin-bottom: 10px;
}
footer.footer .appList a img {
  max-width: 100%;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
footer.footer .appList a:hover img {
  -webkit-filter: brightness(0.7);
          filter: brightness(0.7);
}
@media only screen and (max-width: 768px) {
  footer.footer .appList {
    display: none;
  }
}

.menuPage {
  padding-bottom: 9rem;
}
@media only screen and (max-width: 1256px) {
  .menuPage {
    padding-bottom: 13rem;
  }
}

.menuPage.mainContainer {
  position: relative;
  margin: 0 auto;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .menuPage.mainContainer select:focus, .menuPage.mainContainer textarea:focus, .menuPage.mainContainer input:focus {
    font-size: 16px;
  }
}
.menuPage.mainContainer .listTitle-mobile {
  padding: 16px 8px;
  display: none;
  width: 100%;
  position: relative;
  z-index: 2;
  overflow-x: scroll;
  scrollbar-width: none;
}
.menuPage.mainContainer .listTitle-mobile::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 1025px) {
  .menuPage.mainContainer .listTitle-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 442px) {
  .menuPage.mainContainer .listTitle-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 650px) {
  .menuPage.mainContainer .listTitle-mobile {
    padding: 16px 16px 2px;
  }
}
.menuPage.mainContainer .listTitle-mobile img {
  max-height: 45px;
}
.menuPage.mainContainer .listTitle-mobile .openAllergenModal {
  text-decoration: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #000;
  font-family: Italian Plate No2;
  font-size: 14px;
  margin-right: 17px;
  padding: 8px 12px 8px 8px;
  background-color: white;
  border: 1px solid #E5E5E5;
  border-radius: 20px;
  position: relative;
}
.menuPage.mainContainer .listTitle-mobile .openAllergenModal:after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #D9D9D9;
  position: absolute;
  right: -10px;
}
.menuPage.mainContainer .listTitle-mobile .openAllergenModal p {
  margin: 0;
  font-weight: 600;
  color: #007A53;
}
.menuPage.mainContainer .listTitle-mobile .openAllergenModal i {
  font-size: 16px;
  color: #007A53;
}
.menuPage.mainContainer .listTitle-mobile .iconsFilters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.menuPage.mainContainer .listTitle-mobile .iconsFilters .icon p {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
}
.menuPage.mainContainer .listTitle-mobile .toggle-calories-info {
  margin-left: 17px;
  position: relative;
}
.menuPage.mainContainer .listTitle-mobile .toggle-calories-info:after {
  content: "";
  height: 100%;
  width: 1px;
  background-color: #D9D9D9;
  position: absolute;
  left: -9px;
}
.menuPage.mainContainer .listTitle-mobile .filtersBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menuPage.mainContainer .listTitle-mobile .filtersBox a {
  width: 100%;
  color: #464646;
}
.menuPage.mainContainer .listTitle-mobile .filtersBox a:hover {
  text-decoration: none;
}
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right, .menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  background-color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-radius: 5px;
  width: 100%;
  border: 1px solid rgb(229, 229, 229);
  padding: 0.375rem 0.75rem;
  height: 42px;
}
@media only screen and (max-width: 350px) {
  .menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right, .menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right {
    padding: 0.375rem 0.4063rem;
  }
}
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_pizzas,
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_papadias,
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_sides,
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_drinks,
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_desserts, .menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_pizzas,
.menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_papadias,
.menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_sides,
.menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_drinks,
.menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_desserts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_pizzas img,
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_papadias img,
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_sides img,
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_drinks img,
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_desserts img, .menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_pizzas img,
.menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_papadias img,
.menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_sides img,
.menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_drinks img,
.menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_desserts img {
  height: 20px;
  width: auto;
  margin: 0 1px;
}
@media only screen and (max-width: 768px) {
  .menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_pizzas img,
  .menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_papadias img,
  .menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_sides img,
  .menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_drinks img,
  .menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersIconsBox_desserts img, .menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_pizzas img,
  .menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_papadias img,
  .menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_sides img,
  .menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_drinks img,
  .menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersIconsBox_desserts img {
    height: 16px;
    width: auto;
    margin: 0 1px;
  }
}
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .filtersBox_right_text, .menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_right .allergies_right_text, .menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .filtersBox_right_text, .menuPage.mainContainer .listTitle-mobile .filtersBox .allergies_right .allergies_right_text {
  padding: 0;
  font-size: 16px;
}
.menuPage.mainContainer .listTitle-mobile .filtersBox .filtersBox_left {
  background-color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px;
  font-weight: 600;
  font-size: 16px;
}
.menuPage.mainContainer .listTitle-mobile .filtersBox:hover {
  cursor: pointer;
}
.menuPage.mainContainer .iconsFilters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}
@media only screen and (max-width: 1025px) {
  .menuPage.mainContainer .iconsFilters {
    display: none;
  }
}
.menuPage.mainContainer .iconsFilters .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  font-family: Italian Plate No2;
  font-size: 14px;
  padding: 8px 12px 8px 8px;
  margin: 0;
  background-color: white;
  border: 1px solid #E5E5E5;
  -webkit-transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out;
  border-radius: 20px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.menuPage.mainContainer .iconsFilters .icon p {
  margin: 0;
}
.menuPage.mainContainer .iconsFilters .icon img {
  width: 18px;
  height: 18px;
  margin-right: 6px;
}
.menuPage.mainContainer .iconsFilters .icon input {
  opacity: 0;
  width: 0;
  height: 0;
}
.menuPage.mainContainer .iconsFilters .icon:has(input:checked) {
  color: white;
  background-color: #007A53;
}
.menuPage.mainContainer .productsRow {
  margin: 10px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow-x: hidden;
}
.menuPage.mainContainer .productsRow .filtersInfo {
  width: 100%;
  margin: 0 5px;
  padding-top: 16px;
  padding-bottom: 10px;
  display: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menuPage.mainContainer .productsRow .filtersInfo.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1257px) {
  .menuPage.mainContainer .productsRow .filtersInfo {
    padding-top: 0;
    margin: 0 10px;
  }
}
@media screen and (min-width: 1430px) {
  .menuPage.mainContainer .productsRow .filtersInfo {
    margin: 0 20px;
  }
}
.menuPage.mainContainer .productsRow .filtersInfo p {
  margin: 0;
  color: #545454;
  font-size: 16px;
  line-height: 12px;
}
.menuPage.mainContainer .productsRow .filtersInfo i {
  color: #545454;
  margin-right: 8px;
}
.menuPage.mainContainer .productsRow .pizzaSubSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  overflow-x: hidden;
  width: 100%;
}
.menuPage.mainContainer .productsRow .productEntry:not(.hidden) + .ftWrap {
  margin: 10px 0 15px;
}
.menuPage.mainContainer .productsRow .ftWrap {
  margin: 10px 0;
  position: relative;
  z-index: 1;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.menuPage.mainContainer .productsRow .ftWrap.hidden {
  display: none;
}
@media only screen and (min-width: 640px) and (max-width: 1257px) {
  .menuPage.mainContainer .productsRow .ftWrap:not(.top-section-banner) {
    display: none;
  }
}
.menuPage.mainContainer .productsRow .ftWrap.top-section-banner > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 10px);
  height: 100%;
}
@media only screen and (min-width: 650px) {
  .menuPage.mainContainer .productsRow .ftWrap.top-section-banner > div {
    width: 100%;
  }
}
.menuPage.mainContainer .productsRow .ftWrap.top-section-banner .productFeaturedEntry {
  background-size: cover;
  width: 100%;
}
@media only screen and (min-width: 650px) {
  .menuPage.mainContainer .productsRow .ftWrap.top-section-banner .productFeaturedEntry {
    width: auto;
  }
}
.menuPage.mainContainer .productsRow .ftWrap.top-section-banner .productFeaturedEntry .inner .rSide {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.menuPage.mainContainer .productsRow .ftWrap.top-section-banner .productFeaturedEntry .inner .rSide .paramList li img {
  max-width: 18px;
}
.menuPage.mainContainer .productsRow .ftWrap.top-section-banner .productFeaturedEntry .footer a {
  font-weight: 400;
}
@media only screen and (min-width: 650px) {
  .menuPage.mainContainer .productsRow .ftWrap.top-section-banner {
    width: calc(33% - 10px);
    max-width: 34%;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 15px;
  }
  .menuPage.mainContainer .productsRow .ftWrap.top-section-banner .productFeaturedEntry {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    background-position: left;
  }
  .menuPage.mainContainer .productsRow .ftWrap.top-section-banner .productFeaturedEntry .footer {
    width: auto;
    min-width: 175px;
  }
}
@media only screen and (min-width: 1257px) {
  .menuPage.mainContainer .productsRow .ftWrap.top-section-banner {
    margin-bottom: 20px;
  }
  .menuPage.mainContainer .productsRow .ftWrap.top-section-banner .productFeaturedEntry {
    margin-left: 5px;
    margin-right: 5px;
  }
}
@media only screen and (min-width: 1430px) {
  .menuPage.mainContainer .productsRow .ftWrap.top-section-banner .productFeaturedEntry {
    margin-left: 15px;
    margin-right: 15px;
  }
}
@media only screen and (min-width: 650px) {
  .menuPage.mainContainer .productsRow .ftWrap.top-section-banner[data-banner=true] {
    width: calc(66% - 10px);
    max-width: 68%;
  }
}
.menuPage.mainContainer .productsRow .ftWrap .productFeaturedEntry {
  position: relative;
  z-index: 3;
}
.menuPage.mainContainer .productsRow .nameSection {
  width: 100%;
  padding: 10px 30px 0px 10px;
}
.menuPage.mainContainer .productsRow .nameSection .mSectTitleSmall {
  font-size: 24px;
  line-height: 24px;
  margin: 0;
  color: #000;
}
.menuPage.mainContainer .productsRow .nameSection .mSectTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 8px;
  background-color: #000000;
  color: #FFFFFF;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 24px;
  line-height: 0.8;
  margin: 0;
}
.menuPage.mainContainer .productsRow .listTitle {
  width: 100%;
  padding-left: 10px;
  position: relative;
  z-index: 2;
  padding-right: 15px;
  padding-bottom: 14px;
  margin-top: 10px;
  margin-bottom: 0px;
}
@media only screen and (min-width: 1257px) and (max-width: 1430px) {
  .menuPage.mainContainer .productsRow .listTitle {
    padding-right: 19px !important;
    padding-left: 10px !important;
  }
}
@media only screen and (max-width: 1256px) {
  .menuPage.mainContainer .productsRow .listTitle {
    padding: 0 19px 0 5px;
  }
}
@media only screen and (max-width: 1025px) {
  .menuPage.mainContainer .productsRow .listTitle {
    margin: 0;
  }
}
.menuPage.mainContainer .productsRow .listTitle .mSectTitleLarge {
  font-size: 32px;
  line-height: 32px;
  margin: 0;
  color: #000;
  text-transform: capitalize;
}
@media only screen and (max-width: 1025px) {
  .menuPage.mainContainer .productsRow .listTitle .mSectTitleLarge.hideMobile {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .menuPage.mainContainer .productsRow .listTitle .mSectTitleLarge {
    margin-top: 25px;
  }
}
.menuPage.mainContainer .productsRow .listTitle img {
  max-height: 45px;
}
.menuPage.mainContainer .productsRow .listTitle .filtersBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .menuPage.mainContainer .productsRow .listTitle .filtersBox {
    margin-top: 25px;
  }
}
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 10px;
  border-radius: 5px;
}
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_pizzas,
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_papadias,
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_sides,
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_drinks,
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_desserts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_pizzas img,
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_papadias img,
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_sides img,
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_drinks img,
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_desserts img {
  height: 20px;
  width: auto;
  margin: 0 1px;
}
@media only screen and (max-width: 768px) {
  .menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_pizzas img,
  .menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_papadias img,
  .menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_sides img,
  .menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_drinks img,
  .menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersIconsBox_desserts img {
    height: 16px;
    width: auto;
    margin: 0 1px;
  }
}
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersBox_right_text {
  padding: 0 10px;
  font-size: 16px;
}
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_right .filtersBox_right_graphicSymbol img {
  height: 16px;
  width: auto;
}
.menuPage.mainContainer .productsRow .listTitle .filtersBox .filtersBox_left {
  background-color: #fff;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding: 10px;
  font-weight: 600;
  font-size: 16px;
}
.menuPage.mainContainer .productsRow .listTitle .filtersBox:hover {
  cursor: pointer;
}
.menuPage.mainContainer .productsRow .listTitle .additionalFiltersBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
}
@media only screen and (max-width: 1025px) {
  .menuPage.mainContainer .productsRow .listTitle .additionalFiltersBox {
    display: none;
  }
}
.menuPage.mainContainer .productsRow .listTitle .additionalFiltersBox .openAllergenModal {
  text-decoration: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #000;
  font-family: Italian Plate No2;
  font-size: 14px;
  padding: 8px 12px 8px 8px;
  background-color: white;
  border: 1px solid #E5E5E5;
  border-radius: 20px;
}
.menuPage.mainContainer .productsRow .listTitle .additionalFiltersBox .openAllergenModal p {
  margin: 0;
  font-weight: 600;
  color: #007A53;
}
.menuPage.mainContainer .productsRow .listTitle .additionalFiltersBox .openAllergenModal i {
  font-size: 16px;
  color: #007A53;
}
.menuPage.mainContainer .productsRow .iconsDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 24px 10px 16px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 43px;
}
.menuPage.mainContainer .productsRow .iconsDetails span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  color: #000;
  font-family: Italian Plate No2;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
}
.menuPage.mainContainer .productsRow .iconsDetails span img {
  width: 18px;
  height: 18px;
}
@media only screen and (max-width: 1025px) {
  .menuPage.mainContainer .productsRow .iconsDetails.desktopScreen {
    display: none;
  }
  .menuPage.mainContainer .productsRow .iconsDetails.mobileScreen {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    width: 100%;
    height: 42px;
    padding: 0px 24px 0px 16px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    white-space: nowrap;
  }
  .menuPage.mainContainer .productsRow .iconsDetails.mobileScreen span img {
    width: 16px;
    height: 16px;
  }
}
@media only screen and (max-width: 425px) {
  .menuPage.mainContainer .productsRow .iconsDetails.mobileScreen {
    gap: 16px;
  }
}
.menuPage.mainContainer .productsRow .productEntry {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  z-index: 2;
}
.menuPage.mainContainer .productsRow .productEntry.hidden {
  display: none;
}
.menuPage.mainContainer .productsRow .productEntry .allergenWarning {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  padding: 8px;
  border-radius: 6px 6px 0 0;
  background-color: #FEC7C3;
  font-size: 14px;
}
.menuPage.mainContainer .productsRow .productEntry .allergenWarning .fa-exclamation-triangle {
  color: #DA102E;
  font-weight: 500;
}
.menuPage.mainContainer .productsRow .productEntry .allergenWarning .allergenStrip_lSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menuPage.mainContainer .productsRow .productEntry .allergenWarning .allergenStrip_lSide .fas {
  margin-right: 20px;
  color: #fff;
}
@media only screen and (min-width: 420px) {
  .menuPage.mainContainer .productsRow .productEntry .allergenWarning .allergenStrip_lSide .fas {
    margin-left: 5px;
  }
}
.menuPage.mainContainer .productsRow .productEntry .allergenWarning .allergenWarning_text {
  margin-left: 6px;
}
@media only screen and (max-width: 420px) {
  .menuPage.mainContainer .productsRow .productEntry .allergenWarning .allergenWarning_text {
    font-size: 14px;
  }
}
.menuPage.mainContainer .productsRow .productEntry .prodHeader .prodImage {
  border-radius: 6px 6px 0 0;
  border-bottom: 2px solid #fff;
  overflow: hidden;
  min-height: 85px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: right;
      -ms-flex-pack: right;
          justify-content: right;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 10px;
  position: relative;
}
.menuPage.mainContainer .productsRow .productEntry .prodHeader .prodImage .badge {
  left: 0px;
  top: 5px;
  position: absolute;
  max-width: 60%;
}
.menuPage.mainContainer .productsRow .productEntry .prodHeader .prodImage .badge-new {
  width: 52px;
  height: 33px;
}
.menuPage.mainContainer .productsRow .productEntry .prodHeader .prodImage .badge-limited {
  width: 86px;
  height: 25px;
}
@media only screen and (min-width: 500px) {
  .menuPage.mainContainer .productsRow .productEntry .prodHeader .prodImage .badge-limited {
    width: 120px;
    height: 34px;
  }
}
@media only screen and (min-width: 650px) {
  .menuPage.mainContainer .productsRow .productEntry .prodHeader .prodImage .badge-limited {
    width: 148px;
    height: 42px;
  }
}
.menuPage.mainContainer .productsRow .productEntry .prodHeader .prodImage .paramList {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menuPage.mainContainer .productsRow .productEntry .prodHeader .prodImage .paramList li {
  margin-right: 5px;
}
.menuPage.mainContainer .productsRow .productEntry .prodHeader .prodImage .paramList li img {
  max-width: 18px;
}
.menuPage.mainContainer .productsRow .productEntry .prodHeader .prodImage .paramList li:last-of-type {
  margin-right: 0;
}
.menuPage.mainContainer .productsRow .productEntry .prodHeader .prodImage .options {
  color: #fff;
}
@media only screen and (max-width: 1257px) {
  .menuPage.mainContainer .productsRow .productEntry .prodHeader .prodImage {
    min-height: 100px;
  }
}
.menuPage.mainContainer .productsRow .productEntry.Pizza .prodImage {
  background-size: 103% auto !important;
  background-position: bottom center !important;
  height: 162px;
  border-bottom: 2px solid #fff;
}
@media only screen and (min-width: 650px) and (max-width: 730px) {
  .menuPage.mainContainer .productsRow .productEntry.Pizza .prodImage {
    background-size: cover !important;
  }
}
@media only screen and (min-width: 421px) and (max-width: 505px) {
  .menuPage.mainContainer .productsRow .productEntry.Pizza .prodImage {
    height: 133px;
  }
}
@media only screen and (min-width: 401px) and (max-width: 420px) {
  .menuPage.mainContainer .productsRow .productEntry.Pizza .prodImage {
    height: 127px;
  }
}
@media only screen and (min-width: 310px) and (max-width: 400px) {
  .menuPage.mainContainer .productsRow .productEntry.Pizza .prodImage {
    height: 100px;
  }
}
.menuPage.mainContainer .productsRow .productEntry.Pizza .prodImage_onlyDeals {
  background-size: 103% auto !important;
  background-position: bottom center !important;
  padding: 0 !important;
  border-bottom: 2px solid #fff;
}
.menuPage.mainContainer .productsRow .productEntry > .prodHeader .customize {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #F8F8F8;
  border-radius: 14px;
  font-weight: 400;
  width: 1.625rem;
  height: 1.625rem;
  font-size: 0.8125rem;
  color: #007A53;
}
.menuPage.mainContainer .productsRow .productEntry > .prodHeader .hide {
  display: none;
}
.menuPage.mainContainer .productsRow .productEntry .prodBody {
  margin: 10px 10px 5px 10px;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
.menuPage.mainContainer .productsRow .productEntry .prodBody .iconsRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0.5rem;
}
.menuPage.mainContainer .productsRow .productEntry .prodBody .iconsRow .pizzaCategory {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem;
  font-size: 0.8125rem;
  border-radius: 0.25rem;
  background: #FFD4A7;
}
.menuPage.mainContainer .productsRow .productEntry .prodBody .iconsRow .pizzaCategory.favourites {
  background: #E3C2ED;
}
.menuPage.mainContainer .productsRow .productEntry .prodBody .iconsRow .pizzaCategory.signature {
  color: #fff;
  background: #710500;
}
.menuPage.mainContainer .productsRow .productEntry .prodBody h2 {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.25rem;
  text-align: left;
  margin: 0;
  color: #464646;
  letter-spacing: -0.75px;
}
.menuPage.mainContainer .productsRow .productEntry .prodBody .paramList {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menuPage.mainContainer .productsRow .productEntry .prodBody .paramList li {
  margin-right: 5px;
}
.menuPage.mainContainer .productsRow .productEntry .prodBody .paramList li img {
  max-width: 18px;
}
.menuPage.mainContainer .productsRow .productEntry .prodBody .paramList li:last-of-type {
  margin-right: 0;
}
.menuPage.mainContainer .productsRow .productEntry .prodDesc {
  text-align: left;
  margin: 5px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.menuPage.mainContainer .productsRow .productEntry .prodDesc + .variationCont {
  padding: 10px 10px 5px 10px;
}
.menuPage.mainContainer .productsRow .productEntry .buttonEntry,
.menuPage.mainContainer .productsRow .productEntry .buttonEntry2 {
  margin-top: auto;
  padding: 5px 10px 10px 10px;
}
.menuPage.mainContainer .productsRow .productEntry .buttonEntry a,
.menuPage.mainContainer .productsRow .productEntry .buttonEntry2 a {
  padding: 10px;
  color: #fff;
  background-color: #007d4a;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  padding: 2px 10px;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menuPage.mainContainer .productsRow .productEntry .buttonEntry a:hover,
.menuPage.mainContainer .productsRow .productEntry .buttonEntry2 a:hover {
  color: #fff;
  border-color: #ed8b00;
  background-color: #ed8b00;
}
.menuPage.mainContainer .productsRow .productEntry .buttonEntry a .dealBuilderPrice,
.menuPage.mainContainer .productsRow .productEntry .buttonEntry2 a .dealBuilderPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menuPage.mainContainer .productsRow .productEntry .buttonEntry a .dealBuilderPrice .dealBuilderPrefix,
.menuPage.mainContainer .productsRow .productEntry .buttonEntry2 a .dealBuilderPrice .dealBuilderPrefix {
  margin: 0;
}
.menuPage.mainContainer .productsRow .productEntry .variationCont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin-top: auto;
  -ms-flex-item-align: end;
      align-self: flex-end;
  padding: 5px 10px;
  width: 100%;
}
.menuPage.mainContainer .productsRow .productEntry .variationCont select {
  width: 100%;
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 14px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 100%;
  text-overflow: ellipsis;
  padding-left: 3px;
  height: 30px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: url(../images/icons/chevron_down_blue.png);
  background-size: 14px;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  padding-right: 25px;
  border-radius: 5px;
  background-color: #f8f8f8;
  color: #000000;
}
.menuPage.mainContainer .productsRow .productEntry .variationCont select:hover {
  border-color: #007d4a;
}
.menuPage.mainContainer .productsRow .productEntry .prodHeader .options {
  font-weight: bold;
  font-size: 12px;
}
.menuPage.mainContainer .productsRow .productEntry .prodHeader .options i {
  margin-left: 5px;
}
.menuPage.mainContainer .productsRow .productEntry .prodHeader .options .hide {
  display: none;
}
.menuPage.mainContainer .productsRow .productEntry:hover {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.65);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.65);
}
.menuPage.mainContainer .productsRow .top-section-banner .allergenWarning {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 30px;
  padding: 8px;
  border-radius: 6px 6px 0 0;
  background-color: #FEC7C3;
  font-size: 14px;
}
.menuPage.mainContainer .productsRow .top-section-banner .allergenWarning .fa-exclamation-triangle {
  color: #DA102E;
  font-weight: 500;
}
.menuPage.mainContainer .productsRow .top-section-banner .allergenWarning .allergenStrip_lSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menuPage.mainContainer .productsRow .top-section-banner .allergenWarning .allergenStrip_lSide .fas {
  margin-right: 20px;
  color: #fff;
}
@media only screen and (min-width: 420px) {
  .menuPage.mainContainer .productsRow .top-section-banner .allergenWarning .allergenStrip_lSide .fas {
    margin-left: 5px;
  }
}
.menuPage.mainContainer .productsRow .top-section-banner .allergenWarning .allergenWarning_text {
  margin-left: 6px;
}
@media only screen and (max-width: 420px) {
  .menuPage.mainContainer .productsRow .top-section-banner .allergenWarning .allergenWarning_text {
    font-size: 14px;
  }
}
.menuPage.mainContainer .productFeaturedEntry {
  width: calc(100% - 10px);
  background-color: #fff;
  margin: 0px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding-bottom: 40%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
}
.menuPage.mainContainer .productFeaturedEntry .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 10px 10px 10px 10px;
}
.menuPage.mainContainer .productFeaturedEntry .inner .rSide {
  position: absolute;
  bottom: 35px;
  right: 0px;
  padding: 5px 10px 10px 10px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.menuPage.mainContainer .productFeaturedEntry .inner .rSide .paramList {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 3px;
  margin-right: 0px;
  min-width: 18px;
}
.menuPage.mainContainer .productFeaturedEntry .inner .rSide .paramList li img {
  max-width: 14px;
}
.menuPage.mainContainer .productFeaturedEntry .footer {
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding: 5px 10px 10px 10px;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.menuPage.mainContainer .productFeaturedEntry .footer > div select {
  width: 100%;
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 14px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 100%;
  text-overflow: ellipsis;
  padding-left: 3px;
  height: 30px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: url(../images/icons/chevron_down_blue.png);
  background-size: 14px;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  padding-right: 25px;
  border-radius: 5px;
  background-color: #f8f8f8;
}
.menuPage.mainContainer .productFeaturedEntry .footer > div select:hover {
  border-color: #007d4a;
}
.menuPage.mainContainer .productFeaturedEntry .footer > div {
  max-width: 50%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.menuPage.mainContainer .productFeaturedEntry .footer > div a {
  color: #545454;
  background-color: #fff;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
  padding: 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 700;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menuPage.mainContainer .productFeaturedEntry .footer > div a:hover {
  color: #fff;
  border-color: #ed8b00;
  background-color: #ed8b00;
}
.menuPage.mainContainer .productFeaturedEntry .footer > div a .rightPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 3px;
}
.menuPage.mainContainer .productFeaturedEntry .footer > div a .rightPrice .price_text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-transform: none;
  font-size: 10px;
  margin: 0 !important;
  font-weight: normal;
  font-family: "Italian Plate No2";
  padding-bottom: 2px;
}
.menuPage.mainContainer .productFeaturedEntry .footer:not(.full) > div:first-of-type {
  margin-right: 5px;
}
.menuPage.mainContainer .productFeaturedEntry .footer:not(.full) > div:first-of-type select {
  max-width: 100%;
}
.menuPage.mainContainer .productFeaturedEntry .footer:not(.full) > div:last-of-type {
  margin-left: 5px;
}
.menuPage.mainContainer .productFeaturedEntry .footer.full > div {
  max-width: 100%;
}
.menuPage.mainContainer .productFeaturedEntry:hover {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.65);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.65);
}
.menuPage.mainContainer .sectWrap:first-of-type {
  margin-top: 5px;
}
.menuPage.mainContainer .sectWrap:last-of-type {
  padding-bottom: 65px !important;
}
.menuPage.mainContainer:not(.whatsNewPage) .productEntry.Pizza .prodImage {
  background-size: 103% auto !important;
  background-position: bottom center !important;
  height: 162px;
  border-bottom: 2px solid #fff;
}
@media only screen and (min-width: 1000px) and (max-width: 1350px) {
  .menuPage.mainContainer:not(.whatsNewPage) .productEntry.Pizza .prodImage {
    height: 128px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 999px) {
  .menuPage.mainContainer:not(.whatsNewPage) .productEntry.Pizza .prodImage {
    height: 116px;
  }
}
@media only screen and (min-width: 650px) and (max-width: 730px) {
  .menuPage.mainContainer:not(.whatsNewPage) .productEntry.Pizza .prodImage {
    height: 100px;
  }
}
@media only screen and (min-width: 421px) and (max-width: 505px) {
  .menuPage.mainContainer:not(.whatsNewPage) .productEntry.Pizza .prodImage {
    height: 133px;
  }
}
@media only screen and (min-width: 401px) and (max-width: 420px) {
  .menuPage.mainContainer:not(.whatsNewPage) .productEntry.Pizza .prodImage {
    height: 127px;
  }
}
@media only screen and (min-width: 310px) and (max-width: 400px) {
  .menuPage.mainContainer:not(.whatsNewPage) .productEntry.Pizza .prodImage {
    height: 100px;
  }
}
@media only screen and (max-width: 1025px) {
  .menuPage.mainContainer.whatsNewPage .productsRow .listTitle {
    margin-top: 10px;
  }
}
@media only screen and (max-width: 1025px) {
  .menuPage.mainContainer.whatsNewPage .productsRow .listTitle .additionalFiltersBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (min-width: 650px) and (max-width: 768px) {
  .menuPage.mainContainer.whatsNewPage .productsRow .listTitle .additionalFiltersBox {
    margin-top: 25px;
  }
}
.menuPage.mainContainer .calInfo {
  margin: 0px 20px 20px 20px;
}
@media only screen and (max-width: 1025px) {
  .menuPage.mainContainer .calInfo {
    margin: 0px 20px 100px 20px;
  }
}
.menuPage.mainContainer .calInfo > i {
  color: #247d4a;
  margin-right: 4px;
}
.menuPage.mainContainer .calInfo > span {
  font-size: 15px;
  color: #464646;
}
.menuPage.mainContainer .productsRow {
  width: 99%;
  max-width: 100%;
  margin: 5px 0;
  padding: 0 3px;
}
@media only screen and (max-width: 650px) {
  .menuPage.mainContainer .productsRow {
    padding: 0 10px 0 15px;
  }
}
.menuPage.mainContainer .productsRow .customiseBannersBox {
  max-width: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 30px 17px 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 649px) {
  .menuPage.mainContainer .productsRow .customiseBannersBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 10px 5px 15px 5px;
  }
}
@media only screen and (min-width: 650px) and (max-width: 1199px) {
  .menuPage.mainContainer .productsRow .customiseBannersBox {
    margin: 10px 14px 15px 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1429px) {
  .menuPage.mainContainer .productsRow .customiseBannersBox {
    margin: 10px 20px 17px 10px;
  }
}
.menuPage.mainContainer .productsRow .customiseBannersBox .twoColumnsBanners {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 2;
      -ms-flex: 2 0 auto;
          flex: 2 0 auto;
  gap: 10px;
}
@media only screen and (min-width: 1257px) {
  .menuPage.mainContainer .productsRow .customiseBannersBox .twoColumnsBanners {
    gap: 20px;
  }
}
@media only screen and (min-width: 1430px) {
  .menuPage.mainContainer .productsRow .customiseBannersBox .twoColumnsBanners {
    gap: 40px;
  }
}
@media only screen and (min-width: 1257px) {
  .menuPage.mainContainer .productsRow .customiseBannersBox .twoColumnsBanners.threeBanners .leftBannerContainer,
  .menuPage.mainContainer .productsRow .customiseBannersBox .twoColumnsBanners.threeBanners .bottomBannerContainer {
    max-width: 349px;
  }
}
@media only screen and (min-width: 1430px) {
  .menuPage.mainContainer .productsRow .customiseBannersBox .twoColumnsBanners.threeBanners .leftBannerContainer,
  .menuPage.mainContainer .productsRow .customiseBannersBox .twoColumnsBanners.threeBanners .bottomBannerContainer {
    max-width: 410px;
  }
}
.menuPage.mainContainer .productsRow .customiseBannersBox .rightBannerContainer,
.menuPage.mainContainer .productsRow .customiseBannersBox .leftBannerContainer,
.menuPage.mainContainer .productsRow .customiseBannersBox .bottomBannerContainer {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-position: left;
  background-size: cover;
  background-repeat: no-repeat;
  height: 120px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  border: none;
  position: relative;
}
.menuPage.mainContainer .productsRow .customiseBannersBox .rightBannerContainer .deal-button,
.menuPage.mainContainer .productsRow .customiseBannersBox .leftBannerContainer .deal-button,
.menuPage.mainContainer .productsRow .customiseBannersBox .bottomBannerContainer .deal-button {
  position: absolute;
  right: 8px;
  bottom: 8px;
  padding: 8px;
  color: #585d62;
  background-color: #fff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 16px;
  line-height: 16px;
  font-weight: bold;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.menuPage.mainContainer .productsRow .customiseBannersBox .rightBannerContainer .deal-button:hover,
.menuPage.mainContainer .productsRow .customiseBannersBox .leftBannerContainer .deal-button:hover,
.menuPage.mainContainer .productsRow .customiseBannersBox .bottomBannerContainer .deal-button:hover {
  color: #fff;
  border-color: #ed8b00;
  background-color: #ed8b00;
}
.menuPage.mainContainer .productsRow .customiseBannersBox .leftBannerContainer {
  background-image: url("/static/assets/menu/CYO-banner.png");
}
.menuPage.mainContainer .productsRow .customiseBannersBox .bottomBannerContainer {
  background-image: url("/static/assets/menu/H&H-banner.png");
}
.menuPage.mainContainer .productsRow .customiseBannersBox .rightBannerContainer {
  margin-left: 10px;
}
@media only screen and (max-width: 649px) {
  .menuPage.mainContainer .productsRow .customiseBannersBox .rightBannerContainer {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
    margin-left: 0;
    margin-top: 20px;
  }
}
@media only screen and (min-width: 850px) {
  .menuPage.mainContainer .productsRow .customiseBannersBox .rightBannerContainer {
    margin-right: 2px;
  }
}
@media only screen and (min-width: 1257px) {
  .menuPage.mainContainer .productsRow .customiseBannersBox .rightBannerContainer {
    max-width: 349px;
    margin-left: 20px;
    margin-right: 0;
  }
}
@media only screen and (min-width: 1430px) {
  .menuPage.mainContainer .productsRow .customiseBannersBox .rightBannerContainer {
    max-width: 410px;
    margin-left: 40px;
    margin-right: 2px;
  }
}
.menuPage.mainContainer .productsRow .productEntry {
  margin: 10px 5px 15px 5px;
  width: calc(50% - 10px);
}
@media only screen and (min-width: 650px) {
  .menuPage.mainContainer .productsRow {
    width: 100%;
    max-width: 100%;
    margin: 5px auto;
  }
  .menuPage.mainContainer .productsRow .productEntry {
    width: calc(33% - 10px);
    max-width: 34%;
  }
  .menuPage.mainContainer .productsRow .productFeaturedEntry {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 639px) {
  .menuPage.mainContainer .sectWrap .featListing {
    display: none;
  }
}
@media only screen and (min-width: 1257px) {
  .menuPage.mainContainer .sectWrap {
    width: 100%;
  }
  .menuPage.mainContainer .sectWrap .ftWrap:not(.top-section-banner) {
    display: none;
  }
  .menuPage.mainContainer .sectWrap .productsRow {
    width: calc(100% - 420px);
    margin: 5px 0;
  }
  .menuPage.mainContainer .sectWrap .productsRow .listTitle {
    padding: 10px 30px 14px 16px;
  }
  .menuPage.mainContainer .sectWrap .productsRow .nameSection {
    padding: 10px 30px 0px 20px;
  }
  .menuPage.mainContainer .sectWrap .productsRow .productEntry {
    margin: 10px 10px 20px 10px;
    width: calc(33% - 20px);
    max-width: 349px;
  }
  .menuPage.mainContainer .sectWrap .productsRow .productEntry .prodHeader .prodImage {
    min-height: 130px;
  }
  .menuPage.mainContainer .sectWrap .productsRow .productEntry .prodBody {
    height: auto;
  }
  .menuPage.mainContainer .sectWrap .productsRow .productEntry .prodBody h2 {
    text-align: left;
    font-size: 1.25rem;
    line-height: 1.25rem;
  }
  .menuPage.mainContainer .sectWrap .productsRow .productEntry .prodDesc {
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .menuPage.mainContainer .sectWrap .productsRow .productFeaturedEntry {
    margin-left: 10px;
    margin-right: 10px;
    width: calc(50% - 20px);
  }
}
@media only screen and (min-width: 1430px) {
  .menuPage.mainContainer .sectWrap {
    width: 1430px;
    max-width: 100%;
    margin: 0 auto;
  }
  .menuPage.mainContainer .sectWrap .productsRow .productEntry {
    margin: 10px 20px 20px 20px;
    width: calc(33% - 40px);
    max-width: 410px;
    min-height: 365px;
  }
}

.productsRow .listTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  white-space: nowrap;
}

.botInfoTextBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}
.botInfoTextBox:hover {
  text-decoration: none;
}
.botInfoTextBox:hover i {
  color: #007d4a;
}

.mobileNavBarBox {
  white-space: nowrap;
  background-color: #fff;
  border-bottom: 1px solid rgb(229, 229, 229);
  border-top: 1px solid rgb(229, 229, 229);
}

.mobileNavBarContainer {
  width: 100%;
  overflow-x: scroll;
  /* Hide scrollbar for IE, Edge and Firefox */
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
  /* Hide scrollbar for Chrome, Safari and Opera */
}
.mobileNavBarContainer::-webkit-scrollbar {
  display: none;
}

.mobileNavBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 620px;
  height: 45px;
  margin-left: 10px;
  font-weight: 700;
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .mobileNavBar {
    width: 100%;
  }
}
.mobileNavBar li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 4px 0;
}

.mobileNavBarBox ul {
  margin-right: 10px;
}

@media only screen and (min-width: 320px) and (max-width: 374px) {
  .mobileNavBar li {
    width: 22.22%;
  }
}
.mobileNavBar li a {
  color: #464646;
  text-align: center;
  padding: 8px 4px;
  text-decoration: none;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  height: 100%;
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-right: 2px solid rgb(239, 239, 239);
  text-transform: uppercase;
}
.mobileNavBar li a.greenButton {
  color: #007a53;
}

.mobileNavBar span {
  padding: 6px 29px;
}

.mobileNavBar_El_active {
  background-color: red;
  color: #fff;
  padding: 6px 14px;
  border-radius: 5px;
}

.mobileNavBar .navButton.active {
  background-color: red;
  color: #fff;
  padding: 6px 14px;
  border-radius: 5px;
}
.mobileNavBar .navButton.active.greenButton {
  background-color: #007a53;
}

.mobileNavBar .navButton.veganuaryButton.active {
  background-color: #007D4A;
}

.sticky {
  position: sticky;
  top: 0;
  z-index: 10;
}

.basketNewBox {
  background-color: #fff;
  width: 100%;
  margin-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketNewBox .basketNew {
  position: relative;
  border: 4px solid transparent;
  border-radius: 5px;
  background-clip: padding-box;
}
.basketNewBox .qr-banner {
  height: 70px;
  width: 100%;
  border-radius: 0.5rem;
  background-color: #F4F4F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6px;
}
@media screen and (max-width: 303px) {
  .basketNewBox .qr-banner {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
@media screen and (max-width: 357px) {
  .basketNewBox .qr-banner {
    position: relative;
  }
}
@media screen and (min-width: 400px) {
  .basketNewBox .qr-banner {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.basketNewBox .qr-banner-basket-spacing {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.basketNewBox .qr-banner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  overflow: hidden;
  border-radius: 0.5rem;
  width: 100%;
  padding-top: 10px;
  margin-inline: 16px;
}
.basketNewBox .qr-banner i {
  margin-right: 0.875rem;
  font-size: 1.375rem;
  line-height: 1.25rem;
  color: #007A53;
}
@media screen and (max-width: 303px) {
  .basketNewBox .qr-banner i {
    position: absolute;
    right: 0;
  }
}
@media screen and (min-width: 400px) and (max-width: 420px) {
  .basketNewBox .qr-banner i {
    margin-right: 0.575rem;
  }
}
.basketNewBox .qr-banner img {
  position: absolute;
}
.basketNewBox .qr-banner .qr-image-small {
  width: 4.5rem;
  height: 4.5rem;
  top: -0.375rem;
  left: 1.25rem;
  display: none;
}
@media screen and (min-width: 304px) and (max-width: 357px) {
  .basketNewBox .qr-banner .qr-image-small {
    display: block;
  }
}
.basketNewBox .qr-banner .qr-image-top {
  width: 4.5rem;
  height: 4.5rem;
  top: -0.5625rem;
  left: -5rem;
}
@media screen and (max-width: 399px) {
  .basketNewBox .qr-banner .qr-image-top {
    left: -3.3rem;
  }
}
@media screen and (max-width: 357px) {
  .basketNewBox .qr-banner .qr-image-top {
    display: none;
  }
}
.basketNewBox .qr-banner .qr-image-bottom {
  bottom: 0;
  left: -12rem;
  top: -0.4375rem;
  z-index: 2;
}
@media screen and (max-width: 399px) {
  .basketNewBox .qr-banner .qr-image-bottom {
    left: -10rem;
  }
}
@media screen and (max-width: 357px) {
  .basketNewBox .qr-banner .qr-image-bottom {
    display: none;
  }
}
.basketNewBox .qr-banner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.375rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  position: relative;
  margin-right: 0;
}
@media screen and (min-width: 304px) {
  .basketNewBox .qr-banner-content {
    margin-right: 1.25rem;
  }
}
@media screen and (min-width: 400px) {
  .basketNewBox .qr-banner-content {
    margin-left: 10.6rem;
    margin-right: 0;
  }
}
.basketNewBox .qr-banner-content * {
  margin: 0;
}
.basketNewBox .qr-banner-content .title {
  font-size: 36px;
  line-height: 26px;
  color: #007A53;
  font-family: "Papa Sans Heavy";
  z-index: 2;
}
.basketNewBox .qr-banner-content .subtitle {
  font-size: 20px;
  line-height: 16px;
  font-family: "Papa Sans Medium";
  text-transform: uppercase;
  color: #8D4DA1;
  z-index: 2;
}
.basketNewBox .qr-banner-content .description {
  line-height: 16px;
}

.footerLottieAnimation {
  margin-bottom: 7px;
}
@media only screen and (max-width: 1256px) {
  .footerLottieAnimation {
    position: fixed;
    bottom: 80px;
    z-index: 9;
  }
}

#footerLottie, #footerLottieDesktop {
  cursor: pointer;
  width: 160px;
  height: 146px;
}
#footerLottie svg, #footerLottieDesktop svg {
  width: 160px !important;
  height: 146px !important;
}
@media only screen and (max-width: 1256px) {
  #footerLottie, #footerLottieDesktop {
    width: 131px;
    height: 120px;
  }
  #footerLottie svg, #footerLottieDesktop svg {
    width: 131px !important;
    height: 120px !important;
  }
}

.desktopLottieAnimation {
  margin-left: 0;
  margin-bottom: 0;
  position: fixed;
  bottom: -4px;
  left: 0;
  z-index: 9;
}

.buttonWrapper {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.promoCodeModal {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 50;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.promoCodeModal.visible {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.promoCodeModal:not(.visible) {
  display: none;
}
.promoCodeModal .promoCodeModalInner {
  background-color: #fff;
  max-width: 360px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 100%;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  border-radius: 10px;
  margin: 0 16px;
}
.promoCodeModal .promoCodeModalInner .body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  position: relative;
  flex: 1;
}
.promoCodeModal .promoCodeModalInner .body .inner {
  padding: 27px 24px 18px 24px;
  position: relative;
  z-index: 5;
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.promoCodeModal .promoCodeModalInner .body .inner .textContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
  width: 100%;
}
.promoCodeModal .promoCodeModalInner .body .inner .textContainer h2 {
  margin: 0;
  font-size: 28px;
  font-weight: 700;
  color: #000;
}
.promoCodeModal .promoCodeModalInner .body .inner .textContainer .subtitle {
  text-align: center;
  color: #1C1C1C;
  font-size: 16px;
}
.promoCodeModal .promoCodeModalInner .body .inner .textContainer .mForm {
  width: 100%;
  margin: 0;
  position: relative;
}
.promoCodeModal .promoCodeModalInner .body .inner .textContainer .mForm img {
  position: absolute;
  right: 10px;
  top: 13px;
  cursor: pointer;
}
.promoCodeModal .promoCodeModalInner .body .inner .textContainer .mForm input {
  font-size: 16px;
  padding: 14px 35px 14px 10px;
  height: 50px;
  color: #545454;
}
.promoCodeModal .promoCodeModalInner .body .inner .textContainer .mForm input.invalid {
  border: 1px solid #D31632;
}
.promoCodeModal .promoCodeModalInner .body .inner .textContainer .mForm input:focus ~ label, .promoCodeModal .promoCodeModalInner .body .inner .textContainer .mForm input.hasC ~ label {
  font-size: 14px;
  top: -10px;
  background-color: #fff;
}
.promoCodeModal .promoCodeModalInner .body .inner .textContainer .mForm label {
  margin-left: 7px;
  top: 15px;
  color: #007A53;
  font-size: 16px;
}
.promoCodeModal .promoCodeModalInner .body .inner .textContainer .mForm label.invalid {
  color: #D31632;
}
.promoCodeModal .promoCodeModalInner .body .inner .imageContainer img {
  width: 70px;
  height: 60px;
}
.promoCodeModal .promoCodeModalInner .body .inner .buttonsContainer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promoCodeModal .promoCodeModalInner .body .inner .buttonsContainer .applyPromoCode,
.promoCodeModal .promoCodeModalInner .body .inner .buttonsContainer .closeModalBtn {
  font-size: 20px;
  font-weight: 400;
}
.promoCodeModal .promoCodeModalInner .body .inner .buttonsContainer .applyPromoCode {
  min-height: 50px;
  background-color: #007D4A;
}
.promoCodeModal .promoCodeModalInner .body .inner .buttonsContainer .applyPromoCode:hover {
  color: #fff;
}
.promoCodeModal .promoCodeModalInner .body .inner .buttonsContainer .cancelLink {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 50px;
  background: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promoCodeModal .promoCodeModalInner .body .inner .buttonsContainer .closeModalLink {
  font-size: 20px;
  font-weight: 400;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  line-height: 1;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #007A53;
  text-decoration: none;
}
.promoCodeModal .promoCodeModalInner .body .inner .buttonsContainer .closeModalLink:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.animationModal {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  z-index: 50;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.animationModal.visible {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.animationModal:not(.visible) {
  display: none;
}
.animationModal .animationModalInner {
  max-width: 317px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 100%;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
@media only screen and (min-width: 769px) {
  .animationModal .animationModalInner {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
.animationModal .animationModalInner .head {
  position: relative;
}
.animationModal .animationModalInner .head > .close {
  color: #fff;
  font-size: 22px;
  position: absolute;
  top: -30px;
  right: 20px;
  z-index: 6;
}
.animationModal .animationModalInner .head > .close i:before {
  content: "\f00d";
}
.animationModal .body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  position: relative;
  flex: 1;
}
.animationModal .body .inner {
  padding: 0 !important;
  position: relative;
  z-index: 5;
  text-align: center;
  margin: auto;
}
.animationModal .body .inner .textContainer {
  padding: 20px 20px 26px 20px;
  background-color: #fff;
}
.animationModal .body .inner .textContainer h2 {
  margin-top: 0;
  margin-bottom: 16px;
  font-size: 20px;
}
.animationModal .body .inner .textContainer p {
  margin-bottom: 40px;
  font-size: 16px;
}
.animationModal .body .inner .textContainer button {
  font-size: 20px;
}
.animationModal .body .inner img {
  width: 100%;
}

@media only screen and (min-width: 1257px) {
  .basketNewBox {
    display: none;
  }
  .mobileNavBarBox {
    display: none !important;
  }
  .basketNewBox {
    display: none !important;
  }
  .floatNav {
    display: none !important;
  }
  .footerLottieAnimation {
    display: none;
  }
  .desktopLottieAnimation {
    display: block;
  }
}
@media only screen and (min-width: 650px) and (max-width: 1257px) {
  .basketNew {
    background-color: #007d4a;
    width: 100%;
    border-radius: 5px;
    color: #fff;
  }
  .desktopLottieAnimation {
    display: none;
  }
}
@media only screen and (min-width: 501px) and (max-width: 649px) {
  .basketNew {
    width: 100%;
    background-color: #007d4a;
    border-radius: 5px;
    color: #fff;
  }
  .desktopLottieAnimation {
    display: none;
  }
}
@media only screen and (max-width: 500px) {
  .basketNew {
    width: 100%;
    background-color: #007d4a;
    border-radius: 5px;
    color: #fff;
  }
  .desktopLottieAnimation {
    display: none;
  }
}
.basketNewBox .infoPopup {
  display: none;
}

.basketNewWrapper {
  z-index: 1;
  position: relative;
  height: 54px !important;
  border-radius: 2px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 13px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #007d4a;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  cursor: pointer;
}
.basketNewWrapper .default {
  display: block;
}
.basketNewWrapper .hover {
  display: none;
}
.basketNewWrapper:hover {
  background: #fff;
  color: #007d4a;
  border-color: transparent;
}
.basketNewWrapper:hover .checkoutText {
  color: #007d4a !important;
}
.basketNewWrapper:hover .default {
  display: none;
}
.basketNewWrapper:hover .hover {
  display: block;
}

.basketNew_rSide {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}

.basketNew_lSide span {
  font-size: 20px;
  text-decoration: none;
  font-weight: 700;
  line-height: 20px;
}

.basketNewWrapper .fa-shopping-bag {
  font-size: 18px;
  margin-right: 15px;
}

.basketNew_lSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}

.basketNew_lSide_iconSide {
  position: relative;
}

.basketNew_lSide_iconSide .sum {
  position: absolute;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  background-color: #DA102E;
  color: #fff;
  top: -6px;
  right: -6px;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.stickyBottom {
  position: -webkit-sticky;
  position: fixed;
  bottom: 0;
  z-index: 10;
}

/*-----------Deals page_ banners width--------------*/
.prodBody_onlyDeals {
  display: none !important;
}

.prodDesc_onlyDeals {
  margin: 15px 10px !important;
}

.toggle-switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 28px;
  margin-right: 10px;
}

.toggle-switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.toggle-switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #464646;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.toggle-switch .slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.toggle-switch input:checked + .slider {
  background-color: #007d4a;
}

.toggle-switch .dg-on {
  display: none;
}

.toggle-switch .dg-off {
  display: block;
  font-weight: bold;
  color: #fff;
  position: absolute;
  right: 10px;
  top: 7px;
}
@media only screen and (max-width: 1025px) {
  .toggle-switch .dg-off {
    display: none;
  }
}

.toggle-switch input:checked + .slider > .dg-off {
  display: none;
}

.toggle-switch input:checked + .slider > .dg-on {
  display: block;
  font-weight: bold;
  color: #fff;
  position: absolute;
  left: 12px;
  top: 7px;
}
@media only screen and (max-width: 1025px) {
  .toggle-switch input:checked + .slider > .dg-on {
    display: none;
  }
}

.toggle-switch input:focus + .slider {
  -webkit-box-shadow: 0 0 1px #2196F3;
          box-shadow: 0 0 1px #2196F3;
}

.toggle-switch input:checked + .slider:before {
  -webkit-transform: translateX(32px);
  transform: translateX(32px) translateY(-50%);
}
@media only screen and (max-width: 1025px) {
  .toggle-switch input:checked + .slider:before {
    -webkit-transform: translateX(24px);
    transform: translateX(24px) translateY(-50%);
  }
}

/* Rounded sliders */
.toggle-switch .slider.round {
  border-radius: 34px;
}

.toggle-switch .slider.round:before {
  border-radius: 50%;
}

.toggle-calories-info {
  min-width: 100px;
  max-width: 100px;
  position: unset;
  top: unset;
  padding: 8px 12px 8px 10px;
  background-color: white;
  border: 1px solid #E5E5E5;
  border-radius: 20px;
  opacity: 0.5;
  -webkit-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
  cursor: pointer;
  margin: 0;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.toggle-calories-info > i {
  color: #007d4a;
  margin-right: 5px;
}
.toggle-calories-info > span {
  margin: 0 2px 0 0;
  color: #1C1C1C;
  text-transform: capitalize;
}
.toggle-calories-info input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-calories-info .calories-on {
  display: none;
}
.toggle-calories-info .calories-off {
  display: inline-block;
}
.toggle-calories-info:has(input:checked) {
  opacity: 1;
}
.toggle-calories-info:has(input:checked) .calories-on {
  display: inline-block;
}
.toggle-calories-info:has(input:checked) .calories-off {
  display: none;
}
.toggle-calories-info.display-mobile {
  display: none;
  top: 0px;
}

.prodCalories > .variationCal {
  display: none;
  padding-left: 9px;
}
.prodCalories > .variationCal > span {
  font-size: 13px;
}
.prodCalories > .variationCal > i {
  color: #007d4a;
  margin-right: 4px;
}
.prodCalories > .variationCal.shown {
  display: block;
}

body.calories-hidden .prodCalories,
body.calories-hidden .caloriesWrapper,
body.calories-hidden .menuPage.mainContainer > .calInfo {
  display: none;
}

.mobileDealFinderBanner {
  display: none;
}

.mobileDealFinderBannerContainer {
  display: none;
}

.dealBannerPage .menuPage.mainContainer {
  padding-bottom: 0;
}
.dealBannerPage .menuPage.mainContainer .dealPageBannerHeaderContainer {
  width: 100%;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 1257px) {
  .dealBannerPage .menuPage.mainContainer .dealPageBannerHeaderContainer {
    width: calc(100% - 420px);
  }
}
@media only screen and (min-width: 1430px) {
  .dealBannerPage .menuPage.mainContainer .dealPageBannerHeaderContainer {
    border-radius: 0 0 0 5px;
  }
}

.menuBannerPage .menuPage.mainContainer {
  padding-bottom: 0;
}
.menuBannerPage .menuPage.mainContainer .menuPageBannerHeaderContainer {
  width: 100%;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  background-position: center;
  cursor: pointer;
  -webkit-transition: height 0.4s ease, background-image 0.3s ease;
  transition: height 0.4s ease, background-image 0.3s ease;
}
@media only screen and (min-width: 1257px) {
  .menuBannerPage .menuPage.mainContainer .menuPageBannerHeaderContainer {
    width: calc(100% - 420px);
  }
}
@media only screen and (min-width: 1430px) {
  .menuBannerPage .menuPage.mainContainer .menuPageBannerHeaderContainer {
    border-radius: 0 0 0 5px;
  }
}
.menuBannerPage .menuPage.mainContainer .menuPageBannerHeaderContainer i {
  position: absolute;
  color: white;
  font-size: 1.5rem;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(0deg);
          transform: translateY(-50%) rotate(0deg);
  right: 2.125rem;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media screen and (max-width: 1256.9px) {
  .menuBannerPage .menuPage.mainContainer .menuPageBannerHeaderContainer i {
    right: 1.125rem;
  }
}
.menuBannerPage .menuPage.open .menuPageBannerHeaderContainer {
  height: 175px;
}
@media screen and (max-width: 1256.9px) {
  .menuBannerPage .menuPage.open .menuPageBannerHeaderContainer {
    height: 161px;
  }
}
.menuBannerPage .menuPage.open .menuPageBannerHeaderContainer i {
  top: auto;
  bottom: 1rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.loaderCont {
  z-index: 100;
  position: fixed;
  top: 0;
  left: 0;
  -webkit-backdrop-filter: blur(6px);
          backdrop-filter: blur(6px);
  background-color: rgba(255, 255, 255, 0.9);
  width: 100vw;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.loaderCont:not(.visible) {
  opacity: 0;
}
.loaderCont:not(.active) {
  display: none;
}
.loaderCont .loaderInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 12.625rem;
  height: 7.125rem;
}

@-webkit-keyframes logoZoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes logoZoom {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  50% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@-webkit-keyframes load {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes load {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.duoBasket {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 100%;
  width: 1430px;
  margin: 0 auto;
  max-width: 100%;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.duoBasket > .content {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-width: 100%;
}
.duoBasket .backSection {
  padding-left: 10px;
  margin-top: 1rem;
}
.duoBasket .backSection a {
  text-decoration: none;
  color: black !important;
  font-weight: bold;
}
.duoBasket .backSection i {
  margin-right: 5px;
}
.duoBasket .backSection span:hover {
  color: #007d4a;
}

.noStoreBasket {
  display: block;
  padding: 25px;
  text-align: center;
  font-weight: 22px;
  font-weight: 900;
  color: #007d4a;
}
.noStoreBasket:hover {
  color: #ed8b00;
  text-decoration: none;
}

.checkoutText {
  color: #fff !important;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
}

.subtotalPrice {
  font-size: 20px;
  font-weight: 400;
  line-height: 20px;
}

.delivfee {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 10px;
  border-radius: 5px;
  background: #f7f7f7;
  min-height: 40px;
}
.delivfee hr {
  width: 100%;
  margin: 8px 0;
  border: 1px solid #dbdbdb;
}
.delivfee .delivfeeMessage.firstline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.delivfee .freeDelivMessage,
.delivfee .spendMoreMessage,
.delivfee .spendMoreFreeDeliveryMessage,
.delivfee .spendToQualifyForDeliv,
.delivfee .minOrder {
  font-size: 14px;
  line-height: 19px;
}
.delivfee .spendMoreFreeDeliveryMessage .freeDelivery {
  color: #007a53;
}
.delivfee .freeDelivMessage {
  color: #007a53;
}
.delivfee .spendMoreMessage,
.delivfee .spendToQualifyForDeliv {
  /*color: #ea8a31;*/
  color: #da102e;
}
.delivfee .minOrder {
  color: #da102e;
}

.proceed {
  position: relative;
  border: 4px solid transparent;
  border-radius: 5px;
  background-clip: padding-box;
  height: 62px !important;
  margin-top: 10px;
}
.proceed::after {
  position: absolute;
  top: -4px;
  bottom: -4px;
  left: -4px;
  right: -4px;
  background-color: #007d4a;
  content: "";
  border-radius: 5px;
}
.proceed .navigateToCheckOut {
  z-index: 1;
  position: relative;
  height: 54px !important;
  border-radius: 2px;
}
.proceed .navigateToCheckOut .default {
  display: block;
}
.proceed .navigateToCheckOut .hover {
  display: none;
}
.proceed .navigateToCheckOut:hover {
  border-color: transparent;
}
.proceed .navigateToCheckOut:hover .checkoutText {
  color: #007d4a !important;
}
.proceed .navigateToCheckOut:hover .default {
  display: none;
}
.proceed .navigateToCheckOut:hover .hover {
  display: block;
}
.proceed .navigateToCheckOut_lSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.proceed .navigateToCheckOut_lSide_iconSide {
  position: relative;
}
.proceed .navigateToCheckOut_lSide_iconSide .sum {
  position: absolute;
  border-radius: 50%;
  width: 17px;
  height: 17px;
  background-color: #da102e;
  color: #fff;
  top: -6px;
  right: -6px;
  font-size: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.btn:hover .checkoutText {
  color: #007d4a !important;
}

.basketContainer {
  display: none;
}
@media screen and (min-width: 1256px) {
  .basketContainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.basketContainer:has(.footer .footerBannerDoughPointsContainer) .overflowBody {
  padding-bottom: 1rem;
}
.basketContainer .footer .footerBannerDoughPointsContainer {
  margin: -1rem -1rem 1rem -1rem;
  z-index: 7;
}
@media screen and (max-width: 1257px) {
  .basketContainer .footer .footerBannerDoughPointsContainer {
    margin: -1rem -1rem 1rem -1rem;
  }
}
.basketContainer .footer .footerBannerDoughPointsContainer .footerBannerDoughPoints {
  position: relative;
  background-color: #710500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 1rem;
  cursor: pointer;
}
.basketContainer .footer .footerBannerDoughPointsContainer .footerBannerDoughPoints .content {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  gap: 3px;
}
.basketContainer .footer .footerBannerDoughPointsContainer .footerBannerDoughPoints .content .title {
  margin: 0;
  font-family: "Papa Sans Heavy";
  font-size: 1.25rem;
  line-height: 1.125rem;
}
.basketContainer .footer .footerBannerDoughPointsContainer .footerBannerDoughPoints .content .description {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1rem;
  font-weight: 700;
  color: #F5E8DC;
  max-width: 200px;
  letter-spacing: 0.2px;
}
.basketContainer .footer .footerBannerDoughPointsContainer .footerBannerDoughPoints .content svg {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.basketContainer .footer .footerBannerDoughPointsContainer .footerBannerDoughPoints .doughBox {
  bottom: 0.75rem;
  right: 1rem;
  background-color: #F5E8DC;
  color: #710500;
  position: absolute;
  border-radius: 0.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 7;
}
.basketContainer .footer .footerBannerDoughPointsContainer .footerBannerDoughPoints .doughBox.placeholder {
  position: unset;
  pointer-events: none;
  visibility: hidden;
}
.basketContainer .footer .footerBannerDoughPointsContainer .footerBannerDoughPoints .doughBox svg {
  position: absolute;
  top: -0.2rem;
  left: -0.65rem;
}
.basketContainer .footer .footerBannerDoughPointsContainer .footerBannerDoughPoints .doughBox .doughCount {
  margin: 0;
  font-family: "Papa Sans Heavy";
  padding: 0 0.375rem;
  font-size: 4.375rem;
  line-height: 3.125rem;
  letter-spacing: -0.1875rem;
}
.basketContainer .footer .footerBannerDoughPointsContainer .footerBannerDoughPoints .doughBox .doughCount span {
  font-size: 1rem;
  line-height: 0.75rem;
  letter-spacing: 0;
}
.basketContainer .footer .newRewardPointsWrapper {
  margin: -1rem -1rem 1.5rem -1rem;
  z-index: 7;
  background: radial-gradient(221.22% 78.27% at 0% 0%, #58956B 0%, #014C20 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 1257px) {
  .basketContainer .footer .newRewardPointsWrapper {
    margin: -1rem -1rem 1rem -1rem;
  }
}
.basketContainer .footer .newRewardPointsWrapper .newRewardPointsContent {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: white;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .basketContainer .footer .newRewardPointsWrapper .newRewardPointsContent {
    gap: 30px;
  }
}
.basketContainer .footer .newRewardPointsWrapper .newRewardPointsContent .rewardPointsLeft {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.basketContainer .footer .newRewardPointsWrapper .newRewardPointsContent .rewardPointsLeft svg {
  width: 80px;
  height: 14px;
  margin-bottom: 5px;
}
.basketContainer .footer .newRewardPointsWrapper .newRewardPointsContent .rewardPointsLeft h5 {
  font-family: "Papa Sans Heavy";
  font-size: 20px;
  line-height: 18px;
  margin-bottom: 2px;
  letter-spacing: 0.5px;
}
.basketContainer .footer .newRewardPointsWrapper .newRewardPointsContent .rewardPointsLeft h5 span {
  color: #CFEB0C;
}
.basketContainer .footer .newRewardPointsWrapper .newRewardPointsContent .rewardPointsLeft .pointsMore {
  font-size: 14px;
  line-height: 16px;
  margin: 0;
}
.basketContainer .footer .newRewardPointsWrapper .newRewardPointsContent .rewardPointsCount {
  height: 58px;
  width: 66px;
  background-color: #CFEB0C;
  padding: 10px;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketContainer .footer .newRewardPointsWrapper .newRewardPointsContent .rewardPointsCount p {
  color: #F00;
  font-size: 32px;
  line-height: 32px;
  font-weight: 900;
  margin-bottom: 0;
  font-family: "Papa Sans Heavy";
}
.basketContainer .footer .newRewardPointsWrapper .newRewardPointsContent .rewardPointsCount p span {
  color: #024D21;
  font-size: 14px;
  line-height: 14px;
}
.basketContainer .footer .joinRewardsBanner {
  background: radial-gradient(197.62% 91.06% at 98.74% 0%, #58956B 0%, #014C20 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.875rem;
  padding: 0.75rem 1rem;
  text-decoration: none;
  margin: -1rem -1rem 1.5rem -1rem;
}
@media screen and (max-width: 1257px) {
  .basketContainer .footer .joinRewardsBanner {
    margin: -1rem -1rem 1rem -1rem;
  }
}
.basketContainer .footer .joinRewardsBanner .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  color: white;
}
.basketContainer .footer .joinRewardsBanner .content .title {
  margin-bottom: 2px;
  font-family: "Papa Sans Heavy";
  font-size: 1.25rem;
  line-height: 1.125rem;
}
.basketContainer .footer .joinRewardsBanner .content .title span {
  color: #CFEB0C;
}
@media screen and (max-width: 380px) {
  .basketContainer .footer .joinRewardsBanner .content .title {
    max-width: 170px;
  }
}
.basketContainer .footer .joinRewardsBanner .content .description {
  margin: 0;
  font-size: 14px;
  line-height: 16px;
}
.basketContainer .footer .joinRewardsBanner .content svg {
  width: 80px;
  height: 14px;
  margin-bottom: 4px;
}
.basketContainer .footer .joinRewardsBanner .pizzaImg {
  width: 52px;
  height: 55px;
}
.basketContainer .footer {
  position: relative;
  z-index: 2;
}
.basketContainer .footer .wantMoreContainer {
  width: calc(100% - 32px);
  position: absolute;
  z-index: 7;
  top: -4.5rem;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  opacity: 0;
  height: 0;
  pointer-events: none;
}
.basketContainer .footer .wantMoreContainer.visible {
  opacity: 1;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.basketContainer .footer .wantMoreContainer.visible .wantMore {
  pointer-events: all;
}
.basketContainer .footer .wantMoreContainer .wantMore {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin: 0 auto;
  background: white;
  color: #007A53;
  padding: 0.875rem 1.375rem;
  border-radius: 10px;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
  border: 1px solid var(--Pastel-green, #D7E7E2);
  cursor: pointer;
}
.basketContainer .footer .wantMoreContainer .wantMore p {
  margin: 0;
}
.basketContainer .sinner {
  padding: 16px;
  background: #fff;
  position: relative;
  margin: 8px 0;
}
@media only screen and (max-width: 1024px) {
  .basketContainer .sinner {
    border-top: 1px solid #efefef;
    margin: 0;
  }
}
.basketContainer .sinner .summaryCheckout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  background: #fff;
  z-index: 1;
  margin: 0;
  border-radius: 5px;
  position: relative;
  padding: 14px 16px 10px 16px;
}
.basketContainer .sinner .summaryCheckout > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background: unset;
  padding: unset;
  min-height: unset;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1;
  width: 100%;
  color: #545454;
  font-size: 18px;
  font-weight: 400;
  line-height: 20px;
}
.basketContainer .sinner .summaryCheckout .bestDeal .bestDealName {
  font-weight: 700;
}
.basketContainer .sinner .summaryCheckout .totalbox {
  padding-top: 14px;
  font-weight: 700;
  font-size: 22px;
  border-top: 1px solid #dbdbdb;
  color: #000;
  line-height: normal;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketContainer .sinner .summaryCheckout .totalbox .total {
  color: #545454;
  line-height: 20px;
}
.basketContainer .sinner .summaryCheckout .totalbox .total span {
  color: #da102e;
  font-size: 17px;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: line-through;
}
.basketContainer .sinner::after {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  background-color: #aaa;
  content: "";
  border-radius: 5px;
  margin: 16px;
}
.basketContainer.mobile {
  width: 100%;
  position: fixed;
  height: 100%;
  right: 0;
  top: 0 !important;
  will-change: transform;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-image: url("../images/marble_bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.85);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  z-index: 11;
}
.basketContainer.mobile .body .menuAllergens {
  padding: 6px 0 0 !important;
}
.basketContainer.mobile #promoCode:hover {
  border: 1px solid #ed8b00 !important;
}
.basketContainer.mobile .promoCode {
  width: 100%;
  height: 2.25rem;
  padding: 8px 12px 8px 12px;
  border-radius: 10px;
  background: #ffffff;
  margin: 0 1rem 0 0.5rem;
  cursor: pointer;
}
.basketContainer.mobile .promoCode .txtBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.basketContainer.mobile .promoCode .txtBox .basketOptionsTxt {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #545454;
}
.basketContainer.mobile .promoCode .txtBox i {
  color: #007a53;
  font-size: 20px;
}
.basketContainer.mobile #allergenBox:hover {
  border: 1px solid #ed8b00 !important;
}
.basketContainer.mobile .allergenBox {
  width: 100%;
  padding: 8px 12px 8px 12px;
  border-radius: 10px;
  background: #ffffff;
  margin: 0 0.5rem 0 1rem;
  cursor: pointer;
}
.basketContainer.mobile .allergenBox .txtBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.basketContainer.mobile .allergenBox .txtBox .basketOptionsTxt {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #545454;
}
.basketContainer.mobile .allergenBox .txtBox i {
  color: #007a53;
  font-size: 20px;
}
.basketContainer.mobile #allergenBox:hover {
  border: 1px solid #ed8b00 !important;
}
.basketContainer.mobile .allergenBox {
  width: 100%;
  height: 2.25rem;
  padding: 8px 12px 8px 12px;
  border-radius: 10px;
  background: #ffffff;
  margin: 0 0.5rem 0 1rem;
  cursor: pointer;
}
.basketContainer.mobile .allergenBox .txtBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.basketContainer.mobile .allergenBox .txtBox .basketOptionsTxt {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #545454;
}
.basketContainer.mobile .allergenBox .txtBox i {
  color: #007A53;
  font-size: 20px;
}
.basketContainer.mobile .allergenBox__no_margin {
  margin: 0;
}
@media only screen and (max-width: 370px) {
  .basketContainer.mobile #plusSymbol {
    width: 20px !important;
    height: 20px !important;
    right: 8% !important;
    bottom: 7px !important;
    font-size: 10px !important;
    padding: 4px !important;
  }
}
.basketContainer.mobile .dipsBody {
  width: 100%;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  overflow: hidden;
  background-color: #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 8px 16px 10px 16px;
}
.basketContainer.mobile .dipsBody .dipsBody_text {
  padding-bottom: 3px;
  font-size: 18px;
}
.basketContainer.mobile .qr-banner-container {
  display: none;
}
.basketContainer.mobile .extraMobile {
  min-height: 225px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  overflow: hidden;
  max-width: 100%;
  padding: 8px 16px 10px 16px;
}
@media screen and (min-width: 660px) and (max-width: 1024px) {
  .basketContainer.mobile .extraMobile {
    padding: 8px 77px 10px 77px;
  }
}
.basketContainer.mobile .extraMobile h1 {
  font-family: "Papa Sans Heavy";
  font-size: 24px;
  font-weight: 900;
  color: #007A53;
  margin: 0 0 0.75rem 0;
}
.basketContainer.mobile .extraMobile--items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  scrollbar-width: none;
  min-height: 10.5rem;
  max-width: 100%;
}
.basketContainer.mobile .extraMobile--items .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.basketContainer.mobile .extraMobile--items::-webkit-scrollbar {
  display: none;
}
.basketContainer.mobile .extraMobile--items::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
}
.basketContainer.mobile .extraMobile--item {
  background-color: white;
  border: 0;
  padding: 0 0 8px 0;
  width: 8.125rem;
  border-radius: 0.625rem 0.652rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  height: 100%;
}
.basketContainer.mobile .extraMobile--item--image-box {
  width: 100%;
  position: relative;
}
.basketContainer.mobile .extraMobile--item--image-box img:nth-child(2) {
  position: absolute;
  width: 18px;
  height: 18px;
  bottom: 8px;
  left: 8px;
}
.basketContainer.mobile .extraMobile--item img {
  width: 100%;
  height: 4.6875rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem 0.652rem 0 0;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.basketContainer.mobile .extraMobile--item span {
  padding: 0 8px 0 8px;
  font-size: 13px;
  font-weight: 700;
  color: #545454;
}
.basketContainer.mobile .extraMobile .add-btn {
  margin: auto 0.5rem 0;
  justify-self: flex-end;
  width: calc(100% - 1rem);
  background-color: #e6f0ed;
  color: white;
  padding: 0.5rem 0.375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  vertical-align: middle;
}
.basketContainer.mobile .extraMobile .add-btn span {
  font-size: 16px;
  font-weight: 700;
  color: #007D4A;
  line-height: 18px;
  padding: 0;
  margin: 0;
}
.basketContainer.mobile .dipsModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #F7F7F7;
  z-index: 1000;
}
.basketContainer.mobile .dipsModal--content {
  background-color: #F7F7F7;
  width: 100%;
  height: 65%;
}
.basketContainer.mobile .dipsModal--img-cover {
  width: 100%;
  height: 268px;
  -o-object-fit: cover;
     object-fit: cover;
}
.basketContainer.mobile .dipsModal--img-icon {
  width: 20px;
  height: 20px;
}
.basketContainer.mobile .dipsModal--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
  padding: 1.25rem 1rem;
}
.basketContainer.mobile .dipsModal--main h1 {
  font-family: "Italian Plate No2";
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin: 0.5rem 0 0.75rem 0;
}
.basketContainer.mobile .dipsModal--dipsSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 1rem 0 0 0;
  padding: 10px 8px;
  border-radius: 5px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.basketContainer.mobile .dipsModal--dipsSelect--wrapper {
  width: 100%;
  position: relative;
  display: inline-block;
}
.basketContainer.mobile .dipsModal--dipsSelect--arrow {
  position: absolute;
  top: 50%;
  right: 2px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  pointer-events: none;
}
.basketContainer.mobile .dipsModal--dipsSelect.open + .dipsModal--dipsSelect--arrow {
  -webkit-transform: translate(-50%) rotate(180deg);
          transform: translate(-50%) rotate(180deg);
}
.basketContainer.mobile .dipsModal--text {
  font-size: 16px;
  font-weight: 400;
  color: #1C1C1C;
}
.basketContainer.mobile .dipsModal--allergenNutritionBox {
  background-color: #fff;
  padding: 10px 8px;
  border-radius: 5px;
  border: none;
  width: 100%;
  min-height: 2rem;
}
.basketContainer.mobile .dipsModal--allergenNutritionBox--sectionSelection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.basketContainer.mobile .dipsModal--allergenNutritionBox--dipTitleAllergen {
  color: #007A53;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
.basketContainer.mobile .dipsModal--allergenNutritionBox--options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding: 0 8px;
}
.basketContainer.mobile .dipsModal--toolbar {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1002;
}
.basketContainer.mobile .dipsModal--footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.375rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}
.basketContainer.mobile .dipsModal--footer button {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketContainer.mobile .dipWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  height: 100%;
}
.basketContainer.mobile .garlicBox_backWrapper {
  width: 100%;
  height: 70px;
}
.basketContainer.mobile .garlicBox_backWrapper .garlicBox_back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.basketContainer.mobile:not(.active) {
  display: none;
}
.basketContainer.mobile.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.basketContainer.mobile:not(.visible) {
  opacity: 0;
}
.basketContainer.mobile:not(.visible) .inner {
  opacity: 0;
  -webkit-transform: scale(0.4) translateY(-100%);
          transform: scale(0.4) translateY(-100%);
}
.basketContainer.mobile .inner {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  will-change: transform;
  border-radius: 5px;
  width: 100%;
}
.basketContainer.mobile .inner .topside {
  background-color: #f4f4f4;
}
.basketContainer.mobile .inner .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.basketContainer.mobile .inner .head .desk {
  display: none;
}
.basketContainer.mobile .inner .head .orderDetails {
  display: none;
}
.basketContainer.mobile .inner .head .dBox .headDetBtn {
  margin-right: 16px;
}
.basketContainer.mobile .inner .head .fa-long-arrow-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.basketContainer.mobile .inner .head .extraDetails {
  margin-top: 1rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.basketContainer.mobile .inner .basketOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8f8f8;
  height: 40px;
}
.basketContainer.mobile .inner .basketOptions .basketBtn {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  gap: 8px !important;
  border: none !important;
}
.basketContainer.mobile .inner .basketOptions .basketBtn .basketOptionsTxt {
  font-size: 16px;
  color: black;
}
.basketContainer.mobile .inner .basketOptions .basketBtn .iSpace {
  margin-left: 9px;
}
.basketContainer.mobile .inner .footer .active {
  display: block;
}
.basketContainer:not(.mobile) {
  position: absolute;
  width: 410px;
  max-height: calc(100vh - 45px);
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  z-index: 10;
  -webkit-transition: top 0.4s;
  transition: top 0.4s;
  top: 25px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
}
@media only screen and (min-width: 1257px) and (max-height: 990px) {
  .basketContainer:not(.mobile) {
    height: calc(100vh - 45px);
  }
  .basketContainer:not(.mobile):has(.cartInfoBox) {
    height: unset;
  }
}
.basketContainer:not(.mobile) #promoCode:hover {
  border: 1px solid #ed8b00 !important;
}
.basketContainer:not(.mobile) .promoCode {
  width: 100%;
  height: 2.25rem;
  padding: 8px 12px 8px 12px;
  border-radius: 10px;
  background: #ffffff;
  margin: 0 1rem 0 0.5rem;
  cursor: pointer;
}
.basketContainer:not(.mobile) .promoCode .txtBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.basketContainer:not(.mobile) .promoCode .txtBox .basketOptionsTxt {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #545454;
}
.basketContainer:not(.mobile) .promoCode .txtBox i {
  color: #007A53;
  font-size: 20px;
}
.basketContainer:not(.mobile) #allergenBox:hover {
  border: 1px solid #ed8b00 !important;
}
.basketContainer:not(.mobile) .allergenBox {
  width: 100%;
  padding: 8px 12px 8px 12px;
  border-radius: 10px;
  background: #ffffff;
  margin: 0 0.5rem 0 1rem;
  cursor: pointer;
}
.basketContainer:not(.mobile) .allergenBox .txtBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.basketContainer:not(.mobile) .allergenBox .txtBox .basketOptionsTxt {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #545454;
}
.basketContainer:not(.mobile) .allergenBox .txtBox i {
  color: #007a53;
  font-size: 20px;
}
.basketContainer:not(.mobile) #allergenBox:hover {
  border: 1px solid #ed8b00 !important;
}
.basketContainer:not(.mobile) .allergenBox {
  width: 100%;
  padding: 8px 12px 8px 12px;
  border-radius: 10px;
  background: #ffffff;
  margin: 0 0.5rem 0 1rem;
  cursor: pointer;
}
.basketContainer:not(.mobile) .allergenBox .txtBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.basketContainer:not(.mobile) .allergenBox .txtBox .basketOptionsTxt {
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  color: #545454;
}
.basketContainer:not(.mobile) .allergenBox .txtBox i {
  color: #007a53;
  font-size: 20px;
}
.basketContainer:not(.mobile) .allergenBox__no_margin {
  margin: 0;
}
.basketContainer:not(.mobile) .inner {
  height: 100%;
  max-height: 100%;
  background-color: #f4f4f4;
  overflow: hidden;
}
.basketContainer:not(.mobile) .inner .head .closeBasketBtn {
  display: none;
}
.basketContainer:not(.mobile) .inner .head h2.mobi {
  display: none;
}
.basketContainer:not(.mobile) .inner .head .fa-long-arrow-left {
  display: none;
}
.basketContainer:not(.mobile) .inner .head h2.desk {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
}
.basketContainer:not(.mobile) .inner .head .orderDetails {
  height: 54px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  position: absolute;
  top: 0;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 6px 0;
}
.basketContainer:not(.mobile) .inner .head .orderDetails .headDetBtn {
  margin-top: 0px;
  margin-right: 10px;
}
.basketContainer:not(.mobile) .inner .head .extraDetails {
  margin-top: 1rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.basketContainer:not(.mobile) .inner .head .extraDetails.desktopMargin {
  margin-top: 4.25rem;
}
.basketContainer:not(.mobile) .inner .basketOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #f8f8f8;
  min-height: 40px;
}
.basketContainer:not(.mobile) .inner .basketOptions .basketBtn {
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
}
.basketContainer:not(.mobile) .inner .basketOptions .basketBtn .iSpace {
  margin-left: 10px;
}
.basketContainer:not(.mobile) .inner .basketOptions .basketBtn .basketOptionsTxt {
  font-size: 16px;
  color: black;
}
.basketContainer:not(.mobile) .inner .basketOptions .basketOption {
  background-color: #dcdcdc;
  height: 70px;
}
.basketContainer:not(.mobile) .inner .basketOptions .basketOption .showAllergens {
  margin-bottom: 5px !important;
}
.basketContainer:not(.mobile) .inner .basketOptions .basketOption .showMayAllergens {
  margin-bottom: 5px !important;
}
.basketContainer:not(.mobile) .inner .active {
  display: block;
}
.basketContainer:not(.mobile) .inner .dipsBody {
  width: 100%;
  -webkit-perspective: 1000px;
          perspective: 1000px;
  background-color: #f4f4f4;
  padding: 8px 16px 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketContainer:not(.mobile) .inner .dipsBody .dipsBody_text {
  padding-bottom: 3px;
  font-size: 18px;
}
.basketContainer:not(.mobile) .inner .qr-banner {
  height: 70px;
  width: 100%;
  border-radius: 0.5rem;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketContainer:not(.mobile) .inner .qr-banner-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-decoration: none;
  overflow: hidden;
  border-radius: 0.5rem;
  padding-top: 10px;
  margin: 12px 16px 16px;
}
.basketContainer:not(.mobile) .inner .qr-banner-container:empty {
  display: none;
}
.basketContainer:not(.mobile) .inner .qr-banner i {
  margin-right: 0.875rem;
  font-size: 1.375rem;
  line-height: 1.25rem;
  color: #007A53;
}
.basketContainer:not(.mobile) .inner .qr-banner img {
  position: absolute;
}
.basketContainer:not(.mobile) .inner .qr-banner .qr-image-top {
  width: 4.5rem;
  height: 4.5rem;
  top: -0.5625rem;
  left: -5.6rem;
}
.basketContainer:not(.mobile) .inner .qr-banner .qr-image-bottom {
  bottom: 0;
  left: -12.375rem;
  top: -0.4375rem;
  z-index: 2;
}
.basketContainer:not(.mobile) .inner .qr-banner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.375rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  position: relative;
  margin-right: 1.25rem;
}
.basketContainer:not(.mobile) .inner .qr-banner-content * {
  margin: 0;
}
.basketContainer:not(.mobile) .inner .qr-banner-content .title {
  font-size: 36px;
  line-height: 26px;
  color: #007A53;
  font-family: "Papa Sans Heavy";
}
.basketContainer:not(.mobile) .inner .qr-banner-content .subtitle {
  font-size: 20px;
  line-height: 16px;
  font-family: "Papa Sans Medium";
  text-transform: uppercase;
  color: #8D4DA1;
}
.basketContainer:not(.mobile) .inner .qr-banner-content .description {
  line-height: 16px;
}
.basketContainer:not(.mobile) .inner .extraMobile {
  min-height: 225px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  overflow: hidden;
  width: 100%;
  padding: 8px 16px 10px 16px;
}
.basketContainer:not(.mobile) .inner .extraMobile h1 {
  font-family: "Papa Sans Heavy";
  font-size: 24px;
  font-weight: 900;
  color: #007A53;
  margin: 0 0 0.75rem 0;
}
.basketContainer:not(.mobile) .inner .extraMobile--items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 10.5rem;
  max-width: 100%;
}
.basketContainer:not(.mobile) .inner .extraMobile--items .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: auto;
}
.basketContainer:not(.mobile) .inner .extraMobile--items::-webkit-scrollbar {
  display: none;
}
.basketContainer:not(.mobile) .inner .extraMobile--items::after {
  content: "";
  -webkit-box-flex: 0;
      -ms-flex: 0 0 15px;
          flex: 0 0 15px;
}
.basketContainer:not(.mobile) .inner .extraMobile--item {
  background-color: white;
  border: 0;
  padding: 0 0 8px 0;
  width: 8.125rem;
  height: 100%;
  border-radius: 0.625rem 0.652rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.basketContainer:not(.mobile) .inner .extraMobile--item--image-box {
  width: 100%;
  position: relative;
}
.basketContainer:not(.mobile) .inner .extraMobile--item--image-box img:nth-child(2) {
  position: absolute;
  width: 18px;
  height: 18px;
  bottom: 8px;
  left: 8px;
}
.basketContainer:not(.mobile) .inner .extraMobile--item img {
  width: 100%;
  height: 4.6875rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem 0.652rem 0 0;
  -webkit-transition: -webkit-transform 0.2s;
  transition: -webkit-transform 0.2s;
  transition: transform 0.2s;
  transition: transform 0.2s, -webkit-transform 0.2s;
}
.basketContainer:not(.mobile) .inner .extraMobile--item span {
  padding: 0 8px 0 8px;
  font-size: 13px;
  font-weight: 700;
  color: #545454;
}
.basketContainer:not(.mobile) .inner .extraMobile .add-btn {
  margin: auto 0.5rem 0;
  justify-self: flex-end;
  width: calc(100% - 1rem);
  background-color: #e6f0ed;
  color: white;
  padding: 0.5rem 0.375rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  vertical-align: middle;
}
.basketContainer:not(.mobile) .inner .extraMobile .add-btn span {
  font-size: 16px;
  font-weight: 700;
  color: #007D4A;
  line-height: 18px;
  padding: 0;
  margin: 0;
}
.basketContainer:not(.mobile) .inner .dipsModal {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-color: rgba(0, 0, 0, 0.72);
}
.basketContainer:not(.mobile) .inner .dipsModal .dipsModalCard {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  position: relative;
  width: 400px;
  background-color: #F7F7F7;
  border-radius: 5px;
  overflow: hidden;
}
.basketContainer:not(.mobile) .inner .dipsModal--content {
  background-color: #F7F7F7;
  width: 100%;
  height: 65%;
}
.basketContainer:not(.mobile) .inner .dipsModal--img-cover {
  width: 100%;
  height: 268px;
  -o-object-fit: cover;
     object-fit: cover;
}
.basketContainer:not(.mobile) .inner .dipsModal--img-icon {
  width: 20px;
  height: 20px;
}
.basketContainer:not(.mobile) .inner .dipsModal--main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  height: 100%;
  padding: 1.25rem 1rem;
  padding-bottom: 100px;
}
.basketContainer:not(.mobile) .inner .dipsModal--main h1 {
  font-family: "Italian Plate No2";
  font-size: 20px;
  font-weight: 700;
  color: #000;
  margin: 0.5rem 0 0.75rem 0;
}
.basketContainer:not(.mobile) .inner .dipsModal--dipsSelect {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  margin: 1rem 0 0 0;
  padding: 10px 8px;
  border-radius: 5px;
  border: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.basketContainer:not(.mobile) .inner .dipsModal--dipsSelect--wrapper {
  width: 100%;
  position: relative;
  display: inline-block;
}
.basketContainer:not(.mobile) .inner .dipsModal--dipsSelect--arrow {
  position: absolute;
  top: 50%;
  right: 2px;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  pointer-events: none;
}
.basketContainer:not(.mobile) .inner .dipsModal--dipsSelect.open + .dipsModal--dipsSelect--arrow {
  -webkit-transform: translate(-50%) rotate(180deg);
          transform: translate(-50%) rotate(180deg);
}
.basketContainer:not(.mobile) .inner .dipsModal--text {
  font-size: 16px;
  font-weight: 400;
  color: #1C1C1C;
}
.basketContainer:not(.mobile) .inner .dipsModal--allergenNutritionBox {
  background-color: #fff;
  padding: 10px 8px;
  border-radius: 5px;
  border: none;
  width: 100%;
  min-height: 2rem;
}
.basketContainer:not(.mobile) .inner .dipsModal--allergenNutritionBox--sectionSelection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.basketContainer:not(.mobile) .inner .dipsModal--allergenNutritionBox--dipTitleAllergen {
  color: #007A53;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
.basketContainer:not(.mobile) .inner .dipsModal--allergenNutritionBox--options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding: 0 8px;
}
.basketContainer:not(.mobile) .inner .dipsModal--toolbar {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 1002;
}
.basketContainer:not(.mobile) .inner .dipsModal--footer {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.375rem;
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
}
.basketContainer:not(.mobile) .inner .dipsModal--footer button {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketContainer:not(.mobile) .inner .dipWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  height: 100%;
}
.basketContainer:not(.mobile) .inner .garlicBox_backWrapper {
  width: 100%;
  height: 70px;
}
.basketContainer:not(.mobile) .inner .garlicBox_backWrapper .garlicBox_back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 70px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.basketContainer.has-reorder-banner .inner > .topside > .overflowBody {
  position: relative;
  overflow: hidden;
}
.basketContainer.has-reorder-banner .inner > .topside > .overflowBody > .body {
  padding-bottom: 96px;
  overflow-y: auto;
}
.basketContainer.has-reorder-banner .inner > .topside > .overflowBody .qr-banner-container {
  position: absolute;
  bottom: 0;
  width: calc(100% - 2rem);
}
.basketContainer.has-reorder-banner .inner .cartInfoBox {
  padding-top: 8.8504577823dvh;
  padding-bottom: 8.8504577823dvh;
}
@media screen and (max-height: 650px) {
  .basketContainer.has-reorder-banner .inner .cartInfoBox {
    padding-top: 8.4615384615dvh;
    padding-bottom: 8.4615384615dvh;
  }
}
.basketContainer .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.basketContainer .inner .topside {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow-y: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.basketContainer .inner .topside > .head {
  background-color: #f4f4f4;
  position: relative;
}
.basketContainer .inner .topside > .head .basketCanvas {
  display: none;
}
.basketContainer .inner .topside > .head #change-store {
  background: #fbe1be;
  padding: 10px;
  margin: 10px;
  border-radius: 5px;
  cursor: pointer;
}
.basketContainer .inner .topside > .head #change-store > i {
  font-size: 18px;
  margin-right: 7px;
  position: relative;
  top: 2px;
}
.basketContainer .inner .topside > .head #change-store > span {
  color: #1c1c1c;
}
.basketContainer .inner .topside > .head h2 {
  font-size: 28px;
  font-weight: 700;
  padding: 10px 10px 6px 10px;
  margin: 0;
}
.basketContainer .inner .topside > .head .closeBasketBtn {
  color: #dbdbdb;
  font-size: 24px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 10px;
  width: 60px;
}
.basketContainer .inner .topside > .head .closeBasketBtn i {
  margin-left: 10px;
  height: 38px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketContainer .inner .topside #freeProductOverHolder {
  display: none;
  padding: 0.625rem 0.875rem;
  margin: 0.75rem 1rem 0.75rem;
  border-radius: 0.625rem;
  background: radial-gradient(53.7% 53.7% at 50% 50%, #67926F 0%, #3F653B 100%);
  color: white;
  position: relative;
}
@media only screen and (min-width: 660px) and (max-width: 1024px) {
  .basketContainer .inner .topside #freeProductOverHolder {
    margin-left: 4.8125rem;
    margin-right: 4.8125rem;
  }
}
.basketContainer .inner .topside #freeProductOverHolder.overThreshold {
  cursor: pointer;
}
.basketContainer .inner .topside #freeProductOverHolder.overThreshold #freeProductOver {
  margin: 0 8.625rem 0 0;
}
.basketContainer .inner .topside #freeProductOverHolder.overThreshold h3 {
  margin-bottom: 1rem;
  min-height: 2.5rem;
}
.basketContainer .inner .topside #freeProductOverHolder.overThreshold:hover .plus {
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  background-color: #FFA400;
  color: white;
}
.basketContainer .inner .topside #freeProductOverHolder #freeProductOver {
  margin: 0 4.375rem 0 0;
}
.basketContainer .inner .topside #freeProductOverHolder h3 {
  text-transform: uppercase;
  font-family: "Papa Sans Heavy";
  font-size: 1.25rem;
  line-height: 100%;
  font-weight: 400;
  margin: 0;
  min-height: 1.25rem;
  overflow: hidden;
}
.basketContainer .inner .topside #freeProductOverHolder h3 span {
  color: #CFEB0C;
}
.basketContainer .inner .topside #freeProductOverHolder p {
  margin-top: 0.25rem;
  line-height: 0.875rem;
  margin-bottom: 0;
  font-size: 0.875rem;
}
.basketContainer .inner .topside #freeProductOverHolder p span {
  font-weight: 700;
}
.basketContainer .inner .topside #freeProductOverHolder .bar {
  height: 0.5rem;
  border-radius: 4px 0 0 4px;
  background-color: #2E462E;
  overflow: hidden;
  margin-top: 1rem;
}
.basketContainer .inner .topside #freeProductOverHolder .bar span {
  display: block;
  background: #CFEB0C;
  height: 100%;
  max-width: 100%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.basketContainer .inner .topside #freeProductOverHolder img {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  pointer-events: none;
}
.basketContainer .inner .topside #freeProductOverHolder img.bellow {
  width: 5.625rem;
  height: 4.375rem;
}
.basketContainer .inner .topside #freeProductOverHolder img.above {
  width: 8.625rem;
  height: 4.375rem;
}
.basketContainer .inner .topside #freeProductOverHolder .plus {
  pointer-events: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  display: none;
  position: absolute;
  bottom: 0.5rem;
  right: 1.25rem;
  width: 2rem;
  height: 2rem;
  background-color: #CFEB0C;
  color: #007A53;
  border-radius: 50%;
  padding: 0.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketContainer .inner .topside #freeProductOverHolder .plus .fa-plus {
  width: 18px;
  height: 18px;
  font-size: 18px;
  line-height: 18px;
  text-align: center;
}
.basketContainer .inner .topside #freeProductOverHolder[style*="display: block"] + .overflowBody .body {
  padding-top: 0;
}
.basketContainer .inner .topside > .overflowBody {
  overflow-y: auto;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (min-width: 1257px) and (max-height: 990px) {
  .basketContainer .inner .topside > .overflowBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (max-width: 1256px) {
  .basketContainer .inner .topside > .overflowBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.basketContainer .inner .topside > .overflowBody > .body {
  background-color: #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
  padding-top: 12px;
  padding-bottom: 8px;
}
@media only screen and (min-width: 1257px) {
  .basketContainer .inner .topside > .overflowBody > .body {
    min-height: 21rem;
  }
}
@media only screen and (min-width: 1257px) and (max-height: 990px) {
  .basketContainer .inner .topside > .overflowBody > .body {
    min-height: unset;
  }
}
.basketContainer .inner .topside > .overflowBody > .body .checkoutAllergens,
.basketContainer .inner .topside > .overflowBody > .body .menuAllergens {
  text-align: center;
  text-align: -webkit-center;
  text-align: -moz-center;
  padding: 19px 0 6px;
  color: #000;
  font-size: 13px;
  font-weight: 700;
  line-height: 22px;
}
.basketContainer .inner .topside > .overflowBody > .body .checkoutAllergens__margin,
.basketContainer .inner .topside > .overflowBody > .body .menuAllergens__margin {
  margin: 0 1rem;
}
@media only screen and (min-width: 660px) and (max-width: 1024px) {
  .basketContainer .inner .topside > .overflowBody > .body .checkoutAllergens__margin,
  .basketContainer .inner .topside > .overflowBody > .body .menuAllergens__margin {
    margin: 0px 4.8125rem;
  }
}
.basketContainer .inner .topside > .overflowBody > .body .checkoutAllergens .headerAllergens,
.basketContainer .inner .topside > .overflowBody > .body .menuAllergens .headerAllergens {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
  cursor: pointer;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.basketContainer .inner .topside > .overflowBody > .body .checkoutAllergens .headerAllergens .iconDown,
.basketContainer .inner .topside > .overflowBody > .body .checkoutAllergens .headerAllergens .iconUp,
.basketContainer .inner .topside > .overflowBody > .body .menuAllergens .headerAllergens .iconDown,
.basketContainer .inner .topside > .overflowBody > .body .menuAllergens .headerAllergens .iconUp {
  height: 100%;
  color: #0f7144;
  font-size: 16px;
}
.basketContainer .inner .topside > .overflowBody > .body .checkoutAllergens .headerAllergens .title,
.basketContainer .inner .topside > .overflowBody > .body .menuAllergens .headerAllergens .title {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
}
.basketContainer .inner .topside > .overflowBody > .body .checkoutAllergens .headerAllergens__stretch,
.basketContainer .inner .topside > .overflowBody > .body .menuAllergens .headerAllergens__stretch {
  height: 100%;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.basketContainer .inner .topside > .overflowBody > .body .checkoutAllergens .contentAllergens,
.basketContainer .inner .topside > .overflowBody > .body .menuAllergens .contentAllergens {
  margin-top: 16px;
  text-align: left;
  padding: 0 0.75rem;
}
.basketContainer .inner .topside > .overflowBody > .body .checkoutAllergens .contentAllergens .allergensBasket,
.basketContainer .inner .topside > .overflowBody > .body .menuAllergens .contentAllergens .allergensBasket {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 14px;
  margin-bottom: 5px;
}
.basketContainer .inner .topside > .overflowBody > .body .checkoutAllergens .contentAllergens .allergensNote,
.basketContainer .inner .topside > .overflowBody > .body .menuAllergens .contentAllergens .allergensNote {
  margin: 0;
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 14px;
}
.basketContainer .inner .topside > .overflowBody > .body .menuAllergens {
  padding: 0 0 0;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList {
  padding: 0px;
  list-style: none;
  margin: 0px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
@media only screen and (min-width: 660px) and (max-width: 1024px) {
  .basketContainer .inner .topside > .overflowBody > .body .baskProdList {
    margin: 0px 4.8125rem;
  }
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal {
  position: relative;
  background-clip: padding-box;
  border-radius: 5px;
  border: 3px solid transparent;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .baskProduct {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding {
  background: #f1f1f1;
  z-index: 1;
  margin: 0;
  border-radius: 5px;
  display: block;
  padding: 7px 12px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .name, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .name {
  gap: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .headerOffer, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .headerOffer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .headerOffer .leftSide, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .headerOffer .leftSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .headerOffer .leftSide img, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .headerOffer .leftSide img {
  width: 18px;
  height: 18px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .headerOffer .leftSide h4, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .headerOffer .leftSide h4 {
  color: #007a53;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .headerOffer .rightSide, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .headerOffer .rightSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .headerOffer .rightSide .discount, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .headerOffer .rightSide .discount {
  color: #da102e;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: line-through;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .headerOffer .rightSide span, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .headerOffer .rightSide span {
  color: rgb(70, 70, 70);
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .editCont, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .editCont {
  position: absolute !important;
  top: 0;
  right: 0;
  z-index: 2;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .editCont:has(.deleteBundle), .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .editCont:has(.deleteBundle) {
  top: 8px;
  right: 12px !important;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 5px;
  background: #fff;
  padding: 0.875rem 0.875rem;
  gap: 1rem;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainerInner, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainerInner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainerInner .productDetails, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainerInner .productDetails {
  width: calc(100% - 148px);
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .textDisabled, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .textDisabled {
  color: #d7e7e2;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  padding: 14px 16px;
  background: #fff;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productName, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productName {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  width: 100%;
  display: block;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productOption, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productOption {
  color: #545454;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productOption b, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productOption b {
  color: #007d4a;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .detailList, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .detailList {
  padding: 0 0 8px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .upgradeButton, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .upgradeButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  width: 100%;
  padding: 0px 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  background: #f4f4f4;
  cursor: pointer;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .upgradeButton .upgradeName, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .upgradeButton .upgradeName {
  color: #545454;
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .upgradeButton .upgradePrice, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .upgradeButton .upgradePrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .upgradeButton .upgradePrice span, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .upgradeButton .upgradePrice span {
  color: #007a53;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal::after {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  background-color: #aaa;
  content: "";
  border-radius: 8px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal.notActive .prodheader, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal.notActive .prodheader__padding {
  background: #ffdcdc;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal.notActive::after {
  background-color: #e42313;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal {
  position: relative;
  background-clip: padding-box;
  border-radius: 5px;
  border: 3px solid transparent;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding {
  background: #f1f1f1;
  z-index: 1;
  margin: 0;
  border-radius: 5px;
  display: block;
  padding: 7px 12px;
  position: relative;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .image-close-button, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .image-close-button {
  position: absolute;
  top: 9px;
  right: 12px;
  cursor: pointer;
  z-index: 1;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .name, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .name {
  gap: 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .headerOffer, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .headerOffer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 8px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .headerOffer .leftSide, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .headerOffer .leftSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .headerOffer .leftSide img, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .headerOffer .leftSide img {
  width: 18px;
  height: 18px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .headerOffer .leftSide h4, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .headerOffer .leftSide h4 {
  color: #007a53;
  font-size: 20px;
  font-weight: 700;
  line-height: normal;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .headerOffer .rightSide, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .headerOffer .rightSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .headerOffer .rightSide .discount, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .headerOffer .rightSide .discount {
  color: #da102e;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  text-decoration-line: line-through;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .headerOffer .rightSide span, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .headerOffer .rightSide span {
  color: #007a53;
  font-size: 22px;
  font-weight: 700;
  line-height: normal;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details {
  border-radius: 5px;
  background: #fff;
  padding: 12px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details .editCont, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details .editCont {
  position: absolute !important;
  top: 0;
  right: 0;
  padding: 14px 12px 0;
  z-index: 2;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details .productContainer, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details .productContainer, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .baskProduct.multideal .prodheader .details .productContainer__flex_row, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .baskProduct.discountDeal .prodheader .details .productContainer__flex_row, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .baskProduct.discountDeal .prodheader__padding .details .productContainer__flex_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details .productContainer .productDetails, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details .productContainer .productDetails, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .baskProduct.multideal .prodheader .details .productContainer__flex_row .productDetails, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .productDetails, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .baskProduct.discountDeal .prodheader .details .productContainer__flex_row .productDetails, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .baskProduct.discountDeal .prodheader__padding .details .productContainer__flex_row .productDetails {
  width: calc(100% - 148px);
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details .textDisabled, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details .textDisabled {
  color: #d7e7e2;
  font-size: 18px;
  font-weight: 700;
  line-height: normal;
  border-radius: 5px;
  padding: 14px 16px;
  background: #fff;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details .productName, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details .productName {
  color: #000;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  width: 100%;
  display: block;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details .productOption, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details .productOption {
  color: #545454;
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  width: 100%;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details .productOption b, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details .productOption b {
  color: #007d4a;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details .detailList, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details .detailList {
  padding: 0 0 8px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details .upgradeButton, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details .upgradeButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  width: 100%;
  padding: 0px 15px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  background: #f4f4f4;
  cursor: pointer;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details .upgradeButton .upgradeName, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details .upgradeButton .upgradeName {
  color: #545454;
  font-size: 13px;
  font-weight: 700;
  line-height: normal;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details .upgradeButton .upgradePrice, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details .upgradeButton .upgradePrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details .upgradeButton .upgradePrice span, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details .upgradeButton .upgradePrice span {
  color: #007a53;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal::after {
  position: absolute;
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
  background-color: #aaa;
  content: "";
  border-radius: 8px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .details {
  background: transparent !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 !important;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .details .baskProduct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
  padding: 8px 12px;
  background: #fff;
  border-radius: 5px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .details .baskProduct .name {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 8px;
  padding-right: 96px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .details .baskProduct i {
  color: inherit !important;
  margin-left: 0 !important;
  font-size: 16px !important;
  line-height: inherit !important;
  margin-right: 0 !important;
  position: initial !important;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheaderContainer {
  width: 100%;
  background: #fff;
  border-radius: 5px;
  padding: 14px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding {
  border-radius: 5px;
  background: #fff;
  padding: 14px 12px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .name, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  color: #464646;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  gap: 8px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .name .productImage, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .name .productImage {
  width: 55px;
  height: 55px;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .name h4, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .name h4 {
  margin: 0;
  font-size: 20px;
  color: #464646;
  font-weight: 700;
  line-height: 20px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .name .varname, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .name .varname {
  display: inline-block;
  width: 100%;
  font-size: 13px;
  color: #545454;
  font-weight: 400;
  line-height: 20px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .name .varname .discount, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .name .varname .discount {
  color: #007d4a;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .name .varname b, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .name .varname b {
  color: #007d4a;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .name:hover i, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .name:hover i {
  color: #007d4a;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .name.active, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .name.active {
  padding-bottom: 5px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .name.active > i, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .name.active > i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont {
  position: relative;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .modalEdit, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .modalEdit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  position: relative;
  gap: 10px;
  padding: 0;
  border: none;
  background: transparent;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .modalEdit span, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .modalEdit span {
  font-size: 22px;
  letter-spacing: -0.75px;
  color: rgb(70, 70, 70);
  font-weight: 700;
  line-height: 22px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .editMenu, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .editMenu {
  white-space: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  visibility: visible;
  z-index: 1;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-radius: 5px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .editMenu .removeItem, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .editMenu .removeItem,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .editMenu .editItem,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .editMenu .editItem,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .editMenu .editBundle,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .editMenu .editBundle,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .editMenu .deleteBundle,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .editMenu .deleteBundle {
  padding: 6px 13px;
  margin: 0;
  border: 0;
  font-size: 16px;
  color: #007d4a;
  cursor: pointer;
  background-color: #fff;
  width: 41px;
  height: 30px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .editMenu .removeItem:focus, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .editMenu .removeItem:focus,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .editMenu .editItem:focus,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .editMenu .editItem:focus,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .editMenu .editBundle:focus,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .editMenu .editBundle:focus,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .editMenu .deleteBundle:focus,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .editMenu .deleteBundle:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .editMenu .removeItem, .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .editMenu .removeItem,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader .editCont .editMenu .editBundle,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .prodheader__padding .editCont .editMenu .editBundle {
  border-right: 2px solid #f0f0f0;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .details {
  position: relative;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .details .desc {
  font-size: 90%;
  line-height: 1.1;
  padding: 5px 10px 10px 10px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .details .desc .removeItem {
  background: none;
  border: 0;
  color: #e42313;
  font-style: italic;
  display: block;
  text-align: center;
  padding: 0 10px;
  margin-left: auto;
  cursor: pointer;
  margin-bottom: 5px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .details.expanded {
  position: relative;
  z-index: 2;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .detailList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .detailList li {
  font-size: 13px;
  line-height: 20px;
  color: #545454;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .detailList li .red,
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .detailList li .green {
  color: #545454;
  margin-right: 3px;
  font-size: 13px;
}
.basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .details:not(.expanded) {
  max-height: 0;
}
.basketContainer .inner .topside > .footer {
  background-color: #fff;
  padding: 16px;
}
.basketContainer .inner .topside > .footer .subtotal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 1;
  font-size: 90%;
}
.basketContainer .inner .topside > .footer .proceed.disabled {
  pointer-events: none;
}
.basketContainer .inner .topside > .footer .proceed:not(.active) {
  opacity: 0.25;
  cursor: not-allowed;
  pointer-events: none;
}
.basketContainer .inner .topside > .footer .proceed:not(.active) button,
.basketContainer .inner .topside > .footer .proceed:not(.active) a {
  pointer-events: none !important;
}
.basketContainer .inner .topside > .footer .proceed a.btn {
  margin-top: 10px;
  font-size: 20px;
  height: 40px;
  width: 100%;
}
.basketContainer .inner .topside > .footer .proceed a.btn.disabled {
  background-color: #464646;
  pointer-events: none;
}
.basketContainer .inner .topside > .footer .proceed a.btn.apple {
  border-color: black;
  background-color: black;
}
.basketContainer .inner .topside > .footer .proceed a.btn.apple i {
  margin-left: 10px;
  font-size: 30px;
}
.basketContainer .inner .topside > .footer .proceed a.btn.apple:hover {
  color: black;
  background-color: #fff;
}
.basketContainer .inner .cartInfoBox {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 110px 10px 68px;
  text-align: center;
  width: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 12px;
}
.basketContainer .inner .cartInfoBox p {
  width: 250px;
  margin: 0;
  color: #000;
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
}
@media only screen and (max-width: 1256px) {
  .basketContainer .inner .cartInfoBox {
    padding-top: 30px;
  }
}

@media only screen and (min-width: 1257px) and (max-height: 1040px) {
  body.enableDealFinder .basketContainer:not(.mobile) {
    height: calc(100vh - 45px);
  }
  body.enableDealFinder .basketContainer:not(.mobile):has(.cartInfoBox) {
    height: unset;
  }
}
@media only screen and (min-width: 1257px) and (max-height: 1040px) {
  body.enableDealFinder .basketContainer .inner .topside > .overflowBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (min-width: 1257px) and (max-height: 1040px) {
  body.enableDealFinder .basketContainer .inner .topside > .overflowBody > .body {
    min-height: unset;
  }
}

.basketPromoApplied .dg-deal-container > .dg-deal {
  border-radius: 0px 5px 5px 0px;
  background: #fbe1be;
  padding: 10px 15px 7px;
  color: #1c1c1c;
  font-weight: bold;
  font-size: 18px;
  position: relative;
  left: -1px;
  display: inline-block;
  float: left;
  margin-right: 11px;
}
.basketPromoApplied .dg-deal-container > .dg-left-amount {
  color: #464646;
  display: inline-block;
  float: left;
  margin-top: 4px;
  font-size: 14px;
}
.basketPromoApplied .dg-deal-container > .dg-remove-promo-code {
  margin-right: 20px;
  display: inline-block;
  float: right;
  color: #585d62;
  font-size: 25px;
  margin-top: 5px;
  cursor: pointer;
}
.basketPromoApplied .dg-deal-container > .dg-remove-promo-code > i {
  color: #585d62 !important;
}
.basketPromoApplied .dg-deal-container.dg-saving > .dg-deal {
  background: #e6f2ed;
}
.basketPromoApplied .dg-deal-container.dg-saving > .dg-left-amount {
  color: #007d4a;
}

.checkoutPage .hBContainer,
.orderConfirmationPage .hBContainer,
.payByCardPage .hBContainer {
  height: 100%;
}
.checkoutPage .basketContainer,
.orderConfirmationPage .basketContainer,
.payByCardPage .basketContainer {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  height: 100%;
}
.checkoutPage .basketContainer .productDetails,
.orderConfirmationPage .basketContainer .productDetails,
.payByCardPage .basketContainer .productDetails {
  width: 100% !important;
}
.checkoutPage .basketContainer:not(.mobile) .inner .head,
.orderConfirmationPage .basketContainer:not(.mobile) .inner .head,
.payByCardPage .basketContainer:not(.mobile) .inner .head {
  background-color: #fff;
}
.checkoutPage .basketContainer:not(.mobile) .inner .head h2.mobi,
.orderConfirmationPage .basketContainer:not(.mobile) .inner .head h2.mobi,
.payByCardPage .basketContainer:not(.mobile) .inner .head h2.mobi {
  display: block;
  padding: 14px 10px;
  color: #464646;
  font-size: 16px;
  font-weight: 700;
  line-height: normal;
}
.checkoutPage .basketPromoApplied,
.orderConfirmationPage .basketPromoApplied,
.payByCardPage .basketPromoApplied {
  border: 0px solid #fff !important;
}
.checkoutPage .basketPromoApplied .dg-remove-promo-code,
.orderConfirmationPage .basketPromoApplied .dg-remove-promo-code,
.payByCardPage .basketPromoApplied .dg-remove-promo-code {
  display: none !important;
}
.checkoutPage .basketPromoApplied.orange-state,
.orderConfirmationPage .basketPromoApplied.orange-state,
.payByCardPage .basketPromoApplied.orange-state {
  display: none !important;
}

.dealFinderDisabledModal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.72);
  z-index: 50;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  opacity: 1;
}
.dealFinderDisabledModal:not(.active) {
  display: none;
}
.dealFinderDisabledModal:not(.visible) {
  opacity: 0;
}
.dealFinderDisabledModal .dealFinderDisabledModalInner {
  max-width: 375px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 100%;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  background-color: white;
  gap: 20px;
  padding: 20px 16px 12px 16px;
  border-radius: 5px;
  transition: all 0.6s;
  opacity: 0;
  -webkit-transform: translateY(500px);
          transform: translateY(500px);
}
.dealFinderDisabledModal .dealFinderDisabledModalInner .title {
  font-size: 20px;
  font-weight: 700;
}
.dealFinderDisabledModal .dealFinderDisabledModalInner .description {
  font-size: 16px;
  font-weight: 400;
}
.dealFinderDisabledModal .dealFinderDisabledModalInner .continueBtn {
  height: 44px;
  font-size: 22px;
}
.dealFinderDisabledModal .dealFinderDisabledModalInner p {
  margin: 0;
  text-align: center;
}

.stuffedCrustOrVeganUpsellContainer {
  padding: 8px;
  border-radius: 5px;
  background-color: rgb(244, 244, 244);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
}
.stuffedCrustOrVeganUpsellContainer p {
  margin: 0;
}
.stuffedCrustOrVeganUpsellContainer .upsellText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 1px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1rem;
  font-weight: 700;
  line-height: 16px;
  color: rgb(0, 125, 74);
}
.stuffedCrustOrVeganUpsellContainer .upsellPrice {
  font-size: 1rem;
  font-weight: 700;
  line-height: 16px;
  color: rgb(0, 125, 74);
}

.addAnotherModal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.72);
  z-index: 50;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  opacity: 1;
}
.addAnotherModal:not(.active) {
  display: none;
}
.addAnotherModal:not(.visible) {
  opacity: 0;
}
@media only screen and (max-width: 600px) {
  .addAnotherModal {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
.addAnotherModal .addAnotherModalInner {
  max-width: 390px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 100%;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  background-color: white;
  gap: 16px;
  border-radius: 5px;
  transition: all 0.6s;
  opacity: 0;
  -webkit-transform: translateY(500px);
          transform: translateY(500px);
  padding: 1.5rem 1.125rem;
  overflow: auto;
}
@media only screen and (max-width: 600px) {
  .addAnotherModal .addAnotherModalInner {
    max-width: unset;
    border-radius: 5px 5px 0 0;
  }
}
.addAnotherModal .addAnotherModalInner .initialMessage, .addAnotherModal .addAnotherModalInner .title, .addAnotherModal .addAnotherModalInner .addAnother, .addAnotherModal .addAnotherModalInner .secondaryDealOne, .addAnotherModal .addAnotherModalInner .secondaryDealTwo, .addAnotherModal .addAnotherModalInner .noThanksBtn {
  visibility: hidden;
  opacity: 0;
}
.addAnotherModal .addAnotherModalInner.playing .title, .addAnotherModal .addAnotherModalInner.playing .addAnother, .addAnotherModal .addAnotherModalInner.playing .secondaryDealOne, .addAnotherModal .addAnotherModalInner.playing .secondaryDealTwo, .addAnotherModal .addAnotherModalInner.playing .noThanksBtn {
  -webkit-animation-name: dbfadeIn;
          animation-name: dbfadeIn;
  -webkit-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-duration: 0.35s;
          animation-duration: 0.35s;
}
.addAnotherModal .addAnotherModalInner.playing .initialMessage {
  -webkit-animation-name: dbFadeInOutAnimation;
          animation-name: dbFadeInOutAnimation;
  -webkit-animation-duration: 1.1s;
          animation-duration: 1.1s;
}
@-webkit-keyframes dbfadeIn {
  0% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@keyframes dbfadeIn {
  0% {
    visibility: visible;
    opacity: 0;
  }
  100% {
    opacity: 1;
    visibility: visible;
  }
}
@-webkit-keyframes dbFadeInOutAnimation {
  0% {
    visibility: visible;
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  78% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
@keyframes dbFadeInOutAnimation {
  0% {
    visibility: visible;
    opacity: 0;
  }
  22% {
    opacity: 1;
  }
  78% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    display: none;
  }
}
.addAnotherModal .addAnotherModalInner .initialMessage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 2;
}
.addAnotherModal .addAnotherModalInner .initialMessage img {
  margin-bottom: 8px;
}
.addAnotherModal .addAnotherModalInner .initialMessage .initialTitle {
  font-size: 32px;
  line-height: 36px;
  font-family: "Papa Sans Medium";
  margin-bottom: 8px;
  color: #2D5D2A;
  text-transform: uppercase;
  font-weight: 500;
}
.addAnotherModal .addAnotherModalInner .initialMessage p {
  font-size: 20px;
  line-height: 20px;
  color: #545454;
  margin: 0;
  text-transform: uppercase;
  font-weight: 700;
}
.addAnotherModal .addAnotherModalInner .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
  -webkit-animation-delay: 1.1s;
          animation-delay: 1.1s;
}
.addAnotherModal .addAnotherModalInner .title p {
  text-align: center;
  font-family: "Papa Sans Medium";
  font-size: 22px;
  line-height: 16px;
  margin: 0;
  text-transform: uppercase;
  color: #2D5D2A;
}
.addAnotherModal .addAnotherModalInner .title .big {
  font-family: "Papa Sans Heavy";
  font-size: 30px;
  line-height: 22px;
}
.addAnotherModal .addAnotherModalInner .deal {
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  height: 0;
  padding-bottom: max(130px, 37%);
  cursor: pointer;
}
.addAnotherModal .addAnotherModalInner .deal.addAnother {
  -webkit-animation-delay: 1.45s;
          animation-delay: 1.45s;
}
.addAnotherModal .addAnotherModalInner .deal.secondaryDealOne {
  -webkit-animation-delay: 1.8s;
          animation-delay: 1.8s;
}
.addAnotherModal .addAnotherModalInner .deal.secondaryDealTwo {
  -webkit-animation-delay: 2.15s;
          animation-delay: 2.15s;
}
.addAnotherModal .addAnotherModalInner .deal .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: left;
     object-position: left;
}
.addAnotherModal .addAnotherModalInner .deal button {
  position: absolute;
  right: 18px;
  bottom: 18px;
  padding: 12px;
  color: black;
  background-color: white;
  color: #545454;
  border: none;
  font-size: 16px;
  height: unset;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
}
.addAnotherModal .addAnotherModalInner .deal button p {
  margin: 0;
}
.addAnotherModal .addAnotherModalInner .deal button p .big {
  font-size: 1.375rem;
  line-height: 1.125rem;
}
.addAnotherModal .addAnotherModalInner .deal button p .crossed {
  color: #e42313;
  text-decoration: line-through;
}
.addAnotherModal .addAnotherModalInner .deal button i {
  margin-left: 2px;
  color: #007D4A;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.addAnotherModal .addAnotherModalInner .deal button:hover {
  color: white;
  background-color: #ed8b00;
}
.addAnotherModal .addAnotherModalInner .deal button:hover p .crossed {
  color: white;
}
.addAnotherModal .addAnotherModalInner .deal button:hover i {
  color: white;
}
.addAnotherModal .addAnotherModalInner .noThanksBtn.greenReverse {
  height: 44px;
  font-size: 22px;
  border: 1px solid #007d4a;
  background-color: #fff;
  color: #007d4a;
  font-size: 20px;
  font-weight: 700;
  -webkit-animation-delay: 2.5s;
          animation-delay: 2.5s;
}
.addAnotherModal .addAnotherModalInner .noThanksBtn.greenReverse:hover {
  background-color: #007d4a;
  color: #fff;
}

.crossSellModalContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 40;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  background-color: rgba(0, 0, 0, 0.72);
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.crossSellModalContainer:not(.active) {
  display: none;
}
.crossSellModalContainer:not(.visible) {
  opacity: 0;
}
.crossSellModalContainer .crossSellModalInner {
  padding: 25px 13px 13px 13px;
  position: relative;
  background: #F0F0F0;
  width: 414px;
  height: 72vh;
  border-radius: 5px;
}
@media only screen and (max-width: 1024px) {
  .crossSellModalContainer .crossSellModalInner {
    width: 100%;
    height: 100%;
    border-radius: unset;
  }
}
.crossSellModalContainer .crossSellModalInner .head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.crossSellModalContainer .crossSellModalInner .head .close {
  color: #000;
  font-size: 24px;
  font-weight: 400;
}
.crossSellModalContainer .crossSellModalInner .head p {
  margin: 0 25px 0 0;
  text-align: center;
  color: #000;
  font-size: 22px;
  font-weight: 700;
  width: 100%;
}
.crossSellModalContainer .crossSellModalInner .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 14px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 14px;
  overflow-y: scroll;
  height: calc(70vh - 120px);
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.crossSellModalContainer .crossSellModalInner .body::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 1024px) {
  .crossSellModalContainer .crossSellModalInner .body {
    height: calc(100vh - 130px);
  }
}
.crossSellModalContainer .crossSellModalInner .body .productContainerAnimation {
  -webkit-animation: fadeIn 1s;
          animation: fadeIn 1s;
}
@-webkit-keyframes fadeIn {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #CCE4DD;
  }
  100% {
    background-color: #fff;
  }
}
@keyframes fadeIn {
  0% {
    background-color: #fff;
  }
  50% {
    background-color: #CCE4DD;
  }
  100% {
    background-color: #fff;
  }
}
.crossSellModalContainer .crossSellModalInner .body .productContainer, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 10px 5px 5px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  gap: 5px;
  border: 1px solid #fff;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer:hover, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row:hover, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row:hover, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row:hover, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row:hover {
  border: 1px solid #007a53;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer .leftSide, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer .leftSide .productImage, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide .productImage, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide .productImage, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide .productImage, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide .productImage {
  width: 50px;
  height: 50px;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer .leftSide .productInfoSection, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide .productInfoSection, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide .productInfoSection, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide .productInfoSection, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide .productInfoSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 5px;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer .leftSide .productInfoSection span, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide .productInfoSection span, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide .productInfoSection span, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide .productInfoSection span, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide .productInfoSection span {
  color: #000;
  font-size: 16px;
  font-weight: 700;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer .leftSide .productInfoSection .iconsSection, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide .productInfoSection .iconsSection, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide .productInfoSection .iconsSection, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide .productInfoSection .iconsSection, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide .productInfoSection .iconsSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2px;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer .leftSide .productInfoSection .iconsSection img, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide .productInfoSection .iconsSection img, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide .productInfoSection .iconsSection img, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide .productInfoSection .iconsSection img, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide .productInfoSection .iconsSection img {
  width: 16px;
  height: 16px;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer .leftSide .productInfoSection .iconsSection .productSize, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide .productInfoSection .iconsSection .productSize, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .leftSide .productInfoSection .iconsSection .productSize, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide .productInfoSection .iconsSection .productSize, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .leftSide .productInfoSection .iconsSection .productSize {
  font-size: 13px;
  line-height: 13px;
  font-weight: 400;
  color: #545454;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer .rightSide .productPriceSection, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .rightSide .productPriceSection, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .rightSide .productPriceSection, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .rightSide .productPriceSection, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .rightSide .productPriceSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer .rightSide .productPriceSection div, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .rightSide .productPriceSection div, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .rightSide .productPriceSection div, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .rightSide .productPriceSection div, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .rightSide .productPriceSection div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 5px;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer .rightSide .productPriceSection div .undiscountedPrice, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .rightSide .productPriceSection div .undiscountedPrice, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .rightSide .productPriceSection div .undiscountedPrice, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .rightSide .productPriceSection div .undiscountedPrice, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .rightSide .productPriceSection div .undiscountedPrice {
  color: #DA102E;
  font-size: 14px;
  font-weight: 700;
  text-decoration: line-through;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer .rightSide .productPriceSection div span, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .rightSide .productPriceSection div span, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .rightSide .productPriceSection div span, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .rightSide .productPriceSection div span, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .rightSide .productPriceSection div span {
  color: #007a53;
  text-align: right;
  font-size: 16px;
  font-weight: 700;
}
.crossSellModalContainer .crossSellModalInner .body .productContainer .rightSide .productPriceSection img, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .rightSide .productPriceSection img, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .productContainer__flex_row .rightSide .productPriceSection img, .crossSellModalContainer .crossSellModalInner .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .rightSide .productPriceSection img, .basketContainer .inner .crossSellModalContainer .crossSellModalInner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .productContainer__flex_row .rightSide .productPriceSection img {
  width: 16px;
  height: 16px;
}
.crossSellModalContainer .crossSellModalInner .body .iconsLegendContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 4px 9px 14px 6px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  width: 100%;
}
.crossSellModalContainer .crossSellModalInner .body .iconsLegendContainer .iconDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.crossSellModalContainer .crossSellModalInner .body .iconsLegendContainer .iconDetails span {
  color: #000;
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
}
.crossSellModalContainer .crossSellModalInner .body .iconsLegendContainer .iconDetails img {
  width: 18px;
  height: 18px;
}
.crossSellModalContainer .crossSellModalInner .body .proceedSection {
  background-color: #fff;
  width: 100%;
  height: 86px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 0 0 5px 5px;
}
.crossSellModalContainer .crossSellModalInner .body .proceedSection .proceed {
  margin: 13px;
}
.crossSellModalContainer .crossSellModalInner .body .proceedSection .proceed .navigateToCheckOut {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 13px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 2px;
  background: #007d4a;
  color: #fff;
  font-size: 20px;
  font-weight: 400;
  cursor: pointer;
}
.crossSellModalContainer .crossSellModalInner .body .proceedSection .proceed .navigateToCheckOut:hover {
  background: #fff;
  color: #007d4a;
  border-color: transparent;
}
.crossSellModalContainer .crossSellModalInner .body .proceedSection .proceed .infoPopup {
  display: block;
  position: absolute;
  background-color: #ed8b00;
  padding: 12px;
  color: #fff;
  border-radius: 5px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  right: 13px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
  bottom: 65px;
}
.crossSellModalContainer .crossSellModalInner .body .proceedSection .proceed .infoPopup:not(.active) {
  display: none;
}
.crossSellModalContainer .crossSellModalInner .body .proceedSection .proceed .infoPopup:not(.visible) {
  opacity: 0;
  -webkit-transform: scaleY(0.3);
          transform: scaleY(0.3);
}
.crossSellModalContainer .crossSellModalInner .body .proceedSection .proceed .infoPopup h5 {
  margin: 0;
  font-weight: 300 !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.crossSellModalContainer .crossSellModalInner .body .proceedSection .proceed .infoPopup h5 i {
  font-size: 16px;
  margin-right: 5px;
}
.crossSellModalContainer .crossSellModalInner .body .proceedSection .proceed .infoPopup:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-width: 13px;
  border-style: solid;
  border-color: transparent transparent #ed8b00 transparent;
  top: auto;
  right: 25px;
  bottom: -20px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.crossSellModalContainer .crossSellModalInner .body .proceedSection .proceed .infoPopup:hover {
  text-decoration: none;
  background-color: #007d4a;
}
.crossSellModalContainer .crossSellModalInner .body .proceedSection .proceed .infoPopup:hover:before {
  border-color: transparent transparent #007d4a transparent;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg {
  display: none;
  padding: 0.625rem 0.875rem;
  border-radius: 0.625rem;
  background: radial-gradient(53.7% 53.7% at 50% 50%, #67926F 0%, #3F653B 100%);
  color: white;
  position: relative;
  width: 100%;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg.overThreshold {
  cursor: pointer;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg.overThreshold #freeProductOverByg {
  margin: 0 8.625rem 0 0;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg.overThreshold h3 {
  margin-bottom: 1rem;
  min-height: 2.5rem;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg.overThreshold:hover .plus {
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  background-color: #FFA400;
  color: white;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg.overThreshold .bar {
  display: none;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg.overThreshold img.bellow {
  display: none;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg.overThreshold img.above {
  display: block;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg.overThreshold .plus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg #freeProductOverByg {
  margin: 0 4.375rem 0 0;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg h3 {
  text-transform: uppercase;
  font-family: "Papa Sans Heavy";
  font-size: 1.25rem;
  line-height: 100%;
  font-weight: 400;
  margin: 0;
  min-height: 1.25rem;
  overflow: hidden;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg h3 span {
  color: #CFEB0C;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg p {
  margin-top: 0.25rem;
  line-height: 0.875rem;
  margin-bottom: 0;
  font-size: 0.875rem;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg p span {
  font-weight: 700;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg .bar {
  height: 0.5rem;
  border-radius: 4px 0 0 4px;
  background-color: #2E462E;
  overflow: hidden;
  margin-top: 1rem;
  margin-right: 0.875rem;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg .bar span {
  display: block;
  background: #CFEB0C;
  height: 100%;
  max-width: 100%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg img {
  position: absolute;
  bottom: 0;
  right: 0.875rem;
  pointer-events: none;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg img.bellow {
  width: 5.625rem;
  height: 4.375rem;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg img.above {
  display: none;
  width: 7.75rem;
  height: 4.375rem;
}
.crossSellModalContainer .crossSellModalInner .body #freeProductOverHolderByg .plus {
  display: none;
  pointer-events: none;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  position: absolute;
  bottom: 0.5rem;
  right: 1.25rem;
  width: 2rem;
  height: 2rem;
  background-color: #CFEB0C;
  color: #007A53;
  border-radius: 50%;
  padding: 0.4375rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.homepage {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
}

.postCodeBox {
  margin: 0 auto 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 515px;
  background-image: url("../static/assets/homepage/home-desktop.png"), url("../static/assets/homepage/home-background.png");
  background-position: center, center;
  background-repeat: no-repeat, repeat;
  background-size: cover, cover;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .postCodeBox {
    min-height: 600px;
    background-image: url("../static/assets/homepage/home-mobile.png"), url("../static/assets/homepage/home-background.png");
    background-position: center, center;
    background-repeat: no-repeat, repeat;
    background-size: cover, cover;
  }
}
.postCodeBox .innerOne {
  text-align: center;
  padding: 10px;
  max-width: 320px;
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  .postCodeBox .innerOne {
    margin-top: 120px;
  }
}
.postCodeBox .innerOne h1.title, .postCodeBox .innerOne h2.title {
  font-size: 1.35rem;
  margin: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
.postCodeBox .innerOne p.titleIntro {
  font-size: 1.2rem;
}
.postCodeBox .innerOne .invalidPC {
  margin: 20px 0 10px 0;
}
.postCodeBox .innerOne .invalidPC p {
  text-align: left;
  font-size: 14px;
  margin: 0 13px;
  color: #e42313;
}
.postCodeBox .innerOne .fieldContAnimation {
  -webkit-animation: pulse 0.6s infinite;
          animation: pulse 0.6s infinite;
  -webkit-animation-iteration-count: 2;
          animation-iteration-count: 2;
}
@-webkit-keyframes pulse {
  0% {
    padding: 0;
  }
  50% {
    padding: 0.5rem;
  }
  100% {
    padding: 0;
  }
}
@keyframes pulse {
  0% {
    padding: 0;
  }
  50% {
    padding: 0.5rem;
  }
  100% {
    padding: 0;
  }
}
.postCodeBox .innerOne .fieldCont {
  margin: 0;
  padding: 0;
  margin: 10px;
  margin-bottom: 0;
}
.postCodeBox .innerOne .fieldCont > input {
  text-transform: uppercase;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  height: 56px;
  border-color: transparent;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  padding-left: 15px;
}
.postCodeBox .innerOne .fieldCont > input::-webkit-input-placeholder {
  text-transform: none;
}
.postCodeBox .innerOne .fieldCont > input::-moz-placeholder {
  text-transform: none;
}
.postCodeBox .innerOne .fieldCont > input:-ms-input-placeholder {
  text-transform: none;
}
.postCodeBox .innerOne .fieldCont > input::-ms-input-placeholder {
  text-transform: none;
}
.postCodeBox .innerOne .fieldCont > input::placeholder {
  text-transform: none;
}
.postCodeBox .innerOne .fieldCont .fieldContX {
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
.postCodeBox .innerOne .fieldCont .fieldContX .clearInput {
  position: absolute;
  padding: 5px;
  top: 12px;
  right: 10px;
}
.postCodeBox .innerOne .fieldCont .fieldContX > input {
  text-transform: uppercase;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  height: 56px;
  border-color: transparent;
  -webkit-appearance: none;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  padding-left: 15px;
}
.postCodeBox .innerOne .fieldCont .fieldContX > input::-webkit-input-placeholder {
  text-transform: none;
}
.postCodeBox .innerOne .fieldCont .fieldContX > input::-moz-placeholder {
  text-transform: none;
}
.postCodeBox .innerOne .fieldCont .fieldContX > input:-ms-input-placeholder {
  text-transform: none;
}
.postCodeBox .innerOne .fieldCont .fieldContX > input::-ms-input-placeholder {
  text-transform: none;
}
.postCodeBox .innerOne .fieldCont .fieldContX > input::placeholder {
  text-transform: none;
}
.postCodeBox .innerOne .twoButtons {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.postCodeBox .innerOne .twoButtons > .cont {
  max-width: calc(50% - 5px);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.postCodeBox .innerOne .twoButtons > .cont > button {
  height: 42px;
  width: 100%;
}
.postCodeBox .innerOne .FindDelivBox {
  margin-top: 20px;
}
.postCodeBox .innerOne .FindDelivBox a {
  color: #1c1c1c;
  font-size: 20px;
}
.postCodeBox .innerOne .FindDelivBox a img {
  margin-right: 10px;
}
.postCodeBox .innerOne .FindDelivBox a span {
  display: inline-block;
  border-bottom: 1px solid #007d4a;
}
.postCodeBox .innerOne .FindDelivBox a:hover {
  color: #007d4a;
}
.postCodeBox .pcLoader {
  padding-top: 150px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.postCodeBox .pcLoader i {
  color: #464646;
  font-size: 2rem;
  -webkit-animation-name: load;
          animation-name: load;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.postCodeBox .pcLoader:not(.active) {
  display: none;
}

@keyframes load {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.autocomplete-suggestions {
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  background: #fff;
  overflow: auto;
  border-radius: 5px;
  margin-top: 3px;
  border: 0;
}

.autocomplete-suggestion {
  padding: 2px 5px;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 15px;
  position: relative;
  color: #007d4a;
}
.autocomplete-suggestion:after {
  content: "";
  height: 1px;
  width: calc(100% - 20px);
  left: 10px;
  position: absolute;
  bottom: 0;
  background-color: #efefef;
}

.autocomplete-selected {
  background: #007d4a;
  color: #fff;
}
.autocomplete-selected:after {
  display: none;
}

.autocomplete-suggestions strong {
  font-weight: normal;
  color: #1c1c1c;
}

.autocomplete-suggestions .autocomplete-selected strong {
  color: #fff !important;
}

.autocomplete-group {
  padding: 2px 5px;
}

.autocomplete-group strong {
  display: block;
  border-bottom: 1px solid #000;
}

.settingsModal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.72);
  z-index: 100;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.settingsModal:not(.active) {
  display: none;
}
.settingsModal:not(.visible) {
  background-color: rgba(0, 0, 0, 0);
}
.settingsModal:not(.visible) .settingsModalInner {
  -webkit-transform: translateY(150%);
          transform: translateY(150%);
}
.settingsModal .settingsModalInner {
  max-width: 390px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  max-height: 100%;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
.settingsModal .settingsModalInner .timeModalStoreAddress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1rem 1rem;
  width: 100%;
}
.settingsModal .settingsModalInner .timeModalStoreAddress span {
  font-size: 1rem;
  line-height: 1rem;
}
.settingsModal .settingsModalInner .timeModalStoreAddress .timeModalStoreAddressTitle {
  font-size: 1.5rem;
  line-height: 1.5rem;
  padding: 0.625rem 0;
}
.settingsModal .settingsModalInner .timeInfoRow.timesSpecial {
  margin-top: 10px;
}
.settingsModal .settingsModalInner .timesSpecialIcon {
  vertical-align: top;
}
.settingsModal .settingsModalInner .timesSpecialTitle {
  padding-left: 10px;
}
.settingsModal .settingsModalInner .timesRow.timesSpecial {
  margin-top: 10px;
  text-align: left;
  padding-left: 10px;
}
.settingsModal .settingsModalInner .timesRow.timesSpecial .timeEntry {
  padding: 5px 0;
}
.settingsModal .settingsModalInner .modalFooter > p > a {
  display: none;
}
.settingsModal .settingsModalInner .change-store-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  padding: 0px 16px 16px;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 425px) {
  .settingsModal .settingsModalInner .change-store-container {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
.settingsModal .settingsModalInner .change-store-container > button {
  border: 1px solid #007D4A;
  background: #fff;
  border-radius: 5px;
  padding: 10px 0px;
  font-size: 16px;
  color: #007D4A;
  font-weight: bold;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 50%;
}
@media only screen and (max-width: 425px) {
  .settingsModal .settingsModalInner .change-store-container > button {
    width: 100%;
  }
}
.settingsModal .settingsModalInner .change-store-container > button:hover {
  background: #007D4A;
  color: #fff;
}
.settingsModal .settingsModalInner .change-store-container > button:focus, .settingsModal .settingsModalInner .change-store-container > button:focus-visible {
  outline: 0px solid #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media only screen and (min-width: 769px) {
  .settingsModal .settingsModalInner {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
  }
}
.settingsModal .settingsModalInner .head {
  position: relative;
  height: 80px;
}
.settingsModal .settingsModalInner .head > a {
  color: #fff;
  font-size: 22px;
  -webkit-animation-name: delaypopin;
          animation-name: delaypopin;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
@media only screen and (max-width: 769px) {
  .settingsModal .settingsModalInner .head > a {
    position: absolute;
    left: 18px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.settingsModal .settingsModalInner .head .settingsTitle {
  display: block;
  margin: 0 auto;
  position: relative;
  top: 50px;
  left: 0;
  max-height: 60px;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  z-index: 5;
}
@media only screen and (max-width: 769px) {
  .settingsModal .settingsModalInner .head .settingsTitle {
    max-height: 60px;
    overflow: visible;
  }
}
.settingsModal .settingsModalInner .head .settingsTitle.opening_soon {
  max-height: 75px;
}
.settingsModal .settingsModalInner .head .headDecorationContainer {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 50px;
  bottom: 10px;
}
.settingsModal .settingsModalInner .head .headDecoration {
  content: "";
  display: block;
  background-color: #fff;
  position: absolute;
  bottom: 0;
  width: 110%;
  height: 40px;
  left: -10px;
  -webkit-transform: rotate(-2.7deg);
          transform: rotate(-2.7deg);
  z-index: 4;
}
.settingsModal .settingsModalInner .body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  position: relative;
  flex: 1;
  min-height: 280px;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}
.settingsModal .settingsModalInner .body .inner {
  padding: 16px;
  position: relative;
  z-index: 5;
  text-align: center;
  margin: auto;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .collectionMessage, .settingsModal .settingsModalInner .body .inner .storeSelector .deliveryMessage,
.settingsModal .settingsModalInner .body .inner .timeModalInner .collectionMessage,
.settingsModal .settingsModalInner .body .inner .timeModalInner .deliveryMessage {
  background-color: rgb(251, 225, 190);
  border-radius: 5px;
  padding: 10px;
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .collectionMessage h6, .settingsModal .settingsModalInner .body .inner .storeSelector .deliveryMessage h6,
.settingsModal .settingsModalInner .body .inner .timeModalInner .collectionMessage h6,
.settingsModal .settingsModalInner .body .inner .timeModalInner .deliveryMessage h6 {
  margin: 0;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .errorModal,
.settingsModal .settingsModalInner .body .inner .timeModalInner .errorModal {
  margin-top: 1rem;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .smallText,
.settingsModal .settingsModalInner .body .inner .timeModalInner .smallText {
  text-align: left;
  margin-top: 10px;
}
.settingsModal .settingsModalInner .body .inner .storeSelector button.save,
.settingsModal .settingsModalInner .body .inner .storeSelector button.orderLater,
.settingsModal .settingsModalInner .body .inner .timeModalInner button.save,
.settingsModal .settingsModalInner .body .inner .timeModalInner button.orderLater {
  margin: 1rem 0 0 0;
  font-size: 1.25rem;
  line-height: 0.875rem;
  padding: 1.25rem;
}
@media screen and (max-width: 769px) {
  .settingsModal .settingsModalInner .body .inner .storeSelector button.save,
  .settingsModal .settingsModalInner .body .inner .storeSelector button.orderLater,
  .settingsModal .settingsModalInner .body .inner .timeModalInner button.save,
  .settingsModal .settingsModalInner .body .inner .timeModalInner button.orderLater {
    margin: 1.5rem 0 0 0;
  }
}
.settingsModal .settingsModalInner .body .inner .storeSelector button.save[disabled],
.settingsModal .settingsModalInner .body .inner .storeSelector button.orderLater[disabled],
.settingsModal .settingsModalInner .body .inner .timeModalInner button.save[disabled],
.settingsModal .settingsModalInner .body .inner .timeModalInner button.orderLater[disabled] {
  color: white;
  background-color: #dbdbdb;
  border-color: transparent;
}
.settingsModal .settingsModalInner .body .inner .storeSelector button.orderLater,
.settingsModal .settingsModalInner .body .inner .timeModalInner button.orderLater {
  margin: 0;
}
.settingsModal .settingsModalInner .body .inner .storeSelector h3,
.settingsModal .settingsModalInner .body .inner .timeModalInner h3 {
  font-weight: 700;
  font-size: 16px;
  margin: 10px 0;
}
.settingsModal .settingsModalInner .body .inner .storeSelector h6,
.settingsModal .settingsModalInner .body .inner .timeModalInner h6 {
  text-align: left;
  font-weight: normal;
  font-size: 16px;
  line-height: 16px;
  display: block;
  margin: 24px 0 24px;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .timeModalTextBox,
.settingsModal .settingsModalInner .body .inner .timeModalInner .timeModalTextBox {
  margin: 2.75rem 0 1rem;
}
@media screen and (max-width: 769px) {
  .settingsModal .settingsModalInner .body .inner .storeSelector .timeModalTextBox,
  .settingsModal .settingsModalInner .body .inner .timeModalInner .timeModalTextBox {
    margin: 2.75rem 0 1.5rem;
  }
}
.settingsModal .settingsModalInner .body .inner .storeSelector .timeModalTextBox h6,
.settingsModal .settingsModalInner .body .inner .timeModalInner .timeModalTextBox h6 {
  margin: 0;
}
.settingsModal .settingsModalInner .body .inner .storeSelector h5,
.settingsModal .settingsModalInner .body .inner .timeModalInner h5 {
  margin-top: 20px;
  font-size: 15px;
  font-weight: normal;
  text-align: left;
}
.settingsModal .settingsModalInner .body .inner .storeSelector h5 i,
.settingsModal .settingsModalInner .body .inner .timeModalInner h5 i {
  margin-right: 5px;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 10px;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries .disabled,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries .disabled {
  background-color: #f2f2f2;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries .disabled :hover,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries .disabled :hover {
  cursor: default;
  background-color: #f2f2f2;
  color: black;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries .disabled button,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries .disabled button {
  color: black;
  text-decoration: none;
  border: 1px solid #dedede;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries .disabled button .rside,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries .disabled button .rside {
  display: none;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries .disabled button .lside .time,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries .disabled button .lside .time {
  color: red;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button, .settingsModal .settingsModalInner .body .inner .storeSelector .entries div button,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button {
  cursor: pointer;
  width: 100%;
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 0;
  padding: 0;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  border-radius: 5px;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button .lside, .settingsModal .settingsModalInner .body .inner .storeSelector .entries div button .lside,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button .lside,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button .lside {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: left;
  padding: 10px 5px 10px 10px;
  line-height: 1;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button .lside .name, .settingsModal .settingsModalInner .body .inner .storeSelector .entries div button .lside .name,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button .lside .name,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button .lside .name {
  font-weight: bold;
  margin-bottom: 5px;
  color: #000000;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button .lside .street, .settingsModal .settingsModalInner .body .inner .storeSelector .entries div button .lside .street,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button .lside .street,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button .lside .street {
  margin-bottom: 10px;
  color: #000000;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button .lside .time, .settingsModal .settingsModalInner .body .inner .storeSelector .entries div button .lside .time,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button .lside .time,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button .lside .time {
  color: #007d4a;
  margin-top: 10px;
  font-size: 14px;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button .lside .time i, .settingsModal .settingsModalInner .body .inner .storeSelector .entries div button .lside .time i,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button .lside .time i,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button .lside .time i {
  margin-right: 5px;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button .rside, .settingsModal .settingsModalInner .body .inner .storeSelector .entries div button .rside,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button .rside,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button .rside {
  height: 38px;
  width: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  background-color: #007d4a;
  display: flex;
  justify-content: center;
  border-bottom-left-radius: 100%;
  border-top-right-radius: 5px;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button .rside i, .settingsModal .settingsModalInner .body .inner .storeSelector .entries div button .rside i,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button .rside i,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button .rside i {
  margin-top: 6px;
  margin-left: 6px;
  font-size: 18px;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button:hover, .settingsModal .settingsModalInner .body .inner .storeSelector .entries div button:hover,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button:hover,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button:hover {
  background-color: #007d4a !important;
  color: #fff;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button:hover .rside, .settingsModal .settingsModalInner .body .inner .storeSelector .entries div button:hover .rside,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button:hover .rside,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button:hover .rside {
  background-color: #ed8b00;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button:hover .time, .settingsModal .settingsModalInner .body .inner .storeSelector .entries div button:hover .time,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button:hover .time,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button:hover .time {
  color: #fff;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button:not([disabled]):hover .name,
.settingsModal .settingsModalInner .body .inner .storeSelector .entries > li button:not([disabled]):hover .street, .settingsModal .settingsModalInner .body .inner .storeSelector .entries div button:not([disabled]):hover .name,
.settingsModal .settingsModalInner .body .inner .storeSelector .entries div button:not([disabled]):hover .street,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button:not([disabled]):hover .name,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries > li button:not([disabled]):hover .street,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button:not([disabled]):hover .name,
.settingsModal .settingsModalInner .body .inner .timeModalInner .entries div button:not([disabled]):hover .street {
  color: #fff;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .tryCta,
.settingsModal .settingsModalInner .body .inner .timeModalInner .tryCta {
  display: block;
  text-align: left;
  margin-top: 40px;
  color: #1c1c1c;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .tryCta u,
.settingsModal .settingsModalInner .body .inner .timeModalInner .tryCta u {
  color: #007d4a;
}
.settingsModal .settingsModalInner .body .inner .storeSelector .continueText,
.settingsModal .settingsModalInner .body .inner .timeModalInner .continueText {
  text-align: start;
  font-size: 20px;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
}
.settingsModal .settingsModalInner .body .modalFooter {
  padding-top: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #f4f4f4;
}
.settingsModal .settingsModalInner .body .modalFooter p {
  width: 100%;
  display: inline-block;
  padding: 0 16px 24px;
  margin: 0;
  font-size: 20px;
  line-height: 20px;
}
.settingsModal .settingsModalInner .body .modalFooter a {
  text-decoration: underline;
  padding-left: 5px;
  font-size: 19px;
}
.settingsModal .settingsModalInner .body .deliveryModalFooter {
  overflow: hidden;
  margin: 170px -10px -10px;
}
.settingsModal.orderLaterDialog .settingsModalInner .body {
  min-height: unset;
}
.settingsModal.orderLaterDialog .settingsModalInner .switchModalHeader {
  margin-top: 44px;
}
.settingsModal.orderLaterDialog .settingsModalInner button.save {
  margin: 1rem 0 0 0;
  font-size: 1.25rem;
  line-height: 0.875rem;
  padding: 1.25rem;
}
@media screen and (max-width: 769px) {
  .settingsModal.orderLaterDialog .settingsModalInner button.save {
    margin: 1.5rem 0 0 0;
  }
}
.settingsModal.orderLaterDialog .settingsModalInner button.save[disabled] {
  color: white;
  background-color: #dbdbdb;
  border-color: transparent;
}
.settingsModal.orderLaterDialog .settingsModalInner .head .settingsTitle, .settingsModal.timeDialog .settingsModalInner .head .settingsTitle, .settingsModal.confirmTime .settingsModalInner .head .settingsTitle {
  max-height: unset;
}

@-webkit-keyframes delaypopin {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes delaypopin {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@media only screen and (max-width: 769px) {
  .settingsModal {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .settingsModal .settingsModalInner {
    width: 100%;
    max-width: 100%;
  }
  .settingsModal .settingsModalInner .head .headDecorationContainer {
    height: 60px;
    bottom: 40px;
  }
  .settingsModal .settingsModalInner .head .headDecoration {
    bottom: 4px;
  }
  .settingsModal .settingsModalInner.mobileVersion {
    height: 200px !important;
    min-height: unset;
    width: 96%;
    max-width: 96% !important;
    bottom: 5px;
    position: absolute;
  }
}
@media only screen and (min-width: 769px) {
  .settingsModal .settingsModalInner .head {
    position: relative;
    height: 80px;
  }
  .settingsModal .settingsModalInner .head > .close {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    color: #1c1c1c;
    position: absolute;
    top: 10px;
    right: 20px;
    color: #fff;
  }
  .settingsModal .settingsModalInner .head > .close i:before {
    content: "\f00d";
  }
  .settingsModal .settingsModalInner .head > .backArrow {
    color: #FFFFFF;
    position: absolute;
    left: 10px;
    top: 14px;
  }
}
.floatNav {
  display: none !important;
  position: fixed;
  left: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: calc(100% - 10px);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-color: rgba(0, 0, 0, 0);
  z-index: 5;
}
@media only screen and (max-width: 500px) {
  .floatNav {
    width: calc(100% - 10px);
  }
}
.floatNav.hidden {
  display: none !important;
}
.floatNav ul.items {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  background-color: #fff;
  overflow-x: auto;
}
.floatNav ul.items li:first-of-type {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.floatNav ul.items li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: hidden;
  min-width: 70px;
  height: 55px;
}
@media only screen and (min-width: 1100px) {
  .floatNav ul.items li {
    min-width: 80px;
  }
  .floatNav ul.items li a.navButton {
    padding: 10px;
  }
}
.floatNav ul.items li a {
  height: 100%;
  width: 100%;
  padding: 10px 0;
  background-color: #fff;
  color: #007d4a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.floatNav ul.items li a:after {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  z-index: 3;
  position: absolute;
  top: 3px;
  right: 0;
  content: "";
  display: block;
  width: 2px;
  height: calc(100% - 6px);
  background-color: #efefef;
}
.floatNav ul.items li a > span {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  display: block;
  position: relative;
  background-color: #fff;
  line-height: 1;
  text-transform: uppercase;
}
.floatNav ul.items li a > i {
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  font-size: 1.6rem;
  margin-bottom: -8px;
}
.floatNav ul.items li a > i.fa-pizza {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
}
.floatNav ul.items li a svg {
  margin: 0 auto;
  fill: #007d4a;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.floatNav ul.items li a svg#dessertsIcon {
  width: 30px;
  height: 26px;
  margin-bottom: -10px;
}
.floatNav ul.items li a svg#drinksIcon {
  height: 30px;
  width: 34px;
  margin-top: -4px;
  margin-bottom: -9px;
}
.floatNav ul.items li a svg#papadiasIcon {
  height: 30px;
  width: 34px;
  margin-top: -4px;
  margin-bottom: -9px;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
.floatNav ul.items li a svg#veganIcon {
  height: 30px;
  width: 34px;
  margin-top: -4px;
  margin-bottom: -9px;
}
@media only screen and (min-width: 1200px) {
  .floatNav ul.items li a:hover {
    background-color: #e42313;
    color: #fff;
  }
  .floatNav ul.items li a:hover svg {
    fill: #fff;
  }
  .floatNav ul.items li a:hover:after {
    opacity: 0;
  }
  .floatNav ul.items li a:hover span {
    background-color: #e42313;
  }
}
.floatNav ul.items li a.active {
  background-color: #e42313;
  color: #fff;
}
.floatNav ul.items li a.active:after {
  opacity: 0;
}
.floatNav ul.items li a.active span {
  background-color: #e42313;
}
.floatNav ul.items li a.active svg {
  fill: #fff;
}
.floatNav ul.items li:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.floatNav ul.items li:last-of-type a:after {
  display: none;
}
.floatNav .basket {
  position: relative;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  min-width: 75px;
  max-width: 75px;
  height: 57px;
  margin-left: 8px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.floatNav .basket:not(.active) {
  min-width: 0;
  max-width: 0;
  overflow: hidden;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.floatNav .basket:not(.visible) {
  opacity: 0;
}
.floatNav .basket.orange a {
  background-color: #ed8b00;
}
.floatNav .basket.orange a > span {
  background-color: #ed8b00;
}
.floatNav .basket a {
  height: 100%;
  width: 100%;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 6px;
  padding: 10px;
  color: #fff;
  background-color: #007d4a;
  display: flex;
  position: relative;
  text-decoration: none;
  font-weight: 700;
  text-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.floatNav .basket a > span {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  width: 100%;
  position: relative;
  line-height: 1;
  background-color: #007d4a;
}
.floatNav .basket a i {
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  font-size: 1.6rem;
  margin-bottom: -5px;
}
.floatNav .basket a:hover {
  text-decoration: none;
  background-color: #ed8b00;
}
.floatNav .basket a:hover > span {
  background-color: #ed8b00;
}
.floatNav .basket a .sum {
  font-size: 12px;
  height: 20px;
  width: 20px;
  line-height: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 300;
  color: #007d4a;
  background-color: #fff;
  border: 0.5px solid #007d4a;
  position: absolute;
  top: 5px;
  right: 13px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  padding-right: 1px;
}
.floatNav .basket a.infoPopup {
  display: block;
  position: absolute;
  top: calc(100% + 15px);
  background-color: #ed8b00;
  padding: 10px;
  color: #fff;
  border-radius: 5px;
  width: auto;
  white-space: nowrap;
  right: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  height: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
}
.floatNav .basket a.infoPopup:not(.active) {
  display: none;
}
.floatNav .basket a.infoPopup:not(.visible) {
  opacity: 0;
  -webkit-transform: scaleY(0.3);
          transform: scaleY(0.3);
}
.floatNav .basket a.infoPopup h5 {
  margin: 0;
  font-weight: 300 !important;
}
.floatNav .basket a.infoPopup h5 i {
  font-size: 16px;
  margin-right: 5px;
}
.floatNav .basket a.infoPopup:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-width: 13px;
  border-style: solid;
  border-color: transparent transparent #ed8b00 transparent;
  top: -20px;
  right: 10px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.floatNav .basket a.infoPopup:hover {
  text-decoration: none;
  background-color: #007d4a;
}
.floatNav .basket a.infoPopup:hover:before {
  border-color: transparent transparent #007d4a transparent;
}
.floatNav .basket.left {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  margin-left: 0;
  margin-right: 8px;
}
.floatNav .basket.left a.infoPopup {
  right: auto;
  left: 0;
}
.floatNav .basket.left a.infoPopup:before {
  right: auto;
  left: 28px;
}
.floatNav.bottom .basket a.infoPopup {
  top: auto;
  bottom: 45px;
  -webkit-transform-origin: 0% 100%;
          transform-origin: 0% 100%;
}
.floatNav.bottom .basket a.infoPopup:before {
  top: auto;
  bottom: -20px;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.floatNav.bottom .basket.left a.infoPopup {
  right: auto;
  left: 0;
}
.floatNav.bottom .basket.left a.infoPopup:before {
  right: auto;
  left: 28px;
}

.SwapLRbutton,
.SwapButton {
  position: fixed;
  top: 50%;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #007d4a;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  border: 1px solid #dbdbdb;
  border-radius: 100%;
  cursor: pointer;
}
.SwapLRbutton:focus,
.SwapButton:focus {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.SwapLRbutton:hover,
.SwapButton:hover {
  color: #007d4a;
  background-color: #fff;
}
.SwapLRbutton.SwapLRbutton,
.SwapButton.SwapLRbutton {
  top: calc(50% + 50px);
}

.basketNewBox .basketNew a.infoPopup {
  display: block;
  position: absolute;
  top: calc(100% + 15px);
  background-color: #ed8b00;
  padding: 10px;
  color: #fff;
  border-radius: 5px;
  width: auto;
  white-space: nowrap;
  right: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  height: auto;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-transform-origin: 100% 0%;
          transform-origin: 100% 0%;
  bottom: 70px;
  z-index: 12;
}
.basketNewBox .basketNew a.infoPopup:not(.active) {
  display: none;
}
.basketNewBox .basketNew a.infoPopup:not(.visible) {
  opacity: 0;
  -webkit-transform: scaleY(0.3);
          transform: scaleY(0.3);
}
.basketNewBox .basketNew a.infoPopup h5 {
  margin: 0;
  font-weight: 300 !important;
}
.basketNewBox .basketNew a.infoPopup h5 i {
  font-size: 16px;
  margin-right: 5px;
}
.basketNewBox .basketNew a.infoPopup:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  border-width: 13px;
  border-style: solid;
  border-color: transparent transparent #ed8b00 transparent;
  top: auto;
  right: 30px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  bottom: -20px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.basketNewBox .basketNew a.infoPopup:hover {
  text-decoration: none;
  background-color: #007d4a;
}
.basketNewBox .basketNew a.infoPopup:hover:before {
  border-color: transparent transparent #007d4a transparent;
}
.basketNewBox .basketNew.left {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  margin-left: 0;
  margin-right: 8px;
}
.basketNewBox .basketNew.left a.infoPopup {
  right: auto;
  left: 0;
}
.basketNewBox .basketNew.left a.infoPopup:before {
  right: auto;
  left: 28px;
}

@-webkit-keyframes loadSmall {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes loadSmall {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.customizeModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100svh;
  height: 100dvh;
  background-color: rgba(255, 255, 255, 0.8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 11;
}
.customizeModal:not(.active) {
  display: none;
}
.customizeModal:not(.visible) {
  opacity: 0;
}
.customizeModal .caloriesWrapper i {
  color: #007d4a;
}
.customizeModal .caloriesWrapper span {
  color: #1c1c1c;
  font-size: 16px;
  margin-left: 4px;
}
.customizeModal .caloriesWrapper > div:last-child {
  padding-left: 18px;
  font-size: 12px;
  color: #1c1c1c;
}
.customizeModal .caloriesWrapper.hide {
  display: none;
}
.customizeModal .caloriesWrapper.display-mobile {
  display: none;
}
@media screen and (max-width: 760px) {
  .customizeModal .caloriesWrapper.display-mobile {
    display: block;
  }
}
.customizeModal .allergensContainerDesktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
  gap: 10px;
  border-radius: 5px;
  background-color: #FFF;
  padding: 8px;
}
.customizeModal .allergensContainerDesktop hr {
  border: 1px solid #E5E5E5;
  margin: 0;
  width: 100%;
}
.customizeModal .allergensContainerDesktop .allergensHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 6px;
  font-size: 16px;
}
.customizeModal .allergensContainerDesktop .productAllergensContainer .productTitleAllergen,
.customizeModal .allergensContainerDesktop .productAllergensContainer .dipTitleAllergen,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .productTitleAllergen,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .dipTitleAllergen {
  color: #007A53;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
.customizeModal .allergensContainerDesktop .productAllergensContainer .allergensWrapper,
.customizeModal .allergensContainerDesktop .productAllergensContainer .dipAllergensWrapper,
.customizeModal .allergensContainerDesktop .productAllergensContainer .allergensMayWrapper,
.customizeModal .allergensContainerDesktop .productAllergensContainer .dipAllergensMayWrapper,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .allergensWrapper,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .dipAllergensWrapper,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .allergensMayWrapper,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .dipAllergensMayWrapper {
  padding: 0;
  font-size: 14px;
}
.customizeModal .allergensContainerDesktop .productAllergensContainer .allergensWrapper > i,
.customizeModal .allergensContainerDesktop .productAllergensContainer .dipAllergensWrapper > i,
.customizeModal .allergensContainerDesktop .productAllergensContainer .allergensMayWrapper > i,
.customizeModal .allergensContainerDesktop .productAllergensContainer .dipAllergensMayWrapper > i,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .allergensWrapper > i,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .dipAllergensWrapper > i,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .allergensMayWrapper > i,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .dipAllergensMayWrapper > i {
  display: none;
}
.customizeModal .allergensContainerDesktop .productAllergensContainer .allergensWrapper > strong,
.customizeModal .allergensContainerDesktop .productAllergensContainer .dipAllergensWrapper > strong,
.customizeModal .allergensContainerDesktop .productAllergensContainer .allergensMayWrapper > strong,
.customizeModal .allergensContainerDesktop .productAllergensContainer .dipAllergensMayWrapper > strong,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .allergensWrapper > strong,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .dipAllergensWrapper > strong,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .allergensMayWrapper > strong,
.customizeModal .allergensContainerDesktop .dipAllergensContainer .dipAllergensMayWrapper > strong {
  margin: 0;
}
.customizeModal .allergensContainerMobile {
  padding: 8px 0;
}
.customizeModal .allergensContainerMobile > h4 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
  margin: 0;
  font-weight: 400;
  font-size: 16px;
}
.customizeModal .allergensContainerMobile > h4:not(.active) {
  padding: 0 10px;
}
.customizeModal .allergensContainerMobile > h4:not(.active) .sectionName {
  display: none;
}
.customizeModal .allergensContainerMobile > h4:not(.active) .sectionSelection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.customizeModal .allergensContainerMobile > h4.active {
  padding: 0 10px 10px 10px;
}
.customizeModal .allergensContainerMobile > h4.active .sectionSelection {
  display: none;
}
.customizeModal .allergensContainerMobile > h4.active .sectionName {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
.customizeModal .allergensContainerMobile .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 10px;
  padding: 0 8px;
}
.customizeModal .allergensContainerMobile .options hr {
  border: 1px solid #E5E5E5;
  margin: 0;
}
.customizeModal .allergensContainerMobile .options .nutritionalInfoContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.customizeModal .allergensContainerMobile .options .nutritionalInfoContainer p {
  margin: 0;
  font-size: 16px;
}
.customizeModal .allergensContainerMobile .options .nutritionalInfoContainer p .alrgn {
  margin-right: 0 !important;
}
.customizeModal .allergensContainerMobile .options .nutritionalInfoContainer p .alrgn i {
  margin-left: 8px;
}
.customizeModal .allergensContainerMobile .options .productAllergensContainer .productTitleAllergen,
.customizeModal .allergensContainerMobile .options .productAllergensContainer .dipTitleAllergen,
.customizeModal .allergensContainerMobile .options .dipAllergensContainer .productTitleAllergen,
.customizeModal .allergensContainerMobile .options .dipAllergensContainer .dipTitleAllergen {
  color: #007A53;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
}
.customizeModal .allergensContainerMobile .options .productAllergensContainer .allergensWrapper,
.customizeModal .allergensContainerMobile .options .productAllergensContainer .dipAllergensWrapper,
.customizeModal .allergensContainerMobile .options .dipAllergensContainer .allergensWrapper,
.customizeModal .allergensContainerMobile .options .dipAllergensContainer .dipAllergensWrapper {
  padding: 0;
  font-size: 14px;
  line-height: 16.8px;
}
.customizeModal .allergensContainerMobile .options .productAllergensContainer .allergensWrapper > i,
.customizeModal .allergensContainerMobile .options .productAllergensContainer .dipAllergensWrapper > i,
.customizeModal .allergensContainerMobile .options .dipAllergensContainer .allergensWrapper > i,
.customizeModal .allergensContainerMobile .options .dipAllergensContainer .dipAllergensWrapper > i {
  display: none;
}
.customizeModal .allergensContainerMobile .options .productAllergensContainer .allergensWrapper > strong,
.customizeModal .allergensContainerMobile .options .productAllergensContainer .dipAllergensWrapper > strong,
.customizeModal .allergensContainerMobile .options .dipAllergensContainer .allergensWrapper > strong,
.customizeModal .allergensContainerMobile .options .dipAllergensContainer .dipAllergensWrapper > strong {
  margin: 0;
}
.customizeModal .allergensWrapper {
  padding-left: 18px;
}
.customizeModal .allergensWrapper > i {
  position: relative;
  left: -18px;
}
.customizeModal .allergensWrapper > strong {
  margin-left: -17px;
}
.customizeModal .allergensWrapper.hide {
  display: none;
}
.customizeModal .allergensMayWrapper {
  font-size: 14px;
  margin-top: 5px;
}
.customizeModal .allergensMayWrapper.hide {
  display: none;
}
.customizeModal .loaderBox {
  border-radius: 5px;
  padding: 15px;
  min-width: 320px;
  background-color: #fff;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.customizeModal .loaderBox img {
  max-width: 110px;
}
.customizeModal .loaderBox h5 {
  color: #007d4a;
  margin-top: 40px;
  font-size: 3rem;
}
.customizeModal .loaderBox h5 i {
  -webkit-animation-name: loadSmall;
          animation-name: loadSmall;
  -webkit-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.customizeModal .loaderBox h6 {
  color: #007d4a;
  margin-top: 40px;
  font-weight: 700;
  font-size: 1.2rem;
}
.customizeModal > .inner {
  width: 520px;
  max-width: 100%;
  -webkit-box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: calc(100% - 20px);
  border-radius: 5px;
  position: relative !important;
}
@media only screen and (max-width: 768px) {
  .customizeModal > .inner {
    height: 100dvh;
    max-height: 100%;
  }
}
.customizeModal > .inner .body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  overflow: auto;
  overflow-x: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.customizeModal > .inner .body .head {
  min-height: 220px;
  background-size: 100% auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #f7f7f7 !important;
}
.customizeModal > .inner .body .head .deskBoxInfo {
  display: none;
}
.customizeModal > .inner .body .head .headerProductImage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.customizeModal > .inner .body .head .headerProductImage img {
  width: 100%;
}
.customizeModal > .inner .body .head.header_Pizza {
  min-height: 290px;
  background-position: center, center !important;
}
.customizeModal > .inner .body .head.header_Pizza .toolbar a {
  height: 24px !important;
}
.customizeModal > .inner .body .head.header_Pizza .toolbar a svg {
  vertical-align: unset;
}
.customizeModal > .inner .body .head .toolbar {
  padding: 10px;
  position: absolute;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customizeModal > .inner .body .head .toolbar a {
  height: 24px !important;
  font-size: 24px;
  color: #007d4a;
}
.customizeModal > .inner .body .head .halfNhalfImage {
  margin-left: 20px;
}
.customizeModal > .inner .body .head .halfNhalfImage .box {
  max-height: 269px;
  max-width: 275px;
  margin-top: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 764px) {
  .customizeModal > .inner .body .head .halfNhalfImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0;
  }
}
.customizeModal > .inner .body .details {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-color: #f7f7f7;
}
@media only screen and (min-width: 768px) {
  .customizeModal > .inner .body .details {
    position: relative;
  }
}
.customizeModal > .inner .body .details .intro,
.customizeModal > .inner .body .details .customize {
  z-index: 2;
  padding: 0 10px;
}
.customizeModal > .inner .body .details .customize {
  padding-bottom: 5rem;
}
@media only screen and (min-width: 769px) and (max-height: 700px) {
  .customizeModal > .inner .body .details .customize {
    padding-bottom: 12rem;
  }
}
.customizeModal > .inner .body .details .intro {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .customizeModal > .inner .body .details .intro {
    margin-top: 12px;
  }
}
.customizeModal > .inner .body .details .intro .paramList {
  display: block;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}
.customizeModal > .inner .body .details .intro .paramList li {
  display: inline-block;
  margin: 0 3px;
}
.customizeModal > .inner .body .details .intro .paramList li span img {
  max-width: 18px;
}
.customizeModal > .inner .body .details .intro .pizzaCategory {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem;
  font-size: 0.8125rem;
  border-radius: 0.25rem;
  background: #FFD4A7;
  margin-top: 4px;
}
.customizeModal > .inner .body .details .intro .pizzaCategory.favourites {
  background: #E3C2ED;
}
.customizeModal > .inner .body .details .intro .pizzaCategory.signature {
  color: #fff;
  background: #710500;
}
.customizeModal > .inner .body .details .intro a.alrgn {
  font-size: 90%;
  display: none;
  margin: 10px 5px 10px 5px;
  color: #007d4a;
}
.customizeModal > .inner .body .details .intro a.alrgn i {
  margin-left: 6px;
}
.customizeModal > .inner .body .details .intro a.alrgn:hover {
  color: #ed8b00;
}
@media only screen and (max-width: 768px) {
  .customizeModal > .inner .body .details .intro a.alrgn {
    display: block;
  }
}
.customizeModal > .inner .body .details .intro p {
  width: 90%;
  margin: 0 auto;
  line-height: 1.1;
  padding: 8px 0 12px 0;
}
.customizeModal > .inner .body .details .intro h2 {
  margin: 0;
  font-size: 22px;
  line-height: 1.3;
}
.customizeModal > .inner .body .details .dipsCont {
  padding: 20px 6px 0 6px;
}
@media only screen and (max-width: 768px) {
  .customizeModal > .inner .body .details .dipsCont {
    padding: 0;
  }
}
.customizeModal > .inner .body .details .dipsCont select {
  width: 100%;
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 16px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 100%;
  text-overflow: ellipsis;
  padding-left: 10px;
  height: 46px;
  background-color: #fff !important;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: url(../images/icons/chevron_down_blue.svg);
  background-image: url(../images/icons/chevron_down_blue.svg);
  background-size: 14px;
  background-attachment: initial;
  background-origin: initial;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  padding-right: 25px;
  border-radius: 5px;
  color: #000000;
}
.customizeModal > .inner .body .details .dipsCont select:hover {
  border-color: #007d4a;
}
.customizeModal > .inner .body .details .variationCont {
  padding: 4px 6px 0 6px;
}
.customizeModal > .inner .body .details .variationCont .variationSelector {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.customizeModal > .inner .body .details .variationCont .variationSelector .variation {
  overflow: hidden;
  cursor: pointer;
  width: calc(50% - 10px);
  padding: 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.875rem;
  border-radius: 0.3125rem;
  border: 0.125rem solid white;
  background-color: white;
  position: relative;
}
.customizeModal > .inner .body .details .variationCont .variationSelector .variation .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.25rem;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 700;
}
.customizeModal > .inner .body .details .variationCont .variationSelector .variation .row h3 {
  margin: 0;
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.customizeModal > .inner .body .details .variationCont .variationSelector .variation .row svg {
  width: 1rem;
  height: 1rem;
}
.customizeModal > .inner .body .details .variationCont .variationSelector .variation .row .check {
  display: none;
}
.customizeModal > .inner .body .details .variationCont .variationSelector .variation .row .plus {
  display: block;
}
.customizeModal > .inner .body .details .variationCont .variationSelector .variation.selected {
  border-color: #007A53;
}
.customizeModal > .inner .body .details .variationCont .variationSelector .variation.selected .row .check {
  display: block;
}
.customizeModal > .inner .body .details .variationCont .variationSelector .variation.selected .row .plus {
  display: none;
}
.customizeModal > .inner .body .details .variationCont .variationSelector .variation p {
  margin: 0;
  color: #007A53;
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 700;
}
.customizeModal > .inner .body .details .variationCont .variationSelector .variation img {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 5rem;
  height: 3.375rem;
}
@media only screen and (max-width: 768px) {
  .customizeModal > .inner .body .details .variationCont {
    padding: 0px 0px 20px;
  }
}
@media only screen and (max-width: 360px) {
  .customizeModal > .inner .body .details .variationCont .variationSelector .variation img {
    width: 4.5rem;
    height: 3rem;
  }
}
.customizeModal > .inner .body .customize .size,
.customizeModal > .inner .body .customize .toppings {
  border: none !important;
}
.customizeModal > .inner .body .customize .smallClickableBoxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 10px;
  height: auto;
  margin-bottom: 20px;
}
.customizeModal > .inner .body .customize .smallClickableBoxes .crust,
.customizeModal > .inner .body .customize .smallClickableBoxes .cheese,
.customizeModal > .inner .body .customize .smallClickableBoxes .sauce {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 11px 7px 11px 13px;
  -webkit-box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
  margin-bottom: 0;
  border: none;
}
.customizeModal > .inner .body .customize .smallClickableBoxes .crustBox,
.customizeModal > .inner .body .customize .smallClickableBoxes .sauceBox,
.customizeModal > .inner .body .customize .smallClickableBoxes .cheeseBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  height: auto !important;
  position: relative;
}
.customizeModal > .inner .body .customize .smallClickableBoxes .crustBox .allergenAllertIcon,
.customizeModal > .inner .body .customize .smallClickableBoxes .sauceBox .allergenAllertIcon,
.customizeModal > .inner .body .customize .smallClickableBoxes .cheeseBox .allergenAllertIcon {
  position: absolute;
  right: 0.1875rem;
  width: 1.3125rem;
  height: 1.3125rem;
}
.customizeModal > .inner .body .customize .smallClickableBoxes .crustBox .sectionSelection,
.customizeModal > .inner .body .customize .smallClickableBoxes .sauceBox .sectionSelection,
.customizeModal > .inner .body .customize .smallClickableBoxes .cheeseBox .sectionSelection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.customizeModal > .inner .body .customize .smallClickableBoxes .crustBox .sectionSelection span,
.customizeModal > .inner .body .customize .smallClickableBoxes .sauceBox .sectionSelection span,
.customizeModal > .inner .body .customize .smallClickableBoxes .cheeseBox .sectionSelection span {
  font-weight: 400;
}
.customizeModal > .inner .body .customize .smallClickableBoxes .crustBox .sectionSelection .value,
.customizeModal > .inner .body .customize .smallClickableBoxes .sauceBox .sectionSelection .value,
.customizeModal > .inner .body .customize .smallClickableBoxes .cheeseBox .sectionSelection .value {
  font-weight: 700;
}
.customizeModal > .inner .body .customize .toppingsBox {
  -webkit-box-pack: start !important;
      -ms-flex-pack: start !important;
          justify-content: flex-start !important;
  gap: 12px;
  position: relative;
  min-height: 79px;
  margin: 0;
}
.customizeModal > .inner .body .customize .toppingsBox .sectionInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.customizeModal > .inner .body .customize .toppingsBox .sectionInfo .title {
  font-size: 16px;
  font-weight: 400;
}
.customizeModal > .inner .body .customize .toppingsBox .sectionInfo .toppingsInfo {
  color: #007a53;
  font-size: 16px;
  font-weight: 700 !important;
  margin: 0;
  padding-top: 6px;
}
.customizeModal > .inner .body .customize .toppingsBox .allergenAllertIcon {
  position: absolute;
  right: 0;
  width: 1.3125rem;
  height: 1.3125rem;
}
.customizeModal > .inner .body .customize .sizeBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start !important;
      -ms-flex-align: start !important;
          align-items: flex-start !important;
  padding: 10px 0 0 13px !important;
  cursor: pointer;
  height: 106px !important;
  -webkit-box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
}
.customizeModal > .inner .body .customize .sizeBox.active {
  height: auto !important;
}
.customizeModal > .inner .body .customize .sizeBox.active .sectionAsset {
  display: none;
}
.customizeModal > .inner .body .customize .sizeBox.active .sectionName {
  display: block;
}
.customizeModal > .inner .body .customize .sizeBox .sectionAsset {
  position: relative;
}
.customizeModal > .inner .body .customize .sizeBox .sectionAsset .dipAllergenWarning {
  margin: 0;
  position: absolute;
  top: 0;
  right: 0.625rem;
  width: 1.3125rem;
  height: 1.3125rem;
}
.customizeModal > .inner .body .customize .sizeBox > h4 {
  font-weight: 400;
  margin: 0;
}
.customizeModal > .inner .body .customize .sizeBox img {
  max-height: 91px;
  margin-right: 15px;
  margin-top: 5px;
}
.customizeModal > .inner .body .customize .sizeBox .sectionSelection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.customizeModal > .inner .body .customize .sizeBox .sectionSelection span {
  font-weight: 400;
}
.customizeModal > .inner .body .customize .sizeBox .sectionSelection .value {
  font-weight: 700;
}
.customizeModal > .inner .body .customize .sizeBox .dipWarning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.125rem;
  padding-top: 0.3125rem;
  font-size: 0.75rem;
  color: #545454;
}
.customizeModal > .inner .body .customize .sizeBox .sectionName {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN {
  border-radius: 5px;
  margin-bottom: 20px;
  background-color: #fff;
}
.customizeModal > .inner .body .customize .sectionN .disabledTitle {
  padding: 15px 10px 15px 10px;
  color: #1C1C1C;
  font-size: 16px;
  font-weight: 700;
}
.customizeModal > .inner .body .customize .sectionN .incompatibleCrustOptions .crustOption[disabled=disabled] {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.customizeModal > .inner .body .customize .sectionN .incompatibleSizeOptions .sizeOption[disabled=disabled] {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.customizeModal > .inner .body .customize .sectionN .originalcheeseOptions .cheeseOption[disabled=disabled] {
  cursor: not-allowed !important;
}
.customizeModal > .inner .body .customize .sectionN .originalcheeseOptions .cheeseOption[disabled=disabled] .imageSection {
  opacity: 0.5;
}
.customizeModal > .inner .body .customize .sectionN .originalcheeseOptions .cheeseOption[disabled=disabled] .textSection {
  padding-right: 1rem;
}
.customizeModal > .inner .body .customize .sectionN .originalcheeseOptions .cheeseOption[disabled=disabled] .textSection > *:not(.subDesc) {
  opacity: 0.5;
}
.customizeModal > .inner .body .customize .sectionN .originalsauceOptions .sauceOption[disabled=disabled] {
  cursor: not-allowed !important;
}
.customizeModal > .inner .body .customize .sectionN .originalsauceOptions .sauceOption[disabled=disabled] .imageSection {
  opacity: 0.5;
}
.customizeModal > .inner .body .customize .sectionN .originalsauceOptions .sauceOption[disabled=disabled] .textSection {
  padding-right: 1rem;
}
.customizeModal > .inner .body .customize .sectionN .originalsauceOptions .sauceOption[disabled=disabled] .textSection > *:not(.subDesc) {
  opacity: 0.5;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza[disabled=disabled] {
  opacity: 0.5;
  cursor: not-allowed !important;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza {
  padding: 15px 10px;
  border-bottom: 1px solid rgb(248, 248, 248);
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza:hover {
  cursor: pointer;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner .pizzaType_left .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner .pizzaType_left .title .pizzaCategory {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem;
  font-size: 0.8125rem;
  border-radius: 0.25rem;
  background: #FFD4A7;
  margin-left: 4px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner .pizzaType_left .title .pizzaCategory.favourites {
  background: #E3C2ED;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner .pizzaType_left .title .pizzaCategory.signature {
  color: #fff;
  background: #710500;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner .pizzaType_left .title .paramList {
  display: block;
  list-style: none;
  margin: 0 4px;
  padding: 0;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner .pizzaType_left .title .paramList li {
  display: inline-block;
  margin: 0 3px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner .pizzaType_left .title .paramList li span img {
  max-width: 16px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner .greenIcon {
  color: #007d4a;
  position: absolute;
  right: -1px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner .redIcon {
  color: #e42313;
  position: absolute;
  right: -1px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner .desc {
  font-size: 14px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner .veggieIcon {
  width: 15px;
  height: 15px;
  margin-left: 5px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .pizza .inner .title {
  margin-bottom: 3px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection {
  background-color: rgb(230, 242, 237);
  padding: 15px 10px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .inner {
  margin-bottom: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .inner .fa-adjust {
  font-size: 16px;
  color: #007d4a;
  margin-right: 1px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .inner .pizzaType_left .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .inner .pizzaType_left .title .pizzaCategory {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.25rem;
  font-size: 0.8125rem;
  border-radius: 0.25rem;
  background: #FFD4A7;
  margin-left: 4px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .inner .pizzaType_left .title .pizzaCategory.favourites {
  background: #E3C2ED;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .inner .pizzaType_left .title .pizzaCategory.signature {
  color: #fff;
  background: #710500;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .inner .pizzaType_left .title .paramList {
  display: block;
  list-style: none;
  margin: 0 4px;
  padding: 0;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .inner .pizzaType_left .title .paramList li {
  display: inline-block;
  margin: 0 3px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .inner .pizzaType_left .title .paramList li span img {
  max-width: 16px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .inner .pizzaType_left .title .IconPizzaNumber {
  margin-right: 3px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .inner .pizzaType_left .desc {
  font-size: 14px;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .inner .pizzaType_right .redIcon {
  font-size: 16px;
  color: #e42313;
}
.customizeModal > .inner .body .customize .sectionN .pizzaHalf .colouredSection .allergensMayWrapper {
  margin-bottom: 0 !important;
}
.customizeModal > .inner .body .customize .sectionN .toppingsInfo {
  margin-left: auto;
  margin-right: 10px;
  font-size: 90%;
}
.customizeModal > .inner .body .customize .sectionN:last-of-type {
  margin-bottom: 0;
}
.customizeModal > .inner .body .customize .sectionN > h4:not(.toppingsBox) {
  border-radius: 10px;
  padding: 0 10px;
  height: 40px;
  font-size: 16px;
  margin: 0;
}
.customizeModal > .inner .body .customize .sectionN.collapsable > h4 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  cursor: pointer;
}
.customizeModal > .inner .body .customize .sectionN.collapsable > h4:not(.active) .sectionName {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN.collapsable > h4 i {
  font-size: 18px;
  color: #007d4a;
}
.customizeModal > .inner .body .customize .sectionN.collapsable > h4 i.fa-exclamation-circle {
  font-size: 0.8125rem;
  color: white;
}
.customizeModal > .inner .body .customize .sectionN.collapsable > h4 .fa-angle-down {
  font-size: 23px;
  font-weight: 500;
}
.customizeModal > .inner .body .customize .sectionN.collapsable > h4.active .sectionSelection {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN.collapsable > h4.active i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.customizeModal > .inner .body .customize .sectionN.collapsable > h4.sizeBox .dipWarning i {
  font-size: 10px;
  color: #545454;
}
@media only screen and (max-width: 768px) {
  .customizeModal > .inner .body .customize .sectionN.alrgnmobile {
    display: block !important;
  }
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile.containAllrgn {
  background-color: #fef4f3;
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile.containAllrgn h4 {
  background-color: #f8c7c3 !important;
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile .options > label {
  display: block;
  border-bottom: 1px solid #f8f8f8;
  margin: 0;
  line-height: 1.1;
  cursor: pointer;
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile .options > label > input {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile .options > label > .inner {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  padding: 10px 30px 10px 20px;
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile .options > label > .inner > .title {
  font-size: 16px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile .options > label > .inner > .title > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile .options > label > .inner > .title .fas.fa-exclamation-triangle {
  color: #e42313;
  margin-right: 5px;
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile .options > label > .inner > .desc {
  font-size: 14px;
  color: #585d62;
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile .options > label > .inner > i {
  display: none;
  color: #007d4a;
  position: absolute;
  top: calc(50% - 8px);
  right: 10px;
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile .options > label input:checked ~ .inner i {
  display: block;
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile .options > label:hover {
  background-color: rgba(0, 0, 0, 0.03);
}
.customizeModal > .inner .body .customize .sectionN.alrgnmobile .options > label:last-of-type {
  border-bottom: 0;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 18px 10px 17px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  background-color: #f7f7f7;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustHeaderSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustHeaderSection .headerWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustHeaderSection .title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 22px;
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustHeaderSection .desc {
  width: 90%;
  margin: 0 auto;
  line-height: 1.1;
  padding: 7px 0 12px 0;
  text-align: center;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustHeaderSection .selected, .customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustHeaderSection .availableCrusts, .customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustHeaderSection .availableSizes {
  font-weight: bold;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .selectedOption {
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  min-height: 104px;
  border: 2px solid #007a53;
  -webkit-box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .selectedOption .inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 9px 0 13px;
  border-radius: 5px;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption {
  margin: 0;
  font-size: 90%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  min-height: 117px;
  -webkit-box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
  margin-top: 0.25rem;
  margin-bottom: 18px;
}
@media only screen and (max-width: 364px) {
  .customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption {
    height: auto;
  }
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption > input {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 11px 10px 17px 15px;
  border-radius: 5px;
  width: 100%;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner .iconSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.125rem;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner .iconSection .optionIcon {
  width: 16px;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner .iconSection .plus {
  height: 16px;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner .iconSection .check {
  height: 12px;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner .imageSection {
  padding-top: 5px;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner .imageSection img {
  width: 83px;
  height: 83px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner .textSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 15px;
  width: 100%;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner .textSection .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 19px;
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 5px;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner .textSection .title .priceWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner .textSection .title .priceWrapper .crustPrice {
  color: #007a53;
  min-width: 60px;
  margin-right: 2px;
  text-align: right;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner .textSection .title .priceWrapper .tooltip.removeSpacing {
  margin: 0;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal .crustOption .inner .textSection .title .tooltip {
  width: 1.3125rem;
  height: 1.3125rem;
  margin-right: 6px;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal > label {
  display: block;
  border-bottom: 1px solid #f8f8f8;
  margin: 0;
  line-height: 1.1;
  cursor: pointer;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal > label > input {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal > label > .inner {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  padding: 10px 30px 10px 20px;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal > label > .inner > .title {
  font-size: 16px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal > label > .inner > .title > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customizeModal > .inner .body .customize .sectionN.size .newSelectionCrustsModal > label > .inner > .desc {
  font-size: 14px;
  color: #585d62;
}
.customizeModal > .inner .body .customize .sectionN.size .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 18px 10px 17px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-color: #f7f7f7;
}
@media only screen and (max-width: 768px) {
  .customizeModal > .inner .body .customize .sectionN.size .options {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.customizeModal > .inner .body .customize .sectionN.size .options .disabledOptions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.customizeModal > .inner .body .customize .sectionN.size .options .disabledOptions .disabledTitle {
  padding: 26px 0;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeHeaderSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeHeaderSection .headerWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeHeaderSection .title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 22px;
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeHeaderSection .desc {
  width: 90%;
  margin: 0 auto;
  line-height: 1.1;
  padding: 7px 0 12px 0;
  text-align: center;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeHeaderSection .selected {
  font-weight: 700;
}
.customizeModal > .inner .body .customize .sectionN.size .options .selectedOption {
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  min-height: 104px;
  border: 2px solid #007a53;
  -webkit-box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
}
.customizeModal > .inner .body .customize .sectionN.size .options .selectedOption .inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 0 9px 0 13px;
  border-radius: 5px;
}
.customizeModal > .inner .body .customize .sectionN.size .options .toolbar a {
  font-size: 24px;
  color: #007d4a;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption {
  margin: 0;
  font-size: 90%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  height: 104px;
  -webkit-box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
  margin-bottom: 18px;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption > input {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 9px 0 13px;
  border-radius: 5px;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner .iconsSection {
  padding-top: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner .iconsSection .sizeIcon {
  max-height: 91px;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner .iconsSection .dipAllergenWarning {
  margin: -0.125rem 0.375rem 0 0;
  width: 1.3125rem;
  height: 1.3125rem;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner .iconsSection .optionIcon {
  width: 16px;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner .iconsSection .plus {
  height: 16px !important;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner .iconsSection .check {
  height: 12px !important;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner > .circle {
  margin-top: -10px;
  display: inline-block;
  border: 1px solid #464646;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background-color: #fff;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 11px;
  height: 100%;
  padding-bottom: 6px;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner > .title .sizeName {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  padding-bottom: 5px;
  color: #000;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner > .title .dipWarning {
  padding-top: 5px;
  font-size: 12px;
  color: #545454;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner > .title .sizeInches {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #000;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner > .title .spacer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.customizeModal > .inner .body .customize .sectionN.size .options .sizeOption .inner > .title .price {
  color: #007a53;
  font-size: 16px;
  font-weight: 700;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 18px 10px 17px;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  background-color: #f7f7f7;
}
@media only screen and (max-width: 768px) {
  .customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeHeaderSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeHeaderSection .title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 22px;
  font-weight: 700;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeHeaderSection .desc {
  width: 90%;
  margin: 0 auto;
  line-height: 1.1;
  padding: 7px 0 12px 0;
  text-align: center;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeHeaderSection .selected, .customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeHeaderSection .availableCrusts, .customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeHeaderSection .availableSizes {
  font-weight: bold;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .selectedOption {
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  min-height: 104px;
  border: 2px solid #007a53;
  -webkit-box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .toolbar a {
  font-size: 24px;
  color: #007d4a;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption {
  margin: 0;
  font-size: 90%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  height: 104px;
  -webkit-box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
  margin-bottom: 18px;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption > input {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding: 0 9px 0 13px;
  border-radius: 5px;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner .iconsSection {
  padding-top: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner .iconsSection .sizeIcon {
  max-height: 91px;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner .iconsSection .dipAllergenWarning {
  margin: -0.125rem 0.375rem 0 0;
  width: 1.3125rem;
  height: 1.3125rem;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner .iconsSection .optionIcon {
  width: 16px;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner .iconsSection .plus {
  height: 16px !important;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner .iconsSection .check {
  height: 12px !important;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner > .circle {
  margin-top: -10px;
  display: inline-block;
  border: 1px solid #464646;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  background-color: #fff;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner > .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 11px;
  height: 100%;
  padding-bottom: 6px;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner > .title .sizeName {
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  padding-bottom: 5px;
  color: #000;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner > .title .dipWarning {
  padding-bottom: 5px;
  font-size: 12px;
  color: #545454;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner > .title .sizeInches {
  font-size: 14px;
  line-height: 14px;
  font-weight: 400;
  color: #000;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner > .title .spacer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.customizeModal > .inner .body .customize .sectionN.crust .newSelectionSizeModal .sizeOption .inner > .title .price {
  color: #007a53;
  font-size: 16px;
  font-weight: 700;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options, .customizeModal > .inner .body .customize .sectionN.sauce .options, .customizeModal > .inner .body .customize .sectionN.crust .options {
  position: absolute;
  overflow-y: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-color: #f7f7f7;
  padding: 20px 18px 10px 17px;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .toolbar a, .customizeModal > .inner .body .customize .sectionN.sauce .options .toolbar a, .customizeModal > .inner .body .customize .sectionN.crust .options .toolbar a {
  font-size: 24px;
  color: #007d4a;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .selectedOption, .customizeModal > .inner .body .customize .sectionN.sauce .options .selectedOption, .customizeModal > .inner .body .customize .sectionN.crust .options .selectedOption {
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  min-height: 104px;
  border: 2px solid #007a53;
  -webkit-box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .headerSection,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustHeaderSection, .customizeModal > .inner .body .customize .sectionN.sauce .options .headerSection,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustHeaderSection, .customizeModal > .inner .body .customize .sectionN.crust .options .headerSection,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustHeaderSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .headerSection .headerWrapper,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustHeaderSection .headerWrapper, .customizeModal > .inner .body .customize .sectionN.sauce .options .headerSection .headerWrapper,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustHeaderSection .headerWrapper, .customizeModal > .inner .body .customize .sectionN.crust .options .headerSection .headerWrapper,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustHeaderSection .headerWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .headerSection .title,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustHeaderSection .title, .customizeModal > .inner .body .customize .sectionN.sauce .options .headerSection .title,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustHeaderSection .title, .customizeModal > .inner .body .customize .sectionN.crust .options .headerSection .title,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustHeaderSection .title {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 22px;
  font-weight: 700;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .headerSection .desc,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustHeaderSection .desc, .customizeModal > .inner .body .customize .sectionN.sauce .options .headerSection .desc,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustHeaderSection .desc, .customizeModal > .inner .body .customize .sectionN.crust .options .headerSection .desc,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustHeaderSection .desc {
  width: 90%;
  margin: 0 auto;
  line-height: 1.1;
  padding: 7px 0 12px 0;
  text-align: center;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .headerSection .selected,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustHeaderSection .selected, .customizeModal > .inner .body .customize .sectionN.sauce .options .headerSection .selected,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustHeaderSection .selected, .customizeModal > .inner .body .customize .sectionN.crust .options .headerSection .selected,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustHeaderSection .selected {
  font-weight: 700;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption {
  margin: 0;
  font-size: 90%;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  cursor: pointer;
  width: 100%;
  border-radius: 10px;
  background-color: #fff;
  min-height: 117px;
  -webkit-box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
  margin-top: 0.25rem;
  margin-bottom: 18px;
}
@media only screen and (max-width: 364px) {
  .customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption,
  .customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption,
  .customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption,
  .customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption,
  .customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption,
  .customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption,
  .customizeModal > .inner .body .customize .sectionN.crust .options .crustOption {
    height: auto;
  }
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption > input,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption > input,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption > input, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption > input,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption > input,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption > input, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption > input,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption > input,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption > input {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 11px 10px 17px 15px;
  border-radius: 5px;
  width: 100%;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .iconSection,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .iconSection,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .iconSection, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .iconSection,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .iconSection,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .iconSection, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .iconSection,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .iconSection,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .iconSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.125rem;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .iconSection .optionIcon,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .iconSection .optionIcon,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .iconSection .optionIcon, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .iconSection .optionIcon,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .iconSection .optionIcon,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .iconSection .optionIcon, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .iconSection .optionIcon,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .iconSection .optionIcon,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .iconSection .optionIcon {
  width: 16px;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .iconSection .plus,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .iconSection .plus,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .iconSection .plus, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .iconSection .plus,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .iconSection .plus,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .iconSection .plus, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .iconSection .plus,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .iconSection .plus,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .iconSection .plus {
  height: 16px;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .iconSection .check,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .iconSection .check,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .iconSection .check, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .iconSection .check,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .iconSection .check,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .iconSection .check, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .iconSection .check,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .iconSection .check,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .iconSection .check {
  height: 12px;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .imageSection,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .imageSection,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .imageSection, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .imageSection,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .imageSection,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .imageSection, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .imageSection,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .imageSection,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .imageSection {
  padding-top: 5px;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .imageSection img,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .imageSection img,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .imageSection img, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .imageSection img,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .imageSection img,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .imageSection img, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .imageSection img,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .imageSection img,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .imageSection img {
  width: 83px;
  height: 83px;
  border-radius: 6px;
  -o-object-fit: cover;
     object-fit: cover;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .textSection,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .textSection,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .textSection, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .textSection,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .textSection,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .textSection, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .textSection,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .textSection,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .textSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: 15px;
  width: 100%;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .textSection .title,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .textSection .title,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .textSection .title, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .textSection .title,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .textSection .title,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .textSection .title, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .textSection .title,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .textSection .title,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .textSection .title {
  font-size: 20px;
  font-weight: 700;
  line-height: 19px;
  padding-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 5px;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .textSection .title .priceWrapper,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .textSection .title .priceWrapper,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .textSection .title .priceWrapper, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .textSection .title .priceWrapper,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .textSection .title .priceWrapper,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .textSection .title .priceWrapper, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .textSection .title .priceWrapper,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .textSection .title .priceWrapper,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .textSection .title .priceWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .textSection .title .priceWrapper .crustPrice,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .textSection .title .priceWrapper .crustPrice,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .textSection .title .priceWrapper .crustPrice, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .textSection .title .priceWrapper .crustPrice,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .textSection .title .priceWrapper .crustPrice,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .textSection .title .priceWrapper .crustPrice, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .textSection .title .priceWrapper .crustPrice,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .textSection .title .priceWrapper .crustPrice,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .textSection .title .priceWrapper .crustPrice {
  color: #007a53;
  min-width: 60px;
  margin-right: 2px;
  text-align: right;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .textSection .title .priceWrapper .tooltip.removeSpacing,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .textSection .title .priceWrapper .tooltip.removeSpacing,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .textSection .title .priceWrapper .tooltip.removeSpacing, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .textSection .title .priceWrapper .tooltip.removeSpacing,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .textSection .title .priceWrapper .tooltip.removeSpacing,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .textSection .title .priceWrapper .tooltip.removeSpacing, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .textSection .title .priceWrapper .tooltip.removeSpacing,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .textSection .title .priceWrapper .tooltip.removeSpacing,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .textSection .title .priceWrapper .tooltip.removeSpacing {
  margin: 0;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .textSection .title .tooltip,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .textSection .title .tooltip,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .textSection .title .tooltip, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .textSection .title .tooltip,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .textSection .title .tooltip,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .textSection .title .tooltip, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .textSection .title .tooltip,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .textSection .title .tooltip,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .textSection .title .tooltip {
  width: 1.3125rem;
  height: 1.3125rem;
  margin-right: 6px;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .textSection .desc,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .textSection .desc,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .textSection .desc, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .textSection .desc,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .textSection .desc,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .textSection .desc, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .textSection .desc,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .textSection .desc,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .textSection .desc {
  color: #545454;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options .cheeseOption .inner .textSection .subDesc,
.customizeModal > .inner .body .customize .sectionN.cheese .options .sauceOption .inner .textSection .subDesc,
.customizeModal > .inner .body .customize .sectionN.cheese .options .crustOption .inner .textSection .subDesc, .customizeModal > .inner .body .customize .sectionN.sauce .options .cheeseOption .inner .textSection .subDesc,
.customizeModal > .inner .body .customize .sectionN.sauce .options .sauceOption .inner .textSection .subDesc,
.customizeModal > .inner .body .customize .sectionN.sauce .options .crustOption .inner .textSection .subDesc, .customizeModal > .inner .body .customize .sectionN.crust .options .cheeseOption .inner .textSection .subDesc,
.customizeModal > .inner .body .customize .sectionN.crust .options .sauceOption .inner .textSection .subDesc,
.customizeModal > .inner .body .customize .sectionN.crust .options .crustOption .inner .textSection .subDesc {
  font-weight: 700;
  margin-top: 5px;
  color: #545454;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options > label, .customizeModal > .inner .body .customize .sectionN.sauce .options > label, .customizeModal > .inner .body .customize .sectionN.crust .options > label {
  display: block;
  border-bottom: 1px solid #f8f8f8;
  margin: 0;
  line-height: 1.1;
  cursor: pointer;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options > label > input, .customizeModal > .inner .body .customize .sectionN.sauce .options > label > input, .customizeModal > .inner .body .customize .sectionN.crust .options > label > input {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options > label > .inner, .customizeModal > .inner .body .customize .sectionN.sauce .options > label > .inner, .customizeModal > .inner .body .customize .sectionN.crust .options > label > .inner {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: relative;
  padding: 10px 30px 10px 20px;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options > label > .inner > .title, .customizeModal > .inner .body .customize .sectionN.sauce .options > label > .inner > .title, .customizeModal > .inner .body .customize .sectionN.crust .options > label > .inner > .title {
  font-size: 16px;
  margin-bottom: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options > label > .inner > .title > span, .customizeModal > .inner .body .customize .sectionN.sauce .options > label > .inner > .title > span, .customizeModal > .inner .body .customize .sectionN.crust .options > label > .inner > .title > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customizeModal > .inner .body .customize .sectionN.cheese .options > label > .inner > .desc, .customizeModal > .inner .body .customize .sectionN.sauce .options > label > .inner > .desc, .customizeModal > .inner .body .customize .sectionN.crust .options > label > .inner > .desc {
  font-size: 14px;
  color: #585d62;
}
.customizeModal > .inner .body .customize .sectionN.toppings {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 13px 10px 14px 10px;
  -webkit-box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
          box-shadow: 0px 2px 10px -5px rgba(0, 0, 0, 0.5);
  margin-bottom: 0;
  border: none;
}
.customizeModal > .inner .body .customize .sectionN.toppings .toolbar a {
  font-size: 24px;
  color: #007d4a;
}
.customizeModal > .inner .body .customize .sectionN.toppings .headerWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 20px;
}
.customizeModal > .inner .body .customize .sectionN.toppings .headerWrapper .toppingsTitle {
  font-size: 22px;
  font-weight: 700;
  line-height: 27px;
  text-align: center;
  padding-bottom: 8px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 100%;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.customizeModal > .inner .body .customize .sectionN.toppings > h4 {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customizeModal > .inner .body .customize .sectionN.toppings > h4 span:last-of-type {
  font-weight: 300;
}
.customizeModal > .inner .body .customize .sectionN.toppings p.info {
  display: block;
  text-align: left;
  font-size: 16px;
  line-height: 1.1;
  background-color: #f8e8b2;
  border-radius: 5px;
  margin: 5px 0;
  padding: 10px 0 10px 10px;
}
.customizeModal > .inner .body .customize .sectionN.toppings p.info.resetInfo {
  background-color: #f4beba;
  color: #1c1c1c;
}
.customizeModal > .inner .body .customize .sectionN.toppings p.info.resetInfo a {
  color: #1c1c1c;
  text-decoration: underline;
}
.customizeModal > .inner .body .customize .sectionN.toppings p.info.topping {
  background-color: #f4beba;
  color: #1c1c1c;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  overflow-y: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-color: #f7f7f7;
  padding: 0 22px;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 25px 5px 10px 5px;
  width: calc(33% - 10px);
  padding: 0 5px 5px 5px;
  text-align: center;
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  justify-self: flex-start;
  border-radius: 5px;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry > input {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry input:disabled ~ .inner {
  opacity: 0.3;
  background-color: white;
  cursor: not-allowed;
  border-radius: 5px;
  pointer-events: none;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry.hidden {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry .imageBox > .image {
  position: relative;
  margin: -20px auto 0 auto;
  height: 75px;
  width: 75px;
  background-position: center center !important;
  background-size: auto 110% !important;
  background-repeat: no-repeat !important;
  border-radius: 100%;
  border: 2px solid transparent;
  z-index: 2;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry .imageBox > .image > .amount {
  position: absolute;
  top: 0;
  right: 0;
  width: 22px;
  height: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  background-color: #007d4a;
  border-radius: 100%;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry.active .imageBox > .image {
  border-color: #007d4a;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry .title {
  margin: 10px 0;
  font-size: 14px;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry .title .tooltip {
  display: block;
  margin: 0 auto;
  margin-top: -1.25rem;
  width: 1.3125rem;
  height: 1.3125rem;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry .foot {
  margin-top: auto;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry .foot .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry .foot .buttons button {
  cursor: pointer;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-width: 1px;
  border-style: solid;
  height: 34px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background: none;
  background-color: #fff;
  color: #007d4a;
  border-color: #007d4a;
  border-radius: 5px;
  margin: 0 4px;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry .foot .buttons button:hover {
  background-color: #007d4a;
  color: #fff;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry .foot .buttons button:disabled {
  pointer-events: none;
  border-color: #dbdbdb;
  color: #dbdbdb;
  background-color: #fff;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry .foot .buttons button:disabled:hover {
  background-color: #fff;
  pointer-events: none;
  border-color: #dbdbdb;
  color: #dbdbdb;
}
.customizeModal > .inner .body .customize .sectionN.toppings .options .toppingEntry .foot .buttons button:disabled:focus {
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.customizeModal > .inner .body .customize .sectionN.toppings .toppingMenu {
  margin-bottom: 30px;
  width: 100%;
}
.customizeModal > .inner .body .customize .sectionN.toppings .toppingMenu.fixed {
  position: fixed;
  top: 0;
  background-color: white;
  z-index: 99999;
}
.customizeModal > .inner .body .customize .sectionN.toppings .toppingMenu .menuProper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customizeModal > .inner .body .customize .sectionN.toppings .toppingMenu .menuProper > label {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  margin: 0;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  cursor: pointer;
}
.customizeModal > .inner .body .customize .sectionN.toppings .toppingMenu .menuProper > label > input {
  display: none;
}
.customizeModal > .inner .body .customize .sectionN.toppings .toppingMenu .menuProper > label .inner {
  height: 40px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.customizeModal > .inner .body .customize .sectionN.toppings .toppingMenu .menuProper > label .inner > span {
  line-height: 1;
}
.customizeModal > .inner .body .customize .sectionN.toppings .toppingMenu .menuProper > label > input:checked ~ .inner {
  background-color: #e42313;
  color: #fff;
}
.customizeModal > .inner .body .customize .sectionN.toppings .toppingMenu .menuProper > label > input:checked ~ .inner:after {
  position: absolute;
  content: "";
  margin-top: 50px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #e42313;
  display: none;
}
.customizeModal > .inner .body .customize .section .sHead {
  padding: 0 10px;
  cursor: pointer;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.customizeModal > .inner .body .customize .section .sHead i {
  color: #007d4a;
}
.customizeModal > .inner .body .customize .section .sHead:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.customizeModal > .inner .body .customize .section .sbody {
  padding: 0 10px;
}
.customizeModal > .inner .footer {
  background-color: #fff;
  padding: 7px 10px;
}
.customizeModal > .inner .botmenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.customizeModal > .inner .botmenu .lSide {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  background-color: #F7F7F7;
  border-radius: 5px;
  border: 1px solid #efefef;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  max-width: 140px;
  margin-right: 5px;
}
@media only screen and (max-width: 768px) {
  .customizeModal > .inner .botmenu .lSide {
    display: none;
  }
}
.customizeModal > .inner .botmenu .lSide > input {
  pointer-events: none;
  border: 0;
  border-radius: 5px;
  text-align: center !important;
  width: 34px;
  font-weight: 700;
  font-size: 22px;
}
.customizeModal > .inner .botmenu .lSide button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  z-index: 2;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-width: 1px;
  border-style: solid;
  height: 34px;
  width: 44px;
  background: none;
  background-color: #fff;
  border-radius: 5px;
}
.customizeModal > .inner .botmenu .lSide button i {
  font-size: 18px;
}
.customizeModal > .inner .botmenu .lSide button.qtyPlus {
  cursor: pointer;
  color: #007d4a;
  border-color: #007d4a;
}
.customizeModal > .inner .botmenu .lSide button.qtyPlus:hover {
  background-color: #007d4a;
  color: #fff;
}
.customizeModal > .inner .botmenu .lSide button.qtyMinus:not(:disabled) {
  cursor: pointer;
}
.customizeModal > .inner .botmenu .lSide button.qtyMinus:not(:disabled):hover {
  background-color: #707070;
  color: #fff;
}
.customizeModal > .inner .botmenu .rSide {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 50%;
  padding: 7px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f7f7f7;
  -webkit-box-shadow: -5px 0px 20px rgba(0, 0, 0, 0.1019607843);
          box-shadow: -5px 0px 20px rgba(0, 0, 0, 0.1019607843);
  border-top: 1px solid #dbdbdb;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .customizeModal > .inner .botmenu .rSide {
    width: 100%;
  }
}
.customizeModal > .inner .botmenu .rSide button {
  width: 100%;
  height: 56px;
  font-size: 22px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.customizeModal > .inner .botmenu .rSide button > .addIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.customizeModal > .inner .botmenu .rSide button > .addIcon i {
  margin-bottom: -8px;
}
.customizeModal > .inner .botmenu .rSide button > .addIcon > span {
  display: block;
  background-color: #007d4a;
  font-size: 18px;
  text-transform: uppercase;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
}
.customizeModal > .inner .botmenu .rSide button:hover .addIcon > span {
  color: #007d4a;
  background-color: #fff;
}
.customizeModal > .inner .botmenu .rSide:has(.swapHam.hasLaVieHam.hamToppingSelected.enoughChanges) {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0 0 1rem;
}
.customizeModal > .inner .botmenu .rSide:has(.swapHam.hasLaVieHam.hamToppingSelected.enoughChanges) .CartAdd {
  margin: 0 1rem;
}
.customizeModal > .inner .botmenu .rSide .swapHam {
  display: none;
  width: 100%;
  position: relative;
  border: none;
  padding: 1.25rem 3.75rem;
  margin-bottom: 1rem;
  background-color: #7EC182;
  cursor: pointer;
}
.customizeModal > .inner .botmenu .rSide .swapHam .laVieLogo {
  position: absolute;
  left: 0.3125rem;
  top: -1.6875rem;
  width: 3.75rem;
  height: 3.75rem;
}
.customizeModal > .inner .botmenu .rSide .swapHam .laVieGrass {
  position: absolute;
  right: 1rem;
  top: -2.125rem;
  width: 7.875rem;
  height: 3.125rem;
}
.customizeModal > .inner .botmenu .rSide .swapHam .laVieText {
  text-align: center;
  font-size: 16px;
  font-weight: 500;
  line-height: normal;
  margin: 0;
}
.customizeModal > .inner .botmenu .rSide .swapHam .laVieCaption {
  z-index: 2;
  position: absolute;
  width: 200px;
  top: -1.125rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-image: url("/images/laVieBlueRectangle.svg");
  padding: 0.25rem 0.1875rem;
  background-size: contain;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -0.4px;
}
.customizeModal > .inner .botmenu .rSide .swapHam .laVieCaption p {
  margin: 0;
}
.customizeModal > .inner .botmenu .rSide .swapHam .swapCircle {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  right: 1.25rem;
  border-radius: 50%;
  width: 2.125rem;
  height: 2.125rem;
  background-color: #007A53;
  border: 2px solid #007A53;
  -webkit-transition: background-color 0.2s ease-in-out;
  transition: background-color 0.2s ease-in-out;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.customizeModal > .inner .botmenu .rSide .swapHam .swapCircle i {
  -webkit-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
  color: white;
  width: 1rem;
  height: 1rem;
}
.customizeModal > .inner .botmenu .rSide .swapHam:hover .swapCircle {
  background-color: white;
}
.customizeModal > .inner .botmenu .rSide .swapHam:hover .swapCircle i {
  color: #007A53;
}
.customizeModal > .inner .botmenu .rSide .swapHam.hasLaVieHam.hamToppingSelected.enoughChanges {
  display: block;
}

.settingsModal.maxToppings .settingsModalInner {
  background-color: #fff;
  padding: 1.5rem 1rem;
  border-radius: 0.3125rem;
  width: 100%;
  max-width: 24.375rem;
}
.settingsModal.maxToppings .settingsModalInner h3 {
  font-size: 1.75rem;
  line-height: normal;
  text-align: center;
  margin-bottom: 1.5rem;
}
.settingsModal.maxToppings .settingsModalInner p {
  font-size: 1rem;
  line-height: normal;
  margin-bottom: 1.5rem;
}
.settingsModal.maxToppings .settingsModalInner .pizzaMaxToppings,
.settingsModal.maxToppings .settingsModalInner .bold {
  font-weight: 700;
}
.settingsModal.maxToppings .settingsModalInner .btnWrapper .btn {
  font-size: 1.25rem;
  line-height: normal;
  height: 3.125rem;
  font-weight: 700;
  padding: 0.9375rem;
}
.settingsModal.maxToppings .settingsModalInner .btnWrapper #toppingsReset {
  margin-bottom: 1rem;
}

@media only screen and (min-width: 769px) {
  .customizeModal {
    background-color: rgba(0, 0, 0, 0.72);
  }
  .customizeModal > .inner {
    width: 726px;
    height: 670px;
  }
  .customizeModal > .inner .body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  .customizeModal > .inner .body .head {
    width: 326px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    overflow-x: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
  }
  .customizeModal > .inner .body .head.header_Pizza {
    background-size: 110%, auto 70% !important;
    background-position: center top !important;
  }
  .customizeModal > .inner .body .head .headerProductImage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .customizeModal > .inner .body .head .headerProductImage img {
    width: 100%;
  }
  .customizeModal > .inner .body .head .deskBoxInfo {
    margin-top: 33px;
    width: 100%;
    padding: 0 33px 0 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 160px;
  }
  .customizeModal > .inner .body .head .deskBoxInfo .innr {
    position: relative;
    z-index: 3;
    width: 100%;
  }
  .customizeModal > .inner .body .details {
    width: 55.1%;
    height: 100%;
    max-height: 100%;
    overflow-y: auto;
    padding-top: 20px;
    background-color: #f7f7f7;
    -webkit-box-shadow: -5px 0px 20px rgba(0, 0, 0, 0.1019607843);
            box-shadow: -5px 0px 20px rgba(0, 0, 0, 0.1019607843);
    position: absolute;
    right: 0;
    z-index: 1;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .customizeModal > .inner .body .details:after {
    display: none;
  }
  .customizeModal > .inner .body .details::-webkit-scrollbar {
    display: none;
  }
  .customizeModal > .inner .footer .botmenu .lSide {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    max-width: 326px;
    margin-right: 10px;
  }
  .customizeModal > .inner .footer .botmenu .rSide button {
    margin-left: auto;
  }
}
@media only screen and (max-width: 768px) {
  .pizzaHalf .pizza {
    padding: 15px 10px;
    border-bottom: 1px solid rgb(248, 248, 248);
  }
  .pizzaHalf .pizza .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .pizzaHalf .pizza .inner .greenIcon {
    color: #007d4a;
    position: absolute;
    right: -1px;
  }
  .pizzaHalf .pizza .inner .redIcon {
    color: #e42313;
    position: absolute;
    right: -1px;
  }
  .pizzaHalf .pizza .inner .desc {
    font-size: 14px;
  }
  .pizzaHalf .pizza .inner .veggieIcon {
    width: 15px;
    height: 15px;
    margin-left: 5px;
  }
  .pizzaHalf .pizza .inner .title {
    margin-bottom: 3px;
  }
  .pizzaHalf .colouredSection {
    background-color: rgb(230, 242, 237);
  }
  .pizzaHalf .colouredSection .inner {
    margin-bottom: 10px;
  }
  .pizzaHalf .colouredSection .inner .fa-adjust {
    font-size: 16px;
    color: #007d4a;
    margin-right: 1px;
  }
  .pizzaHalf .colouredSection .allergensMayWrapper {
    margin-bottom: 0 !important;
  }
  .settingsModal.maxToppings .settingsModalInner {
    max-width: 100%;
  }
}
@keyframes loadSmall {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.confirmationModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.72);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 11;
  padding: 0 10px 0 10px;
}
.confirmationModal:not(.active) {
  display: none;
}
.confirmationModal:not(.visible) {
  opacity: 0;
}
.confirmationModal .modalLabel {
  background-color: #000;
  color: #fff;
  font-weight: 700;
  font-size: 2em;
  padding: 0.2em 0.25em 0.1em;
  text-transform: uppercase;
  -webkit-transform: skew(-5deg) rotate(-2deg);
          transform: skew(-5deg) rotate(-2deg);
}
.confirmationModal img {
  width: 317px;
  height: 212px;
  max-width: 100%;
}
.confirmationModal .btnWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  padding: 0 1.25rem;
  margin-bottom: 1.25rem;
  -ms-flex-direction: column;
      flex-direction: column;
  gap: 8px;
}
.confirmationModal .btnWrapper .btn {
  height: 3.125rem;
  padding: 0.875rem 0;
  font-size: 1.25rem;
  font-weight: 700;
}
.confirmationModal > .innerContent {
  width: 316px;
  max-width: 100%;
  background-color: #f8f8f8;
  -webkit-box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px -5px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-height: calc(100% - 20px);
  border-radius: 10px;
}
.confirmationModal > .innerContent h3 {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  margin-top: 1.25rem;
  margin-bottom: 1rem;
  padding: 0 1.25rem;
  text-transform: uppercase;
}
.confirmationModal > .innerContent p {
  font-size: 1em;
  text-align: center;
  padding: 0 1.25rem;
  margin-bottom: 1.5rem;
}

.offersPage .allergenStrip {
  margin: 20px 10px 10px 10px;
  border-radius: 5px;
  background: linear-gradient(to right, rgb(237, 139, 0) 0%, rgb(237, 139, 0) 45px, rgb(251, 225, 190) 45px, rgb(251, 225, 190) 100%);
  padding: 15px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .offersPage .allergenStrip {
    margin: 40px 15px 0px 15px;
  }
}
@media only screen and (max-width: 420px) {
  .offersPage .allergenStrip {
    background: linear-gradient(to right, rgb(237, 139, 0) 0%, rgb(237, 139, 0) 35px, rgb(251, 225, 190) 35px, rgb(251, 225, 190) 100%);
  }
}
.offersPage .allergenStrip .allergenStrip_lSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.offersPage .allergenStrip .allergenStrip_lSide .fas {
  margin-right: 20px;
  color: #fff;
}
@media only screen and (min-width: 420px) {
  .offersPage .allergenStrip .allergenStrip_lSide .fas {
    margin-left: 5px;
  }
}
.offersPage .allergenStrip .allergenStrip_lSide .allergenStrip_text {
  margin-left: 10px;
}
.offersPage .allergenStrip .allergenStrip_rSide {
  color: #fff;
  font-size: 20px;
  margin-left: 5px;
  margin-top: -11px;
  position: relative;
  top: 11px;
}
.offersPage .studentsBanner {
  background-image: url("/static/assets/students/Freshers-Header-background(1)-MD.png");
  background-size: contain;
  border-radius: 5px;
  height: 95px;
  width: auto;
  margin: 20px 15px 0 15px;
}
@media only screen and (max-width: 505px) {
  .offersPage .studentsBanner {
    height: 105px;
    margin: 20px 10px;
  }
}
.offersPage .studentsBanner .studentsBannerLinkWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  text-decoration: none;
  color: #000;
  height: 95px;
}
@media only screen and (max-width: 505px) {
  .offersPage .studentsBanner .studentsBannerLinkWrapper {
    height: 105px;
  }
}
.offersPage .studentsBanner .studentsBannerTextBox {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin: 16px 30px;
}
@media only screen and (max-width: 505px) {
  .offersPage .studentsBanner .studentsBannerTextBox {
    margin: 16px 8px;
  }
}
.offersPage .studentsBanner .studentsBannerTitle {
  color: #e0ec3d;
  text-transform: uppercase;
  text-align: left;
  font: normal normal bold 22px/24px Italian Plate No2;
  letter-spacing: 0px;
  margin: 0;
}
.offersPage .studentsBanner .studentsBannerContent {
  text-align: left;
  font: normal normal normal 18px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #fff;
  margin: 0;
}
.offersPage .studentsBanner .studentBannerImage {
  background-image: url("/static/assets/students/Students We Got You.png");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  -webkit-transform: matrix(0.99, 0.14, -0.14, 0.99, 0, 0);
          transform: matrix(0.99, 0.14, -0.14, 0.99, 0, 0);
  width: 145px;
  height: 75%;
  margin: 10px 16px;
}
@media only screen and (max-width: 505px) {
  .offersPage .studentsBanner .studentBannerImage {
    width: 125px;
    margin: 10px 8px;
  }
}
@media only screen and (max-width: 400px) {
  .offersPage .studentsBanner .optionalText {
    display: none;
  }
}
.offersPage .studentsBanner .far {
  margin-left: 4px;
}
@media only screen and (max-width: 505px) {
  .offersPage .studentsBanner .far {
    margin-left: 0;
  }
}
.offersPage .rewardPointsWrapper {
  background-image: url("/images/offers/MaskGroup37.png");
  background-repeat: no-repeat;
  width: auto;
  height: 76px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  border-radius: 5px;
  margin: 10px 15px;
}
@media only screen and (min-width: 1251px) {
  .offersPage .rewardPointsWrapper {
    background-size: 210px 100%;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1250px) {
  .offersPage .rewardPointsWrapper {
    background-size: 195px 100%;
  }
}
@media only screen and (min-width: 1141px) and (max-width: 1199px) {
  .offersPage .rewardPointsWrapper {
    background-size: 307px 100%;
  }
}
@media only screen and (min-width: 1061px) and (max-width: 1140px) {
  .offersPage .rewardPointsWrapper {
    background-size: 260px 100%;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1060px) {
  .offersPage .rewardPointsWrapper {
    background-size: 220px 100%;
  }
}
@media only screen and (min-width: 897px) and (max-width: 1001px) {
  .offersPage .rewardPointsWrapper {
    background-size: 210px 100%;
  }
}
@media only screen and (min-width: 769px) and (max-width: 896px) {
  .offersPage .rewardPointsWrapper {
    background-size: 200px 100%;
  }
}
@media only screen and (min-width: 681px) and (max-width: 768px) {
  .offersPage .rewardPointsWrapper {
    background-image: url("/images/offers/redBar.png");
    background-size: 140px 100%;
    height: 125px;
    margin: 10px;
  }
}
@media only screen and (min-width: 591px) and (max-width: 680px) {
  .offersPage .rewardPointsWrapper {
    background-image: url("/images/offers/redBar.png");
    background-size: 144px 100%;
    height: 125px;
    margin: 10px;
  }
}
@media only screen and (min-width: 541px) and (max-width: 590px) {
  .offersPage .rewardPointsWrapper {
    background-image: url("/images/offers/redBar.png");
    background-size: 125px 100%;
    height: 125px;
    margin: 10px;
  }
}
@media only screen and (min-width: 356px) and (max-width: 540px) {
  .offersPage .rewardPointsWrapper {
    background-image: url("/images/offers/redBar.png");
    background-size: 105px 100%;
    height: 125px;
    margin: 10px;
  }
}
@media only screen and (max-width: 355px) {
  .offersPage .rewardPointsWrapper {
    background-image: url("/images/offers/redBar.png");
    background-size: 87px 100%;
    height: 125px;
    margin: 10px;
  }
}
.offersPage .rewardPointsWrapper .rewardPoints {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 16px;
  padding: 10px 0;
}
@media only screen and (min-width: 960px) {
  .offersPage .rewardPointsWrapper .rewardPoints {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.offersPage .rewardPointsWrapper .rewardPoints .pointsBox_mobile {
  width: 80px;
  color: #fff;
  line-height: 198% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 769px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_mobile {
    display: none;
  }
}
@media only screen and (min-width: 681px) and (max-width: 768px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_mobile {
    min-width: 133px;
  }
}
@media only screen and (min-width: 591px) and (max-width: 680px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_mobile {
    min-width: 133px;
  }
}
@media only screen and (min-width: 541px) and (max-width: 590px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_mobile {
    min-width: 115px;
  }
}
@media only screen and (min-width: 489px) and (max-width: 540px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_mobile {
    min-width: 98px;
  }
}
@media only screen and (min-width: 356px) and (max-width: 488px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_mobile {
    width: 95px;
    min-width: 95px;
  }
}
@media only screen and (max-width: 355px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_mobile {
    min-width: 79px;
  }
}
.offersPage .rewardPointsWrapper .rewardPoints .pointsBox_mobile .rewardWord {
  font-size: 16px;
}
.offersPage .rewardPointsWrapper .rewardPoints .pointsBox_mobile .figuredWord {
  font-size: 50px;
  font-weight: bold;
  margin-right: 8px;
}
.offersPage .rewardPointsWrapper .rewardPoints .pointsBox_mobile .pointsdWord {
  font-size: 18px;
}
.offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  width: 26%;
  min-width: 26%;
}
.offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop .figuredWord {
  font-size: 60px;
  font-weight: bold;
  margin-right: 8px;
}
.offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop .pointsBox_desktop_rSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  line-height: 164% !important;
}
.offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop .pointsBox_desktop_rSide .rewardWord {
  font-size: 24px;
}
.offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop .pointsBox_desktop_rSide .pointsdWord {
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
    display: none;
  }
}
@media only screen and (min-width: 1401px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
    min-width: 169px;
    width: 219px;
  }
}
@media only screen and (min-width: 1301px) and (max-width: 1400px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
    min-width: 212px;
    width: 212px;
  }
}
@media only screen and (min-width: 1251px) and (max-width: 1300px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
    min-width: 209px;
    width: 209px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1250px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
    min-width: 187px;
    width: 112px;
  }
}
@media only screen and (min-width: 1141px) and (max-width: 1199px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
    min-width: 303px;
    width: 128px;
  }
}
@media only screen and (min-width: 1061px) and (max-width: 1140px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
    min-width: 258px;
    width: 258px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1060px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
    min-width: 207px;
    width: 237px;
  }
}
@media only screen and (min-width: 941px) and (max-width: 1001px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
    min-width: 210px;
    width: 210px;
  }
}
@media only screen and (min-width: 897px) and (max-width: 940px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
    min-width: 206px;
    width: 206px;
  }
}
@media only screen and (min-width: 831px) and (max-width: 896px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
    min-width: 197px;
    width: 197px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 830px) {
  .offersPage .rewardPointsWrapper .rewardPoints .pointsBox_desktop {
    min-width: 197px;
    width: 197px;
  }
}
.offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1401px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text {
    padding-right: 10px;
    padding-left: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text {
    padding-right: 20px;
    padding-left: 16px;
    padding-top: 5px;
    padding-bottom: 5px;
  }
}
@media only screen and (min-width: 1061px) and (max-width: 1199px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text {
    padding-left: 20px;
  }
}
@media only screen and (min-width: 897px) and (max-width: 1060px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text {
    margin-left: 42px;
    margin-right: 6px;
    width: 70%;
    margin-top: 5px;
    margin-bottom: 5px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 896px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text {
    margin-left: 22px;
    margin-right: 3px;
    width: 70%;
    margin-top: 7px;
    margin-bottom: 7px;
  }
}
@media only screen and (max-width: 768px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text {
    width: 100%;
  }
}
@media only screen and (min-width: 371px) and (max-width: 768px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text {
    padding-bottom: 10px;
  }
}
.offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text .rewardPoints_text_headline {
  font-size: 17px;
}
.offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text .rewardPoints_text_body {
  font-size: 14px;
}
@media only screen and (min-width: 1430px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text .rewardPoints_text_body {
    padding-right: 47px;
  }
}
@media only screen and (min-width: 1171px) and (max-width: 1199px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text .rewardPoints_text_body {
    padding-right: 144px;
  }
}
@media only screen and (min-width: 1151px) and (max-width: 1170px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text .rewardPoints_text_body {
    padding-right: 115px;
  }
}
@media only screen and (min-width: 1101px) and (max-width: 1150px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text .rewardPoints_text_body {
    padding-right: 89px;
  }
}
@media only screen and (min-width: 1061px) and (max-width: 1100px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text .rewardPoints_text_body {
    padding-right: 62px;
  }
}
@media only screen and (min-width: 1001px) and (max-width: 1060px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text .rewardPoints_text_body {
    padding-right: 37px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewardPoints_text {
    margin-bottom: 15px;
    margin-top: 10px;
  }
}
.offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewarsPointsButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #dbdbdb;
  border-radius: 5px;
  padding: 5px 20px;
  font-size: 0.8rem;
  margin-right: 7px;
}
@media only screen and (min-width: 400px) and (max-width: 768px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button1 {
    width: 54%;
  }
}
.offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button1 i {
  color: #007d4a;
}
.offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button1 span {
  padding-right: 20px;
}
.offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button2 button {
  color: #fff;
  background-color: #007d4a;
  border-radius: 5px;
  padding: 5px 25px;
  border: 1px solid #007d4a;
  font-weight: bold;
  font-size: 0.8rem;
}
@media only screen and (max-width: 370px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button2 button {
    padding: 5px 10px !important;
  }
}
@media only screen and (min-width: 769px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide .rewarsPointsButtons {
    margin-right: 10px;
  }
}
@media only screen and (min-width: 591px) and (max-width: 768px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide {
    display: block;
    margin-right: 10px;
    margin-left: 22px;
  }
}
@media only screen and (min-width: 541px) and (max-width: 590px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide {
    display: block;
    margin-right: 12px;
    margin-left: 18px;
  }
}
@media only screen and (min-width: 489px) and (max-width: 540px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide {
    display: block;
    margin-right: 12px;
    margin-left: 18px;
  }
}
@media only screen and (min-width: 356px) and (max-width: 488px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide {
    display: block;
    margin-right: 10px;
    margin-left: 15px;
  }
}
@media only screen and (max-width: 356px) {
  .offersPage .rewardPointsWrapper .rewardPoints .rewardPoints_rSide {
    display: block;
    margin-right: 10px;
    margin-left: 15px;
  }
}
.offersPage .headerVoucherSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 28px 16px 24px;
}
.offersPage .headerVoucherSection .promoCodeBtn {
  border-radius: 5px;
  border: 1px solid #007a53;
  color: #007a53;
  background-color: #fff;
  padding: 8px;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.offersPage .headerVoucherSection .promoCodeBtn:hover {
  border: 1px solid #fff;
  background: #eb8e2b;
  color: #fff;
}
.offersPage .headerVoucherSection .promoCodeBtn:hover i {
  color: #fff !important;
}
.offersPage .headerVoucherSection .promoCodeBtn:active, .offersPage .headerVoucherSection .promoCodeBtn:focus {
  border: 1px solid #007a53;
  background: #fff;
  color: #007a53;
  outline: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.offersPage .headerVoucherSection .promoCodeBtn:active i, .offersPage .headerVoucherSection .promoCodeBtn:focus i {
  color: #007a53 !important;
}
.offersPage .vouchersDisclaimerMessage {
  color: #1C1C1C;
  font-size: 12px;
  margin: 0 16px;
}
@media only screen and (min-width: 1201px) {
  .offersPage .vouchersDisclaimerMessage {
    margin-top: 2px;
  }
}
.offersPage .dealFinderContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  background: linear-gradient(100.49deg, #FF1506 -101.68%, #EBC525 -38.27%, #7BBC29 43.25%, #017B53 105.53%);
  border-radius: 5px;
  margin: 0 1rem 1.25rem 1rem;
  padding: 0.75rem 0.75rem;
}
.offersPage .dealFinderContainer img {
  width: 154px;
  height: 32px;
}
.offersPage .dealFinderContainer p {
  margin: 0 0;
  text-align: center;
  color: rgb(255, 255, 255);
  font-size: 20px;
  font-size: 400;
}
.offersPage .dealFinderContainer p .boldText {
  font-weight: 700;
}
.offersPage .dealFinderContainer p a {
  color: rgb(255, 255, 255);
  background-color: transparent;
  text-decoration: underline;
}
@media only screen and (max-width: 768px) {
  .offersPage .dealFinderContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 0.375rem;
    font-size: 500;
  }
  .offersPage .dealFinderContainer img {
    width: 115px;
    height: 24px;
  }
  .offersPage .dealFinderContainer p {
    text-align: left;
    font-size: 16px;
  }
}
.offersPage .findOutMoreSection {
  margin-top: 16px;
  margin-left: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
}
.offersPage .findOutMoreSection.empty-cards {
  margin-top: 0;
}
.offersPage .findOutMoreSection i {
  color: #247D4A;
}
.offersPage .findOutMoreSection a {
  text-decoration: underline;
}
.offersPage .findOutMoreSection a:hover {
  color: #007d4a;
}
.offersPage .findOutMoreSection .findOutMoreText, .offersPage .findOutMoreSection a {
  color: #464646;
  font-size: 15px;
}
.offersPage .offersRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.offersPage .offersRow .button_left {
  background-color: #fff;
  padding: 2px 10px;
  color: #007d4a;
  border: 1px solid #007d4a;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 5px;
  width: 50%;
  height: 40px;
  font-size: 20px;
  margin-right: 3px;
}
.offersPage .offersRow .button_left:hover {
  border: 1px solid #ed8b00;
  color: #ed8b00;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.offersPage .offersRow .button_right {
  background-color: #007d4a;
  padding: 2px 10px;
  color: #fff;
  border: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 5px;
  width: 50%;
  height: 40px;
  font-size: 20px;
}
.offersPage .offersRow .button_right:hover {
  background-color: #ed8b00;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.offersPage .offersRow .offersRow1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .offersRow1 {
    display: block;
    width: 100%;
    padding: 0;
    overflow: visible;
  }
}
.offersPage .offersRow .offersRow1 .offersRow1_leftBox {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  padding: 15px;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .offersRow1 .offersRow1_leftBox {
    width: 100%;
    padding: 0;
    margin: 10px 0 10px 0;
  }
}
.offersPage .offersRow .offersRow1 .offersRow1_leftBox .offersRow1_left,
.offersPage .offersRow .offersRow1 .offersRow1_leftBox .offersRow2_left {
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
.offersPage .offersRow .offersRow1 .offersRow1_leftBox .img-fluid {
  width: 100%;
  height: auto;
}
.offersPage .offersRow .offersRow1 .offersRow1_leftBox .offersImage {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
.offersPage .offersRow .offersRow1 .offersRow1_leftBox .offersRow1_left_bottom {
  background-color: #fff;
  padding: 10px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.offersPage .offersRow .offersRow1 .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_bottom_text {
  height: 72px;
}
.offersPage .offersRow .offersRow1 .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_bottom_text p {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 !important;
}
.offersPage .offersRow .offersRow1 .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.offersPage .offersRow .dealsButtonsContainer {
  height: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto 8px var(--last-col-height);
  grid-template-rows: auto 8px var(--last-col-height);
}
.offersPage .offersRow .dealsButtonsContainer > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.offersPage .offersRow .dealsButtonsContainer > *:nth-child(2) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.offersPage .offersRow .dealsButtonsContainer > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .dealsButtonsContainer {
    -ms-grid-rows: -webkit-max-content 8px auto 32px;
    -ms-grid-rows: max-content 8px auto 32px;
    grid-template-rows: -webkit-max-content 8px auto 32px;
    grid-template-rows: max-content 8px auto 32px;
  }
  .offersPage .offersRow .dealsButtonsContainer.hasUpgrade {
    -ms-grid-rows: -webkit-max-content 8px auto 32px;
    -ms-grid-rows: max-content 8px auto 32px;
    grid-template-rows: -webkit-max-content 8px auto 32px;
    grid-template-rows: max-content 8px auto 32px;
  }
}
.offersPage .offersRow .dealsCard {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  grid-column: 1/-1;
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto 9px 1fr;
  grid-template-rows: auto 1fr;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 8px 10px;
  border: 0;
  background-color: #fff;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding: 0;
  width: 100%;
  min-height: -webkit-fit-content;
  min-height: -moz-fit-content;
  min-height: fit-content;
  gap: 9px;
  padding: 8px 8px 24px;
  position: relative;
  z-index: 2;
}
.offersPage .offersRow .dealsCard:hover {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.65);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.65);
}
.offersPage .offersRow .dealsCard .cardHeaderContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.offersPage .offersRow .dealsCard .cardHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  padding: 12px;
  position: relative;
  background: #D3E7E1;
  border-radius: 5px;
}
.offersPage .offersRow .dealsCard .cardHeader img {
  position: absolute;
  top: -14px;
  height: 22px;
}
.offersPage .offersRow .dealsCard .cardHeader .dealName {
  font-size: 20px;
  line-height: 21px;
  color: #2D5D2A;
  margin: 0;
  font-family: "Papa Sans Heavy";
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-right: 1px;
  font-weight: 900;
  text-transform: capitalize;
}
.offersPage .offersRow .dealsCard .cardHeader .dealPricing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.offersPage .offersRow .dealsCard .cardHeader .dealPricing .dealPrice {
  color: #000;
  font-size: 20px;
  line-height: 19px;
  margin-right: 8px;
}
.offersPage .offersRow .dealsCard .cardHeader .dealPricing .beforePrice {
  color: #DA102E;
  font-size: 14px;
  line-height: 14px;
  margin-right: 6px;
  text-decoration: line-through;
}
.offersPage .offersRow .dealsCard .cardHeader .dealPricing .fromLabel {
  font-size: 14px;
  line-height: 14px;
  margin-right: 6px;
  color: #000;
}
.offersPage .offersRow .dealsCard .cardHeader .dealPricing i {
  font-size: 18px;
  color: #007d4a;
  padding-bottom: 2px;
}
.offersPage .offersRow .dealsCard .cardBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
  height: 100%;
  position: relative;
}
.offersPage .offersRow .dealsCard .cardBody .cardDetails {
  display: -ms-grid;
  display: grid;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  grid-gap: 14px;
  -ms-grid-columns: 50% 14px 50%;
  grid-template-columns: 50% 50%;
  -ms-grid-rows: var(--nr-rows);
  grid-template-rows: var(--nr-rows);
  padding: 0 14px 0px 12px;
}
.offersPage .offersRow .dealsCard .cardBody .cardDetails > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.offersPage .offersRow .dealsCard .cardBody .cardDetails > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .dealsCard .cardBody .cardDetails {
    grid-gap: 10px;
    -ms-grid-rows: unset;
    grid-template-rows: unset;
  }
}
.offersPage .offersRow .dealsCard .cardBody .cardDetails .dealProduct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.offersPage .offersRow .dealsCard .cardBody .cardDetails .dealProduct img {
  width: 24px;
}
.offersPage .offersRow .dealsCard .cardBody .cardDetails .dealProduct .products {
  margin: 0;
  font-size: 20px;
  line-height: 18px;
  color: #1c1c1c;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .dealsCard .cardBody .cardDetails .dealProduct .products {
    font-size: 16px;
    line-height: 19px;
  }
}
.offersPage .offersRow .dealsCard .cardBody .cardDetails .dealProduct.infoIcon {
  grid-column: 1/-1;
}
.offersPage .offersRow .dealsCard .cardBody .cardDetails .dealProduct.infoIcon .products {
  font-weight: bold;
  margin-top: 5px;
}
.offersPage .offersRow .dealsCard .cardBody .cardBottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4px;
  position: absolute;
  bottom: 0;
}
.offersPage .offersRow .dealsCard .cardBody .cardBottom i {
  color: #eb8e2b;
  font-size: 14px;
}
.offersPage .offersRow .dealsCard .cardBody .cardBottom span {
  font-size: 12px;
  color: #000;
}
.offersPage .offersRow .upgradeDealContainer {
  -ms-grid-row: 2;
  -ms-grid-row-span: 2;
  grid-row: 2/4;
  grid-column: 1/-1;
  width: 100%;
  border: 0;
  padding: 1.25rem 1.25rem 0.75rem;
  border-radius: 0px 0px 10px 10px;
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.4)), to(rgba(255, 255, 255, 0.4))), #FFCF6E;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.4) 100%), #FFCF6E;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #000;
}
.offersPage .offersRow .upgradeDealContainer:hover {
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.65);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.65);
}
.offersPage .offersRow .upgradeDealContainer .upgradeText {
  font-weight: 700;
  font-size: 16px;
  line-height: 19px;
  text-align: start;
}
.offersPage .offersRow .upgradeDealContainer .upgradeDealRightSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: 4px;
  gap: 6px;
}
.offersPage .offersRow .upgradeDealContainer .upgradeDealRightSide .oldPrice {
  text-decoration: line-through;
  font-size: 14px;
  line-height: 1;
}
.offersPage .offersRow .upgradeDealContainer .upgradeDealRightSide .newPrice {
  font-size: 20px;
  line-height: 1;
}
.offersPage .offersRow .upgradeDealContainer .upgradeDealRightSide .icon-circle {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  background: white;
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1/1;
}
.offersPage .offersRow .upgradeDealContainer .upgradeDealRightSide .fa-plus {
  font-size: 14px;
  color: #007A53;
}
.offersPage .offersRow .top-notch {
  width: 8px;
  background: #fff;
  height: 44%;
  border-radius: 0 5px 0 0;
}
.offersPage .offersRow .top-notch::before {
  content: "";
  position: absolute;
  background-color: transparent;
  bottom: 45%;
  height: 15px;
  width: 8px;
  border-top-left-radius: 25px;
  -webkit-box-shadow: 0 -8px 0 0 #fff;
          box-shadow: 0 -8px 0 0 #fff;
}
.offersPage .offersRow .bottom-notch {
  width: 8px;
  background: #fff;
  border-radius: 0 0 5px 0;
  height: 44%;
}
.offersPage .offersRow .bottom-notch::before {
  content: "";
  position: absolute;
  background-color: transparent;
  top: 45%;
  height: 15px;
  width: 8px;
  border-bottom-left-radius: 25px;
  -webkit-box-shadow: 0 8px 0 0 #fff;
          box-shadow: 0 8px 0 0 #fff;
}
.offersPage .offersRow .centre-notch {
  height: 12%;
}
.offersPage .offersRow .offerEntry {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 5px;
  border: 0;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding: 0;
  width: 100%;
  position: relative;
  background: transparent;
}
.offersPage .offersRow .offerEntry.checked {
  pointer-events: none;
}
.offersPage .offersRow .offerEntry.checked .offerInner:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .offerEntry.multipleEntry {
    width: 262px;
    max-width: 293px;
  }
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .offerEntry {
    width: 100%;
    max-width: 100%;
  }
}
.offersPage .offersRow .offerEntry .offerInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.2);
  flex-direction: column;
  padding: 8px 0px 16px 8px;
  gap: 8px;
  width: 100%;
  background-color: #fff;
  border-radius: 5px 0 0 5px;
  min-width: 15.0625rem;
}
.offersPage .offersRow .offerEntry .offerInner:hover {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.65);
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.65);
}
.offersPage .offersRow .offerEntry .offerInner .topOffer .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 12px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  background: #F5E8DC;
}
.offersPage .offersRow .offerEntry .offerInner .topOffer .header .name {
  color: #2D5D2A;
  font-family: "Papa Sans Heavy";
  font-size: 20px;
  font-weight: 900;
  line-height: normal;
  text-transform: capitalize;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 1;
}
.offersPage .offersRow .offerEntry .offerInner .bottomOffer {
  min-height: 57px;
}
.offersPage .offersRow .offerEntry .offerInner .bottomOffer .body {
  padding: 0px 12px;
  color: #545454;
  font-size: 14px;
  font-weight: 400;
  line-height: 19px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
}
.offersPage .offersRow .offerEntry.feat {
  margin: 0 auto;
  width: calc(50% - 10px);
}
@media only screen and (max-width: 680px) {
  .offersPage .offersRow .offerEntry.feat {
    width: 100%;
  }
}
.offersPage .mSectTitleLarge {
  font-size: 32px;
  line-height: 32px;
  margin: 32px 15px 6px 15px;
  color: #000;
  text-transform: capitalize;
}
.offersPage .bannrBox {
  margin: 30px 16px 25px;
  text-align: left;
}
.offersPage .bannrBox.deals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.offersPage .bannrBox.deals .dealsSortSelect {
  width: 130px;
  padding: 8px;
  border-radius: 5px;
  border: 1px solid #DBDBDB;
  background-color: #fff;
  cursor: pointer;
  font-size: 14px;
  background-clip: padding-box;
  appearance: none;
  -webkit-appearance: none; /*Safari*/
  -moz-appearance: none; /*Firefox*/
  color: #000;
  background-image: url(../images/icons/chevron_down_blue.png);
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  background-repeat: no-repeat;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  padding-right: 32px;
}
.offersPage .bannrBox.deals .dealsSortSelect:hover {
  border-color: #007d4a;
}
.offersPage .bannrBox img {
  max-height: 75px;
  max-width: calc(100% - 10px);
}
.offersPage .featSelect {
  margin-right: 10px;
  width: 100%;
  cursor: pointer;
  border: 1px solid transparent;
  font-size: 14px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 100%;
  text-overflow: ellipsis;
  padding-left: 3px;
  height: 30px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: url(../images/icons/chevron_down_blue.svg);
  background-image: url(../images/icons/chevron_down_blue.svg);
  background-size: 14px;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  padding-right: 25px;
  border-radius: 5px;
  background-color: #f8f8f8;
  color: #000;
}
.offersPage .pRewardsbox {
  position: relative;
  margin: 10px 5px;
}
.offersPage .pRewardsbox .rewardEntry {
  width: 355px;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  background-color: #fff;
  border-radius: 5px;
  padding: 10px;
  margin: 40px auto 10px auto;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}
.offersPage .pRewardsbox .rewardEntry .rHead {
  width: 40%;
}
.offersPage .pRewardsbox .rewardEntry .rHead .circleCont {
  margin: 0 auto;
  margin-top: -40px;
  width: 110px;
  height: 110px;
  border-radius: 100%;
  background-size: 100% 100% !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 3px solid #fff;
}
.offersPage .pRewardsbox .rewardEntry .rHead .circleCont span {
  font-size: 28px;
  font-weight: 700;
  color: #fff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.43);
}
.offersPage .pRewardsbox .rewardEntry .twoFoot {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}
.offersPage .pRewardsbox .rewardEntry .twoFoot > div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.offersPage .pRewardsbox .rewardEntry .twoFoot > div a {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.offersPage .pRewardsbox .rewardEntry .twoFoot > div:first-of-type {
  margin-right: 5px;
}
.offersPage .pRewardsbox .rewardEntry .twoFoot > div:last-of-type {
  margin-left: 5px;
}
.offersPage .pRewardsbox .rewardEntry .rBody {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.offersPage .pRewardsbox .rewardEntry .rBody h4 {
  font-size: 16px;
}
.offersPage .pRewardsbox .rewardEntry .rBody p {
  font-size: 14px;
  margin-bottom: 0px;
}
.offersPage .pRewardsbox .rewardEntry > a {
  width: 100%;
}

.offersRow.grid {
  padding: 0;
  margin: 10px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.offersRow.grid:after {
  content: "";
  display: block;
  clear: both;
}
.offersRow.grid.discounts {
  margin-bottom: 0;
}
@media only screen and (min-width: 1201px) {
  .offersRow.grid.discounts {
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  }
}
@media only screen and (max-width: 1200px) {
  .offersRow.grid.discounts {
    max-width: 100%;
    overflow: auto;
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    margin: 0;
    padding: 0;
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* Internet Explorer and Edge */
  }
  .offersRow.grid.discounts::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .offersRow.grid.discounts {
    padding: 0 8px 0 0;
  }
}
.offersRow.grid.discounts .grid-item {
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .offersRow.grid.discounts .grid-item {
    min-width: 15.875rem;
    margin: 0 1rem 0.375rem 1rem;
    padding: 1rem 0;
  }
}
@media only screen and (max-width: 768px) {
  .offersRow.grid.discounts .grid-item {
    margin: 0 1rem 0.375rem 0;
  }
}
.offersRow .grid-sizer {
  width: 50%;
  display: none;
}
@media only screen and (max-width: 768px) {
  .offersRow .grid-sizer {
    width: 100%;
  }
}
.offersRow .grid-item {
  display: block;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  width: 50%;
  padding: 0 1rem 0;
}
.offersRow .grid-item .studentExclusive {
  margin: -9px 0 -11px 18px;
}
.offersRow .grid-item .dealName span {
  display: inline-block;
}
@media only screen and (max-width: 768px) {
  .offersRow .grid-item {
    width: 100%;
    padding: 0;
  }
  .offersRow .grid-item .dealName span {
    display: none;
  }
  .offersRow .grid-item:first-child {
    padding-top: 16px;
  }
}
.offersRow .grid-item--width2 {
  width: 40%;
}
.offersRow .grid-item--width3 {
  width: 60%;
}
.offersRow .grid-item--height2 {
  height: 200px;
}
.offersRow .grid-item--height3 {
  height: 260px;
}
.offersRow .grid-item--height4 {
  height: 360px;
}

.voucherCard {
  padding: 1rem !important;
}

.noStoreBar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: 7px;
  background-color: #007d4a;
}
.noStoreBar a {
  color: #fff;
}

.offersPage {
  padding-bottom: 9rem;
}
.offersPage .newRewardPointsWrapper {
  max-width: 390px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 176px;
  position: relative;
  margin: 0 16px;
  border-radius: 5px;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .offersPage .newRewardPointsWrapper {
    max-width: unset;
  }
}
.offersPage .newRewardPointsWrapper .rewardBkg {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.offersPage .newRewardPointsWrapper .overlayPizza {
  width: 216px;
  height: 216px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  right: -68px;
  top: -110px;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: white;
  padding: 16px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
  grid-template-columns: auto auto;
  -ms-grid-rows: auto auto auto auto;
  grid-template-rows: auto auto auto auto;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent > *:nth-child(5) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent > *:nth-child(6) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent > *:nth-child(7) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent > *:nth-child(8) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}
@media only screen and (max-width: 375px) {
  .offersPage .newRewardPointsWrapper .newRewardPointsContent {
    -webkit-column-gap: 20px;
       -moz-column-gap: 20px;
            column-gap: 20px;
  }
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent h5 {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  font-family: "Papa Sans Heavy";
  gap: 4px;
  margin-bottom: 6px;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent h5 .smallText {
  font-size: 32px;
  line-height: 28.8px;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent h5 .bigText {
  font-size: 44px;
  line-height: 39.6px;
}
@media only screen and (max-width: 365px) {
  .offersPage .newRewardPointsWrapper .newRewardPointsContent h5 .smallText {
    font-size: 26px;
    line-height: 23.4px;
  }
  .offersPage .newRewardPointsWrapper .newRewardPointsContent h5 .bigText {
    font-size: 36px;
    line-height: 32.4px;
  }
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent .points_bar {
  grid-column: 1/-1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
  background: #012511;
  border-radius: 9999px;
  width: 100%;
  height: 8px;
  position: relative;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent .points_bar:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: calc(var(--points) / var(--max-points) * 100%);
  border-radius: 9999px;
  height: 100%;
  background: #dabfeb;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent .pointsMore {
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 16px;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent .rewardPointsCount {
  -ms-grid-row: 4;
  -ms-grid-row-span: 1;
  grid-row: 4/5;
  grid-column: 1/-1;
  margin-top: 12px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent .rewardPointsCount p {
  font-size: 16px;
  line-height: 14px;
  font-weight: 400;
  margin-bottom: 0;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent .rewardPointsCount .pointsNr {
  font-weight: 700;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent .papaDoughBadge {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  margin-bottom: 16px;
  background-color: #CFE90C;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: auto;
  padding: 0 17px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  color: #2D5D2A;
  margin-left: auto;
  position: relative;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent .papaDoughBadge .papaDoughText {
  position: absolute;
  left: -18px;
  top: -30px;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent .papaDoughBadge p.balanceValue {
  font-family: "Papa Sans Heavy";
  font-size: 44px;
  line-height: 49.81px;
  margin: 0;
}
.offersPage .newRewardPointsWrapper .newRewardPointsContent .papaDoughBadge p.balanceValue span {
  font-size: 16px;
  line-height: 18px;
}
@media only screen and (max-width: 360px) {
  .offersPage .newRewardPointsWrapper .newRewardPointsContent .papaDoughBadge p.balanceValue {
    font-size: 40px;
    line-height: 45px;
  }
}
@media only screen and (max-width: 1256px) {
  .offersPage {
    padding-bottom: 13rem;
  }
}
.offersPage .offersRow {
  margin: 0.625rem 0;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow {
    margin: 1rem 1rem 2.125rem;
  }
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow.fourPizzaOffersRow {
    margin: 1rem 0 0.625rem;
  }
}
.offersPage .offersRow.fourPizzaOffersRow .heroDealsContainer {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow.fourPizzaOffersRow .heroDealsContainer .fullHeroDeal {
    width: calc(100% - 2rem);
    margin: 0 1rem;
  }
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow.fourPizzaOffersRow .heroDealsContainer .twoColumnsDeals {
    padding: 0 1rem;
  }
}
.offersPage .offersRow .heroDealsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  gap: 20px;
  padding: 15px 16px;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .heroDealsContainer {
    padding: 0;
    gap: 10px;
  }
}
.offersPage .offersRow .heroDealsContainer .multiOffersBannerContainer {
  position: relative;
  padding-bottom: 1.625rem;
}
@media only screen and (max-width: 456px) {
  .offersPage .offersRow .heroDealsContainer .multiOffersBannerContainer {
    padding-bottom: 0;
  }
}
.offersPage .offersRow .heroDealsContainer .fullHeroDeal {
  width: 100%;
  height: 254px;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  border-radius: 5px;
  cursor: pointer;
}
@media screen and (min-width: 457px) {
  .offersPage .offersRow .heroDealsContainer .fullHeroDeal.fourPizza {
    background-position: center;
  }
}
@media screen and (max-width: 456px) {
  .offersPage .offersRow .heroDealsContainer .fullHeroDeal.fourPizza {
    height: 310px;
  }
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper {
  overflow: visible;
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper-container {
  position: absolute;
  bottom: 0;
  width: 100%;
  padding-inline: 18px;
}
@media only screen and (max-width: 456px) {
  .offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper-container {
    bottom: 20px;
  }
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .swiper-wrapper {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .swiper-wrapper .swiper-slide:last-of-type {
  margin-right: 0 !important;
}
@media only screen and (max-width: 849px) {
  .offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .swiper-wrapper {
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0.5rem;
  overflow: hidden;
  background-color: #fff;
  border-radius: 0.3125rem;
  position: relative;
  height: 7.875rem;
  cursor: pointer;
}
@media screen and (max-width: 659px) {
  .offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer {
    max-width: 12.5rem;
  }
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer:hover img {
  opacity: 1;
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer:hover .footerButton .buttonRight {
  border: none;
  background-color: #ed8b00;
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer-content {
  max-width: 60px;
  color: #545454;
  z-index: 2;
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer-content span {
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer-content h3 {
  text-transform: uppercase;
  font-size: 1.375rem;
  line-height: 1.375rem;
  font-weight: 700;
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer img {
  position: absolute;
  top: 0;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  opacity: 50%;
  -webkit-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer:nth-of-type(1) img {
  right: -0.625rem;
  width: 5.375rem;
  height: 5.375rem;
}
@media screen and (max-width: 499px) {
  .offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer:nth-of-type(1) img {
    right: -1.625rem;
  }
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer:nth-of-type(2) img {
  right: -1.125rem;
  width: 6.375rem;
  height: 6.375rem;
}
@media screen and (max-width: 499px) {
  .offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer:nth-of-type(2) img {
    right: -2.125rem;
  }
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer:nth-of-type(3) img {
  right: -1.75rem;
  width: 7.5rem;
  height: 7.5rem;
}
@media screen and (max-width: 499px) {
  .offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer:nth-of-type(3) img {
    right: -2.75rem;
  }
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer:nth-of-type(4) img {
  right: -2.25rem;
  width: 8.75rem;
  height: 8.75rem;
}
@media screen and (max-width: 499px) {
  .offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer:nth-of-type(4) img {
    right: -3.25rem;
  }
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer .footerButton {
  position: unset;
  top: unset;
  bottom: unset;
  width: 100%;
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer .footerButton .buttonRight {
  background-color: #007d4a;
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer .footerButton .buttonRight .dealPricing {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer .footerButton .buttonRight .dealPricing .addLabel,
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer .footerButton .buttonRight .dealPricing .beforePrice,
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer .footerButton .buttonRight .dealPricing .dealPrice {
  color: #fff;
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer .footerButton .buttonRight .dealPricing .addLabel {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: start;
  font-size: 22px;
  line-height: 21px;
}
@media screen and (max-width: 500px) {
  .offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer .footerButton .buttonRight .dealPricing {
    -webkit-box-flex: unset;
        -ms-flex-positive: unset;
            flex-grow: unset;
  }
  .offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer .footerButton .buttonRight .dealPricing .addLabel {
    display: none;
  }
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer .footerButton .offersRowButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 500px) {
  .offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer .footerButton .offersRowButton {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
}
.offersPage .offersRow .heroDealsContainer .multi-cta-offers-swiper .offer .footerButton .offersRowButton i {
  font-size: 18px;
  color: #fff;
}
.offersPage .offersRow .heroDealsContainer .twoColumnsDeals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
.offersPage .offersRow .heroDealsContainer .twoColumnsDeals.allBanners {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .heroDealsContainer .twoColumnsDeals {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.offersPage .offersRow .heroDealsContainer .twoColumnsDeals .column, .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .firstColumn, .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .secondColumn {
  width: 100%;
  height: 153px;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  border-radius: 5px;
  cursor: pointer;
}
.offersPage .offersRow .heroDealsContainer .twoColumnsDeals .column.bannerTallMode, .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .firstColumn.bannerTallMode, .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .secondColumn.bannerTallMode {
  height: 254px;
}
@media only screen and (max-width: 550px) {
  .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .column, .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .firstColumn, .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .secondColumn {
    height: 153px !important;
  }
  .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .column.bannerTallMode.bannerTallModeMobile, .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .firstColumn.bannerTallMode.bannerTallModeMobile, .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .secondColumn.bannerTallMode.bannerTallModeMobile {
    height: 254px !important;
  }
}
@media only screen and (min-width: 550px) and (max-width: 768px) {
  .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .column, .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .firstColumn, .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .secondColumn {
    height: 183px !important;
  }
  .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .column.bannerTallMode.bannerTallModeMobile, .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .firstColumn.bannerTallMode.bannerTallModeMobile, .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .secondColumn.bannerTallMode.bannerTallModeMobile {
    height: 254px !important;
  }
}
.offersPage .offersRow .heroDealsContainer .twoColumnsDeals .column {
  width: calc(50% - 10px);
  background-image: var(--desktop-img);
}
.offersPage .offersRow .heroDealsContainer .twoColumnsDeals .column.bannerTallMode {
  height: 153px;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .heroDealsContainer .twoColumnsDeals .column {
    width: 100%;
    background-image: var(--mobile-img);
  }
}
.offersPage .offersRow .heroDealsContainer .footerButton {
  position: absolute;
  bottom: 18px;
  right: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 42px;
}
.offersPage .offersRow .heroDealsContainer .footerButton .buttonRight {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  background: #fff;
  padding: 12px;
  border: none;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .heroDealsContainer .footerButton .buttonRight {
    padding: 8px;
  }
}
.offersPage .offersRow .heroDealsContainer .footerButton .buttonRight:hover {
  border-radius: 5px;
  border: 1px solid #fff;
  background: #ed8b00;
}
.offersPage .offersRow .heroDealsContainer .footerButton .buttonRight:hover .dealPrice,
.offersPage .offersRow .heroDealsContainer .footerButton .buttonRight:hover .beforePrice,
.offersPage .offersRow .heroDealsContainer .footerButton .buttonRight:hover .fromLabel,
.offersPage .offersRow .heroDealsContainer .footerButton .buttonRight:hover i {
  color: #fff !important;
}
.offersPage .offersRow .heroDealsContainer .footerButton .buttonRight .offersRowButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.offersPage .offersRow .heroDealsContainer .footerButton .buttonRight .offersRowButton i {
  font-size: 18px;
  color: #007d4a;
}
.offersPage .offersRow .heroDealsContainer .footerButton .buttonRight .dealPricing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  gap: 4px;
  margin-right: 8px;
  padding-top: 2px;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .heroDealsContainer .footerButton .buttonRight .dealPricing {
    gap: 6px;
  }
}
.offersPage .offersRow .heroDealsContainer .footerButton .buttonRight .dealPricing .dealPrice {
  font-size: 22px;
  line-height: 21px;
  color: #545454;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .heroDealsContainer .footerButton .buttonRight .dealPricing .dealPrice {
    font-size: 20px;
    line-height: 19px;
  }
}
.offersPage .offersRow .heroDealsContainer .footerButton .buttonRight .dealPricing .beforePrice {
  font-size: 16px;
  line-height: 17px;
  color: #e42313;
  text-decoration: line-through;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .heroDealsContainer .footerButton .buttonRight .dealPricing .beforePrice {
    font-size: 14px;
  }
}
.offersPage .offersRow .heroDealsContainer .footerButton .buttonRight .dealPricing .fromLabel {
  font-size: 16px;
  line-height: 17px;
}
@media only screen and (max-width: 768px) {
  .offersPage .offersRow .heroDealsContainer .footerButton .buttonRight .dealPricing .fromLabel {
    font-size: 14px;
  }
}
.offersPage .offersRow.hasDealPageBanner {
  margin-top: 0;
}
.offersPage .offersRow.hasDealPageBanner .heroDealsContainer {
  padding-top: 0;
}
@media only screen and (min-width: 1257px) {
  .offersPage {
    width: calc(100% - 420px);
  }
}

@media only screen and (max-width: 768px) {
  .offersRow1_left_buttons {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
  }
  .offersRow1_left_buttons .button_right {
    width: 100% !important;
    margin-left: 0 !important;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .offersRow1_left_buttons .button_left {
    width: 100% !important;
    margin: 5px 0 0 0 !important;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .rewardPointsWrapper .rewardPoints {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .rewardPointsWrapper .rewardPoints .rewardPoints_text {
    width: 100% !important;
    line-height: 1.3;
  }
  .rewardPointsWrapper .rewardPoints .rewarsPointsButtons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .rewardPointsWrapper .rewardPoints .rewarsPointsButtons .rewardPoints_button1 {
    font-size: 0.7rem;
    margin-right: 10px;
    padding: 3px 7px !important;
  }
  .rewardPointsWrapper .rewardPoints .rewarsPointsButtons .rewardPoints_button1 span {
    padding-right: 5px;
  }
  .rewardPointsWrapper .rewardPoints .rewarsPointsButtons .rewardPoints_button2 {
    font-size: 0.7rem;
  }
}
@media only screen and (max-width: 768px) and (min-width: 360px) and (max-width: 768px) {
  .rewardPointsWrapper .rewardPoints .rewarsPointsButtons .rewardPoints_button2 button {
    padding: 5px 25px !important;
  }
}
.rmenuCont {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /*background-color: rgba(0, 0, 0, 0.3);*/
  z-index: 50;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.rmenuCont .menuInner {
  position: relative;
  margin-left: auto;
  background-color: #fff;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  border-radius: 5px;
  width: 400px;
  top: 7%;
  right: 2%;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
  border: 1px solid white;
}
@media only screen and (max-width: 768px) {
  .rmenuCont .menuInner {
    width: 100%;
    max-width: 100%;
    height: 103%;
    top: 0;
    right: 0;
    border-radius: 0;
  }
}
.rmenuCont .menuInner .mainClose {
  position: absolute;
  right: 100%;
  top: 20px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  font-size: 24px;
  padding: 5px;
  width: 38px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-style: solid;
  border-width: 0;
  background-color: #fff;
  cursor: pointer;
  margin-right: -10px;
}
.rmenuCont .menuInner .prelog .intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 10px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  background: url("../images/oblique_menu.png");
  background-size: 100% 100%;
  background-position: center center;
}
.rmenuCont .menuInner .prelog .intro h4 {
  text-transform: uppercase;
  font-size: 30px;
  line-height: 30px;
  margin-bottom: 20px;
}
.rmenuCont .menuInner .prelog .intro .hbutton {
  background-color: #007d4a;
  color: #fff;
  border-radius: 5px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
  text-transform: uppercase;
  padding: 6px 10px;
  width: 150px;
  max-width: 100%;
  font-weight: 700;
}
.rmenuCont .menuInner .prelog .intro .hbutton:hover {
  text-decoration: none;
  background-color: #ed8b00;
}
.rmenuCont .menuInner .postlog {
  padding: 10px;
}
.rmenuCont:not(.active) {
  display: none;
}
.rmenuCont:not(.visible) {
  opacity: 0;
}

/*------------- user menu start -----------*/
.userMenuContainer {
  width: 100%;
}
.userMenuContainer a {
  color: black;
}
.userMenuContainer a:hover {
  text-decoration: none;
}
.userMenuContainer .userMenuContainer_section1 {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  margin-right: 10px;
  margin-left: 10px;
  margin-top: 5px;
}
.userMenuContainer .userMenuContainer_section1 .section1_img {
  width: 100px;
  height: auto;
  margin-left: 25px;
}
.userMenuContainer .userMenuContainer_section1 .fa-times {
  color: #007d4a;
  cursor: pointer;
  font-size: 24px;
  margin-right: -25px;
}
@media only screen and (min-width: 768px) {
  .userMenuContainer .userMenuContainer_section1 {
    display: none;
  }
}
.userMenuContainer .userMenuContainer_section2Box {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  height: 100px;
  background-image: url("/images/rmenu-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .userMenuContainer .userMenuContainer_section2Box {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
.userMenuContainer .userMenuContainer_section2Box a {
  height: 100%;
  width: 100%;
}
.userMenuContainer .userMenuContainer_section2Box a:hover {
  text-decoration: none;
}
.userMenuContainer .userMenuContainer_section2Box .userMenuContainer_section2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
  width: 100%;
}
.userMenuContainer .userMenuContainer_section2Box .userMenuContainer_section2 .fa-user-circle {
  padding: 15px;
  padding-left: 5px;
}
.userMenuContainer .userMenuContainer_section2Box .userMenuContainer_section2 .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userMenuContainer .userMenuContainer_section2Box .userMenuContainer_section2 .section2_lSide {
  color: black;
  margin-top: 20px;
}
.userMenuContainer .userMenuContainer_section2Box .userMenuContainer_section2 .section2_rSide {
  margin-right: 20px;
  margin-top: 20px;
}
.userMenuContainer .userMenuContainer_section3 {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #efefef;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
}
.userMenuContainer .userMenuContainer_section3 .fa-pizza-slice {
  padding: 15px;
  padding-left: 5px;
}
.userMenuContainer .userMenuContainer_section3 .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userMenuContainer .userMenuContainer_section4 {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
}
.userMenuContainer .userMenuContainer_section4 .fa-allergies {
  padding: 15px;
  padding-left: 5px;
}
.userMenuContainer .userMenuContainer_section4 .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userMenuContainer .userMenuContainer_section5 {
  height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: pointer;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #efefef;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
}
.userMenuContainer .userMenuContainer_section5 .fa-layer-plus {
  padding: 15px;
}
.userMenuContainer .userMenuContainer_section5 .section5_new {
  color: white;
  background-color: #ed8b00;
  padding: 4px 8px;
  border-radius: 40px;
  font-weight: 600;
  margin-left: 25px;
}
.userMenuContainer .userMenuContainer_section5 .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}

/*-------------registered user section start -----------*/
.userMenuContainer_registered {
  width: 100%;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1);
}
.userMenuContainer_registered a {
  color: black;
}
.userMenuContainer_registered a:hover {
  text-decoration: none;
}
@media only screen and (max-width: 1920px) {
  .userMenuContainer_registered .onylMobile {
    display: none !important;
  }
}
@media only screen and (max-width: 768px) {
  .userMenuContainer_registered .onylMobile {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  }
}
@media only screen and (max-width: 768px) {
  .userMenuContainer_registered {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.userMenuContainer_registered .loyalty_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  margin: 0 20px;
  padding-bottom: 20px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  cursor: pointer;
}
.userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 176px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
}
.userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .rewardBkg {
  width: 100%;
  height: 100%;
  position: absolute;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  left: 0;
  top: 0;
}
.userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .overlayPizza {
  width: 216px;
  height: 216px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  right: -68px;
  top: -110px;
}
.userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .newRewardPointsContent {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  color: white;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
}
.userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .newRewardPointsContent .rewardPointsLeft {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .newRewardPointsContent .rewardPointsLeft svg {
  width: 114px;
  height: 20px;
}
.userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .newRewardPointsContent .rewardPointsLeft h5 {
  font-family: "Papa Sans Heavy";
  font-size: 28px;
  line-height: 24px;
  margin: 0;
}
.userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .newRewardPointsContent .rewardPointsLeft h5 span {
  color: #CFEB0C;
}
.userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .newRewardPointsContent .rewardPointsLeft .pointsMore {
  max-width: 170px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin: 0;
}
.userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .newRewardPointsContent .rewardPointsCount {
  height: 100%;
  width: 162px;
  background-color: #CFEB0C;
  padding: 10px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 370px) {
  .userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .newRewardPointsContent .rewardPointsCount {
    min-width: 130px;
    max-width: 130px;
    height: 130px;
  }
}
.userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .newRewardPointsContent .rewardPointsCount p {
  color: #F00;
  letter-spacing: -2px;
  font-size: 86px;
  line-height: 70px;
  font-weight: 900;
  margin-bottom: 0;
  font-family: "Papa Sans Heavy";
}
.userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .newRewardPointsContent .rewardPointsCount p span {
  letter-spacing: 0;
  color: #024D21;
  font-size: 35px;
  line-height: 35px;
}
@media screen and (max-width: 370px) {
  .userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .newRewardPointsContent .rewardPointsCount p {
    font-size: 70px;
    line-height: 60px;
  }
  .userMenuContainer_registered .loyalty_cards .newRewardPointsWrapper .newRewardPointsContent .rewardPointsCount p span {
    font-size: 26px;
    line-height: 26px;
  }
}
.userMenuContainer_registered .loyalty_cards .doughCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 176px;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background: #710500;
  padding: 16px;
}
.userMenuContainer_registered .loyalty_cards .doughCard .doughCardLeft {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  color: #F5E8DC;
}
.userMenuContainer_registered .loyalty_cards .doughCard .doughCardLeft svg {
  width: 114px;
  height: 20px;
}
@media screen and (max-width: 370px) {
  .userMenuContainer_registered .loyalty_cards .doughCard .doughCardLeft svg {
    width: 96px;
    height: 16px;
  }
}
.userMenuContainer_registered .loyalty_cards .doughCard .doughCardLeft h5 {
  font-family: "Papa Sans Heavy";
  font-size: 28px;
  line-height: 24px;
  margin: 0;
}
.userMenuContainer_registered .loyalty_cards .doughCard .doughCardLeft h5 span {
  color: #CFEB0C;
}
.userMenuContainer_registered .loyalty_cards .doughCard .doughCardLeft .pointsMore {
  max-width: 170px;
  font-size: 14px;
  line-height: 16px;
  font-weight: 700;
  margin: 0;
}
.userMenuContainer_registered .loyalty_cards .doughCard .available_dough {
  background-color: #F5E8DC;
  height: 100%;
  min-width: 162px;
  width: auto;
  max-width: 190px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  border-radius: 10px;
}
@media screen and (max-width: 370px) {
  .userMenuContainer_registered .loyalty_cards .doughCard .available_dough {
    min-width: 130px;
    max-width: 130px;
    height: 130px;
  }
}
.userMenuContainer_registered .loyalty_cards .doughCard .available_dough .available_badge {
  position: absolute;
  left: -18px;
  top: -10px;
}
@media screen and (max-width: 370px) {
  .userMenuContainer_registered .loyalty_cards .doughCard .available_dough .available_badge {
    width: 80px;
    height: 30px;
    left: -8px;
  }
}
.userMenuContainer_registered .loyalty_cards .doughCard .available_dough p {
  color: #710500;
  font-size: 66px;
  line-height: 50px;
  font-family: "Papa Sans Heavy";
  margin-bottom: 0;
  letter-spacing: -2px;
}
.userMenuContainer_registered .loyalty_cards .doughCard .available_dough p span {
  font-size: 30px;
  line-height: 22px;
  letter-spacing: 0;
}
@media screen and (max-width: 370px) {
  .userMenuContainer_registered .loyalty_cards .doughCard .available_dough p {
    font-size: 40px;
    line-height: 40px;
  }
  .userMenuContainer_registered .loyalty_cards .doughCard .available_dough p span {
    font-size: 20px;
    line-height: 20px;
  }
}
.userMenuContainer_registered .userMenuContainer_registered_section1 {
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  margin-right: 10px;
  margin-left: 10px;
}
.userMenuContainer_registered .userMenuContainer_registered_section1 .registered_section1_img {
  width: 100px;
  height: auto;
  margin-left: 35px;
}
.userMenuContainer_registered .userMenuContainer_registered_section1 .registered_section1_closeButton .fa-times {
  color: #007d4a;
  cursor: pointer;
  font-size: 24px;
}
.userMenuContainer_registered .userMenuContainer_registered_section2 {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  background-image: url("/images/rmenu-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px 20px;
  height: 80px;
}
.userMenuContainer_registered .userMenuContainer_registered_section2 .logOut {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 768px) {
  .userMenuContainer_registered .userMenuContainer_registered_section2 {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
  }
}
.userMenuContainer_registered .userMenuContainer_registered_section2 .fa-sign-out {
  padding-left: 5px;
}
.userMenuContainer_registered .userMenuContainer_registered_section3 {
  background-image: url("/images/rmenu-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 {
  background-image: url("/images/offers/redBar.png");
  background-repeat: no-repeat;
  background-size: 31%;
  background-position: -15px;
  height: 140px;
  width: 95%;
  background-color: white;
  border-radius: 5px;
  height: 125px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 4px 6px 15px 2px rgba(0, 0, 0, 0.25);
          box-shadow: 4px 6px 15px 2px rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 531px) and (max-width: 768px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 {
    background-size: 147px;
    background-position: -15px;
  }
}
@media only screen and (min-width: 431px) and (max-width: 530px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 {
    background-size: 155px;
    background-position: -35px;
  }
}
@media only screen and (max-width: 430px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 {
    background-size: 124px;
    background-position: -35px;
  }
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .pointsBox_mobile {
  width: 127px;
  color: white;
  line-height: 198% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 531px) and (max-width: 768px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .pointsBox_mobile {
    width: 158px;
    min-width: 118px;
  }
}
@media only screen and (min-width: 431px) and (max-width: 530px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .pointsBox_mobile {
    width: 147px;
    min-width: 107px;
  }
}
@media only screen and (max-width: 430px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .pointsBox_mobile {
    min-width: 81px;
    width: 81px;
  }
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .pointsBox_mobile .rewardWord {
  font-size: 16px;
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .pointsBox_mobile .figuredWord {
  font-size: 50px;
  font-weight: bold;
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .pointsBox_mobile .pointsdWord {
  font-size: 18px;
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide {
  width: 100%;
  height: 100%;
  display: block;
  /*align-items: center;*/
  margin-left: 9px;
  margin-right: 1px;
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewardPoints_text {
  padding-top: 10px;
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewardPoints_text .rewardPoints_text_headline {
  font-size: 16px;
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewardPoints_text .rewardPoints_text_body {
  font-size: 16px;
}
@media only screen and (min-width: 768px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewardPoints_text {
    padding-top: 15px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 357px) and (max-width: 768px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewardPoints_text {
    margin: 10px 0;
  }
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewarsPointsButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*margin-left: 10px;
  margin-top: 20px;*/
}
@media only screen and (max-width: 400px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewarsPointsButtons {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 330px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewarsPointsButtons {
    padding: 0px;
  }
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button1 {
  background-color: rgba(215, 209, 209, 0.08);
  /*background-color: antiquewhite;*/
  border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  font-size: 1rem;
  margin-right: 10px;
  max-width: 175px;
  width: 171px;
}
@media only screen and (max-width: 430px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button1 {
    margin-right: 5px;
    width: 153px;
  }
}
@media only screen and (max-width: 350px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button1 {
    margin-right: 5px;
    width: 153px;
  }
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button1 i {
  color: #007d4a;
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button1 span {
  padding-right: 20px;
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button2 button {
  color: white;
  background-color: #007d4a;
  border-radius: 5px;
  padding: 5px 25px;
  border: 1px solid #007d4a;
  font-weight: bold;
  font-size: 0.8rem;
}
@media only screen and (max-width: 385px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .rewarsPointsButtons .rewardPoints_button2 button {
    padding: 5px 10px !important;
  }
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .selectStoreToClaim {
  background-color: #f8e8b2;
  height: 46px;
  width: 80%;
  margin-left: 20px;
  border-radius: 5px;
  padding: 13px;
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .selectStoreToClaim .inner_selectStoreToClaim {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .selectStoreToClaim .inner_selectStoreToClaim .fa-info-circle {
  font-size: 16px;
  margin-right: 3px;
  color: rgb(28, 28, 28);
}
.userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .selectStoreToClaim .inner_selectStoreToClaim p {
  display: inline;
  margin-left: 0px;
  font-size: 16px;
  margin-bottom: 0;
  color: rgb(28, 28, 28);
}
@media only screen and (max-width: 430px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide .selectStoreToClaim .inner_selectStoreToClaim p {
    font-size: 15px;
  }
}
@media only screen and (max-width: 349px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide {
    margin-left: 9px;
  }
}
@media only screen and (max-width: 430px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide {
    margin-right: 5px;
  }
}
@media only screen and (min-width: 431px) and (max-width: 768px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide {
    margin-left: 20px;
    margin-right: 10px;
  }
}
@media only screen and (min-width: 768px) {
  .userMenuContainer_registered .userMenuContainer_registered_section3 .banner_section3 .rewardPoints_rSide {
    margin-left: 18px;
  }
}
.userMenuContainer_registered .rewardPoints_button1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #dbdbdb;
  border-radius: 5px;
  padding: 5px 20px;
  font-size: 0.8rem;
  margin-right: 10px;
}
@media only screen and (max-width: 430px) {
  .userMenuContainer_registered .rewardPoints_button1 {
    margin-right: 5px;
    padding: 5px 20px 5px 10px;
  }
}
@media only screen and (max-width: 350px) {
  .userMenuContainer_registered .rewardPoints_button1 {
    margin-right: 5px;
    padding: 5px 20px 5px 0px;
  }
}
.userMenuContainer_registered .rewardPoints_button1 i {
  color: #007d4a;
}
.userMenuContainer_registered .rewardPoints_button1 span {
  padding-right: 20px;
}
.userMenuContainer_registered .rewardPoints_button2 button {
  color: white;
  background-color: #007d4a;
  border-radius: 5px;
  padding: 5px 25px;
  border: 1px solid #007d4a;
  font-weight: bold;
  font-size: 0.8rem;
}
@media only screen and (max-width: 370px) {
  .userMenuContainer_registered .rewardPoints_button2 button {
    padding: 5px 10px !important;
  }
}
.userMenuContainer_registered .userMenuContainer_registered_section4Wrapper {
  background-image: url("/images/rmenu-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
.userMenuContainer_registered .userMenuContainer_registered_section4Wrapper .userMenuContainer_registered_section4 {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.userMenuContainer_registered .userMenuContainer_registered_section4Wrapper .userMenuContainer_registered_section4 .fa-pizza-slice {
  padding: 15px;
  padding-left: 5px;
}
.userMenuContainer_registered .userMenuContainer_registered_section4Wrapper .userMenuContainer_registered_section4 .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userMenuContainer_registered .userMenuContainer_registered_section5Wrapper {
  background-image: url("/images/rmenu-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.userMenuContainer_registered .userMenuContainer_registered_section5Wrapper .userMenuContainer_registered_section5 {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid #fff;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.userMenuContainer_registered .userMenuContainer_registered_section5Wrapper .userMenuContainer_registered_section5 .fa-history {
  padding: 15px;
  padding-left: 5px;
}
.userMenuContainer_registered .userMenuContainer_registered_section5Wrapper .userMenuContainer_registered_section5 .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userMenuContainer_registered .userMenuContainer_registered_section6Wrapper {
  background-image: url("/images/rmenu-background.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  cursor: pointer;
}
.userMenuContainer_registered .userMenuContainer_registered_section6Wrapper .userMenuContainer_registered_section6 {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: 1px solid white;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.userMenuContainer_registered .userMenuContainer_registered_section6Wrapper .userMenuContainer_registered_section6 .fa-user-circle {
  padding: 15px;
  padding-left: 5px;
}
.userMenuContainer_registered .userMenuContainer_registered_section6Wrapper .userMenuContainer_registered_section6 .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userMenuContainer_registered .userMenuContainer_registered_section7Wrapper {
  background-color: white;
  cursor: pointer;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.userMenuContainer_registered .userMenuContainer_registered_section7Wrapper .userMenuContainer_registered_section7 {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  /*border-bottom: 1px solid #efefef;*/
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.userMenuContainer_registered .userMenuContainer_registered_section7Wrapper .userMenuContainer_registered_section7 .fa-allergies {
  padding: 15px;
  padding-left: 5px;
}
.userMenuContainer_registered .userMenuContainer_registered_section7Wrapper .userMenuContainer_registered_section7 .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userMenuContainer_registered .userMenuContainer_registered_section8Wrapper {
  background-color: white;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  cursor: pointer;
}
.userMenuContainer_registered .userMenuContainer_registered_section8Wrapper .userMenuContainer_registered_section8 {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #efefef;
  padding: 10px;
  margin-left: 10px;
  margin-right: 10px;
}
.userMenuContainer_registered .userMenuContainer_registered_section8Wrapper .userMenuContainer_registered_section8 .fa-layer-plus {
  padding: 15px;
}
.userMenuContainer_registered .userMenuContainer_registered_section8Wrapper .userMenuContainer_registered_section8 .section8_new {
  color: white;
  background-color: #ed8b00;
  padding: 4px 8px;
  border-radius: 40px;
  font-weight: 600;
  margin-left: 25px;
}
.userMenuContainer_registered .userMenuContainer_registered_section8Wrapper .userMenuContainer_registered_section8 .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}

.ab-feed {
  padding-top: 20px;
}
.ab-feed .ab-card {
  font-family: Italian Plate No2 !important;
}
.ab-feed::-webkit-scrollbar {
  display: none;
}
.ab-feed .ab-feed-body {
  background-image: url("/images/notifications-bg-2.png");
  padding-top: 89px !important;
  border: none !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: #F7F7F7;
}
.ab-feed .ab-feed-buttons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  background-color: transparent !important;
}
.ab-feed .ab-feed-buttons-wrapper .ab-close-button {
  color: #007d4a !important;
  background-color: #FFF;
  border-radius: 100%;
  padding: 10px 12px !important;
  margin-right: 20px;
}
.ab-feed .ab-feed-buttons-wrapper #titleNotif {
  color: #000;
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
  margin: 0;
  padding: 0 17px;
  font-family: Italian Plate No2 !important;
}
.ab-feed .ab-image-only,
.ab-feed .ab-classic-card,
.ab-feed .ab-captioned-image {
  border-radius: 10px !important;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1) !important;
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.1) !important;
  border: none !important;
}
.ab-feed .ab-pinned-indicator {
  border-color: transparent #DA102E transparent transparent !important;
  border-width: 0 41px 41px 0 !important;
}
.ab-feed .ab-pinned-indicator .fa-star {
  right: -34px !important;
  top: 6px !important;
  font-size: 11px !important;
}
.ab-feed .ab-unread-indicator.read {
  background-color: transparent !important;
}
.ab-feed .ab-unread-indicator {
  background-color: #DA102E !important;
}
.ab-feed .ab-title {
  color: #000;
  font-size: 18px !important;
  line-height: normal !important;
  padding: 16px 16px 0 16px !important;
  font-family: Italian Plate No2 !important;
}
.ab-feed .ab-description {
  font-size: 13px;
  line-height: 20px;
  padding: 12px 16px 16px 16px !important;
}
.ab-feed .ab-url-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 176px;
  height: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 5px;
  background: #007d4a;
  color: #FFF !important;
  text-align: center;
  font-family: Italian Plate No2 !important;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  border: 1px solid #007d4a;
}
.ab-feed .ab-url-area a {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.ab-feed .ab-url-area a:hover {
  text-decoration: none !important;
}
.ab-feed .ab-url-area:hover {
  background-color: #fff;
  color: #007d4a !important;
  border-color: #007d4a !important;
}
.ab-feed .ab-image-area img {
  max-height: 285px;
}
.ab-feed .ab-card.ab-classic-card.with-image .ab-image-area {
  padding: 16px 0 0 16px !important;
}
.ab-feed .ab-card.ab-classic-card.with-image .ab-description {
  padding-top: 5px !important;
}

@media only screen and (min-width: 1200px) {
  .basketMobile {
    display: none !important;
  }
}
.basketMobile .basketPromoApplied.orange-state {
  display: none !important;
}

.editDoughControl.open .editDoughModal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.editDoughControl .editDoughModal {
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.editDoughControl .editDoughModal .editDough {
  max-width: 410px;
  background: white;
  border-radius: 5px;
  padding: 28px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-shadow: 0px -3px 22px 0px rgba(0, 0, 0, 0.13);
          box-shadow: 0px -3px 22px 0px rgba(0, 0, 0, 0.13);
  gap: 0;
}
.editDoughControl .editDoughModal .editDough .cancelRedeemButton {
  width: 100%;
  color: #007A53;
  background-color: transparent;
  border: 0;
  font-size: 20px;
  line-height: normal;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 24px;
  cursor: pointer;
  padding: 0;
  margin-bottom: 16px;
}
.editDoughControl .editDoughModal .editDough .redeemDoughButton {
  width: 100%;
  background: #007A53;
  color: white;
  font-size: 22px;
  line-height: normal;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 60px;
  border: 2px solid #007A53;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  padding: 0 6px;
  margin-bottom: 8px;
}
.editDoughControl .editDoughModal .editDough .redeemDoughButton:hover {
  background: white;
  color: #007A53;
}
.editDoughControl .editDoughModal .editDough .doughSlider {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  background: #F0F0F0;
  height: 52px;
  border: 2px solid #F0F0F0;
  margin-bottom: 32px;
  border-radius: 5px;
}
.editDoughControl .editDoughModal .editDough .doughSlider span {
  font-size: 28px;
  line-height: normal;
  font-weight: 700;
  color: #007A53;
}
.editDoughControl .editDoughModal .editDough .doughSlider button {
  background: white;
  border-radius: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 48px;
  height: 48px;
  color: #007A53;
  border: 0;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.editDoughControl .editDoughModal .editDough .doughSlider button.active {
  background: #007A53;
  color: white;
}
.editDoughControl .editDoughModal .editDough .doughSlider button:hover {
  background: #007A53;
  color: white;
}
.editDoughControl .editDoughModal .editDough h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: normal;
  color: black;
  margin: 0 auto;
  text-align: center;
  margin-bottom: 16px;
}
.editDoughControl .editDoughModal .editDough p {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 24px;
  text-align: center;
}
.editDoughControl .editDoughModal .editDough p.totalP {
  margin-bottom: 32px;
}
.editDoughControl .editDoughModal .editDough p span {
  font-weight: 700;
}
.editDoughControl .editDoughModal .editDough .quickDough {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 16px 1fr 16px 1fr 16px 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 16px;
  margin-bottom: 24px;
}
.editDoughControl .editDoughModal .editDough .quickDough .quickDoughButton {
  background-color: transparent;
  border: 1px solid #007A53;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  line-height: normal;
  font-weight: 700;
  color: #007A53;
  height: 40px;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.editDoughControl .editDoughModal .editDough .quickDough .quickDoughButton:hover {
  background-color: #007A53;
  color: white;
}
.editDoughControl .editDoughModal .editDough .quickDough .quickDoughButton.disabled {
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-color: #DBDBDB;
  color: #DBDBDB;
}
@media only screen and (max-width: 768px) {
  .editDoughControl .doughMobileBackground {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: transparent;
    visibility: hidden;
    z-index: 1;
  }
  .editDoughControl .editDoughModal {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    -webkit-transition: -webkit-transform 0.5s ease-in-out;
    transition: -webkit-transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out;
    transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out;
    background: transparent;
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .editDoughControl .editDoughModal .editDough {
    max-width: unset;
    padding: 30px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100%;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
  }
  .editDoughControl.open .editDoughModal {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  .editDoughControl.open .doughMobileBackground {
    background: rgba(0, 0, 0, 0.5);
    visibility: visible;
  }
}

.checkoutPage,
.orderConfirmationPage,
.orderResponsePage,
.payByCardPage {
  width: 100%;
}
.checkoutPage .otherHalfPage,
.orderConfirmationPage .otherHalfPage,
.orderResponsePage .otherHalfPage,
.payByCardPage .otherHalfPage {
  padding: 30px;
  width: 50%;
  height: 100%;
  display: block;
  position: fixed;
  right: 0;
  background: url("../images/marble_bg.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center center;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .otherHalfPage,
  .orderConfirmationPage .otherHalfPage,
  .orderResponsePage .otherHalfPage,
  .payByCardPage .otherHalfPage {
    display: none !important;
  }
}
.checkoutPage .mt-2,
.orderConfirmationPage .mt-2,
.orderResponsePage .mt-2,
.payByCardPage .mt-2 {
  margin-top: 0.5rem;
}
.checkoutPage .mt-1,
.orderConfirmationPage .mt-1,
.orderResponsePage .mt-1,
.payByCardPage .mt-1 {
  margin-top: 0.25rem;
}
.checkoutPage .mt-3,
.orderConfirmationPage .mt-3,
.orderResponsePage .mt-3,
.payByCardPage .mt-3 {
  margin-top: 1rem;
}
.checkoutPage .mt-4,
.orderConfirmationPage .mt-4,
.orderResponsePage .mt-4,
.payByCardPage .mt-4 {
  margin-top: 1.5rem;
}
.checkoutPage .mt-5,
.orderConfirmationPage .mt-5,
.orderResponsePage .mt-5,
.payByCardPage .mt-5 {
  margin-top: 3rem;
}
.checkoutPage .mb-1,
.orderConfirmationPage .mb-1,
.orderResponsePage .mb-1,
.payByCardPage .mb-1 {
  margin-bottom: 0.25rem;
}
.checkoutPage .mb-2,
.orderConfirmationPage .mb-2,
.orderResponsePage .mb-2,
.payByCardPage .mb-2 {
  margin-bottom: 0.5rem;
}
.checkoutPage .mb-3,
.orderConfirmationPage .mb-3,
.orderResponsePage .mb-3,
.payByCardPage .mb-3 {
  margin-bottom: 1rem;
}
.checkoutPage .mb-4,
.orderConfirmationPage .mb-4,
.orderResponsePage .mb-4,
.payByCardPage .mb-4 {
  margin-bottom: 1.5rem;
}
.checkoutPage .mb-5,
.orderConfirmationPage .mb-5,
.orderResponsePage .mb-5,
.payByCardPage .mb-5 {
  margin-bottom: 3rem;
}
.checkoutPage select,
.orderConfirmationPage select,
.orderResponsePage select,
.payByCardPage select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url("../images/icons/chevron_down_blue.svg");
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 14px;
  padding-right: 25px;
  border: 1px solid #dbdbdb;
}
.checkoutPage select.form-control,
.orderConfirmationPage select.form-control,
.orderResponsePage select.form-control,
.payByCardPage select.form-control {
  padding-right: 25px;
}
.checkoutPage select:disabled,
.orderConfirmationPage select:disabled,
.orderResponsePage select:disabled,
.payByCardPage select:disabled {
  background-color: #dbdbdb;
  pointer-events: none;
}
.checkoutPage .invalid-feedback,
.orderConfirmationPage .invalid-feedback,
.orderResponsePage .invalid-feedback,
.payByCardPage .invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 80%;
  color: #dc3545;
  float: left;
}
.checkoutPage .checkout,
.orderConfirmationPage .checkout,
.orderResponsePage .checkout,
.payByCardPage .checkout {
  background-color: white;
  width: 50%;
  float: left;
  color: #454545;
}
@media only screen and (min-width: 1200px) {
  .checkoutPage .checkout .checkoutBoxes,
  .orderConfirmationPage .checkout .checkoutBoxes,
  .orderResponsePage .checkout .checkoutBoxes,
  .payByCardPage .checkout .checkoutBoxes {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkoutPage .checkout.paymentFailed,
.orderConfirmationPage .checkout.paymentFailed,
.orderResponsePage .checkout.paymentFailed,
.payByCardPage .checkout.paymentFailed {
  min-height: 100vh;
}
.checkoutPage .checkout.paymentFailed .topSection,
.orderConfirmationPage .checkout.paymentFailed .topSection,
.orderResponsePage .checkout.paymentFailed .topSection,
.payByCardPage .checkout.paymentFailed .topSection {
  padding-left: 0;
  margin-inline: auto;
}
.checkoutPage .checkout.paymentFailed .topSection .leftSection,
.orderConfirmationPage .checkout.paymentFailed .topSection .leftSection,
.orderResponsePage .checkout.paymentFailed .topSection .leftSection,
.payByCardPage .checkout.paymentFailed .topSection .leftSection {
  width: 26px;
  height: 100%;
  position: relative;
  padding-left: 0;
}
.checkoutPage .checkout.paymentFailed .topSection .leftSection a,
.orderConfirmationPage .checkout.paymentFailed .topSection .leftSection a,
.orderResponsePage .checkout.paymentFailed .topSection .leftSection a,
.payByCardPage .checkout.paymentFailed .topSection .leftSection a {
  text-decoration: none;
  font-weight: bold;
  color: #007A53 !important;
  position: absolute;
  min-width: 120px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1200px) {
  .checkoutPage .checkout.paymentFailed .topSection,
  .orderConfirmationPage .checkout.paymentFailed .topSection,
  .orderResponsePage .checkout.paymentFailed .topSection,
  .payByCardPage .checkout.paymentFailed .topSection {
    width: 100%;
    margin: 0;
  }
  .checkoutPage .checkout.paymentFailed .topSection .leftSection,
  .orderConfirmationPage .checkout.paymentFailed .topSection .leftSection,
  .orderResponsePage .checkout.paymentFailed .topSection .leftSection,
  .payByCardPage .checkout.paymentFailed .topSection .leftSection {
    padding-left: 10px;
  }
}
.checkoutPage .checkout.paymentFailed .cSection .paymentSection,
.checkoutPage .checkout.paymentFailed .cSection .totalToPay,
.orderConfirmationPage .checkout.paymentFailed .cSection .paymentSection,
.orderConfirmationPage .checkout.paymentFailed .cSection .totalToPay,
.orderResponsePage .checkout.paymentFailed .cSection .paymentSection,
.orderResponsePage .checkout.paymentFailed .cSection .totalToPay,
.payByCardPage .checkout.paymentFailed .cSection .paymentSection,
.payByCardPage .checkout.paymentFailed .cSection .totalToPay {
  border: 1px solid #DBDBDB;
}
.checkoutPage .checkout .orderConfirmationContainer,
.orderConfirmationPage .checkout .orderConfirmationContainer,
.orderResponsePage .checkout .orderConfirmationContainer,
.payByCardPage .checkout .orderConfirmationContainer {
  width: 100%;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .orderConfirmationContainer .orderConfirmation_header,
  .orderConfirmationPage .checkout .orderConfirmationContainer .orderConfirmation_header,
  .orderResponsePage .checkout .orderConfirmationContainer .orderConfirmation_header,
  .payByCardPage .checkout .orderConfirmationContainer .orderConfirmation_header {
    background-color: white;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.checkoutPage .checkout .orderConfirmationContainer .orderConfirmation_header img,
.orderConfirmationPage .checkout .orderConfirmationContainer .orderConfirmation_header img,
.orderResponsePage .checkout .orderConfirmationContainer .orderConfirmation_header img,
.payByCardPage .checkout .orderConfirmationContainer .orderConfirmation_header img {
  width: 100px;
  height: auto;
  display: block;
  margin: 0 auto;
  padding: 15px 0;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .orderConfirmationContainer .orderConfirmation_header img,
  .orderConfirmationPage .checkout .orderConfirmationContainer .orderConfirmation_header img,
  .orderResponsePage .checkout .orderConfirmationContainer .orderConfirmation_header img,
  .payByCardPage .checkout .orderConfirmationContainer .orderConfirmation_header img {
    margin-left: 43px;
  }
}
.checkoutPage .checkout .orderConfirmationContainer .orderConfirmation_header .fa-shopping-bag,
.orderConfirmationPage .checkout .orderConfirmationContainer .orderConfirmation_header .fa-shopping-bag,
.orderResponsePage .checkout .orderConfirmationContainer .orderConfirmation_header .fa-shopping-bag,
.payByCardPage .checkout .orderConfirmationContainer .orderConfirmation_header .fa-shopping-bag {
  display: none;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .orderConfirmationContainer .orderConfirmation_header .fa-shopping-bag,
  .orderConfirmationPage .checkout .orderConfirmationContainer .orderConfirmation_header .fa-shopping-bag,
  .orderResponsePage .checkout .orderConfirmationContainer .orderConfirmation_header .fa-shopping-bag,
  .payByCardPage .checkout .orderConfirmationContainer .orderConfirmation_header .fa-shopping-bag {
    display: block;
    font-size: 30px;
    padding-right: 20px;
  }
}
.checkoutPage .checkout .orderConfirmationContainer .orderConfirmation_message,
.orderConfirmationPage .checkout .orderConfirmationContainer .orderConfirmation_message,
.orderResponsePage .checkout .orderConfirmationContainer .orderConfirmation_message,
.payByCardPage .checkout .orderConfirmationContainer .orderConfirmation_message {
  width: 80%;
  margin: 0 auto;
  display: block;
  text-align: center;
  padding-bottom: 25px;
  padding-top: 25px;
}
.checkoutPage .checkout .orderConfirmationContainer .orderConfirmation_message i,
.orderConfirmationPage .checkout .orderConfirmationContainer .orderConfirmation_message i,
.orderResponsePage .checkout .orderConfirmationContainer .orderConfirmation_message i,
.payByCardPage .checkout .orderConfirmationContainer .orderConfirmation_message i {
  color: #007d4a;
  font-size: 35px;
}
.checkoutPage .checkout .orderConfirmationContainer .orderConfirmation_message .thanksMessage,
.orderConfirmationPage .checkout .orderConfirmationContainer .orderConfirmation_message .thanksMessage,
.orderResponsePage .checkout .orderConfirmationContainer .orderConfirmation_message .thanksMessage,
.payByCardPage .checkout .orderConfirmationContainer .orderConfirmation_message .thanksMessage {
  font-weight: 700;
  font-size: 20px;
}
.checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox {
  width: 100%;
  padding-bottom: 15px;
}
.checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails, .checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails {
  width: 80%;
  display: block;
  margin: 0 auto;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  padding: 10px 0;
  background-color: white;
}
.checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .allergensTitleContainer, .checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .allergensTitleContainer,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .allergensTitleContainer,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .allergensTitleContainer,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .allergensTitleContainer,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .allergensTitleContainer,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .allergensTitleContainer,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .allergensTitleContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  background-color: #f8f8f8;
  padding: 10px;
  margin-top: -10px;
}
.checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .allergensContentContainer, .checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .allergensContentContainer,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .allergensContentContainer,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .allergensContentContainer,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .allergensContentContainer,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .allergensContentContainer,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .allergensContentContainer,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .allergensContentContainer {
  padding: 10px 10px 0 10px;
}
.checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .allergensContentContainer .allergensMessage, .checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .allergensContentContainer .allergensMessage,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .allergensContentContainer .allergensMessage,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .allergensContentContainer .allergensMessage,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .allergensContentContainer .allergensMessage,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .allergensContentContainer .allergensMessage,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .allergensContentContainer .allergensMessage,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .allergensContentContainer .allergensMessage {
  padding-top: 5px;
}
.checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .fa-map-marker-alt, .checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .fa-map-marker-alt,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .fa-map-marker-alt,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .fa-map-marker-alt,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .fa-map-marker-alt,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .fa-map-marker-alt,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails .fa-map-marker-alt,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails .fa-map-marker-alt {
  margin-top: 5px;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails, .checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails,
  .orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails,
  .orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails,
  .orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails,
  .orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails,
  .payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .deliveryDetails,
  .payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .allergensDetails {
    width: 94%;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
    border: none;
  }
}
.checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .fa-map-marker-alt,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .fa-map-marker-alt,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .fa-map-marker-alt,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .fa-map-marker-alt {
  padding-right: 1rem;
}
.checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .fa-clock,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .fa-clock,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .fa-clock,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .fa-clock {
  padding-right: 1rem;
}
.checkoutPage .checkout .orderConfirmationContainer .deliveryDetailsBox .fa-shopping-bag,
.orderConfirmationPage .checkout .orderConfirmationContainer .deliveryDetailsBox .fa-shopping-bag,
.orderResponsePage .checkout .orderConfirmationContainer .deliveryDetailsBox .fa-shopping-bag,
.payByCardPage .checkout .orderConfirmationContainer .deliveryDetailsBox .fa-shopping-bag {
  padding-right: 1rem;
}
.checkoutPage .checkout .orderConfirmationContainer .personalDetailsBox,
.orderConfirmationPage .checkout .orderConfirmationContainer .personalDetailsBox,
.orderResponsePage .checkout .orderConfirmationContainer .personalDetailsBox,
.payByCardPage .checkout .orderConfirmationContainer .personalDetailsBox {
  width: 100%;
}
.checkoutPage .checkout .orderConfirmationContainer .personalDetailsBox .personalDetails,
.orderConfirmationPage .checkout .orderConfirmationContainer .personalDetailsBox .personalDetails,
.orderResponsePage .checkout .orderConfirmationContainer .personalDetailsBox .personalDetails,
.payByCardPage .checkout .orderConfirmationContainer .personalDetailsBox .personalDetails {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 15px;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .orderConfirmationContainer .personalDetailsBox .personalDetails,
  .orderConfirmationPage .checkout .orderConfirmationContainer .personalDetailsBox .personalDetails,
  .orderResponsePage .checkout .orderConfirmationContainer .personalDetailsBox .personalDetails,
  .payByCardPage .checkout .orderConfirmationContainer .personalDetailsBox .personalDetails {
    width: 94%;
  }
}
.checkoutPage .checkout .orderConfirmationContainer .personalDetailsBox .personalDetails .fa-info-circle,
.orderConfirmationPage .checkout .orderConfirmationContainer .personalDetailsBox .personalDetails .fa-info-circle,
.orderResponsePage .checkout .orderConfirmationContainer .personalDetailsBox .personalDetails .fa-info-circle,
.payByCardPage .checkout .orderConfirmationContainer .personalDetailsBox .personalDetails .fa-info-circle {
  padding-right: 10px;
  color: #dbdbdb;
}
.checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox,
.orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox,
.orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox,
.payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox {
  width: 100%;
  padding-bottom: 30px;
}
.checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
.orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
.orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
.payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  padding: 10px;
  background-color: white;
  background-image: url("/images/offers/redBar.png");
  background-repeat: no-repeat;
  background-size: 142px;
  background-position: -11px;
}
@media only screen and (max-width: 1201px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints {
    width: 94%;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
    border: none;
  }
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints {
    background-size: 165px;
    background-position: -35px;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints {
    background-size: 165px;
    background-position: -35px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints {
    background-size: 153px;
    background-position: -35px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints {
    background-size: 190px;
    background-position: -28px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints {
    background-size: 193px;
    background-position: -36px;
  }
}
@media only screen and (min-width: 471px) and (max-width: 599px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints {
    background-size: 150px;
    background-position: -11px;
  }
}
@media only screen and (max-width: 470px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints {
    background-size: 163px;
    background-position: -57px;
  }
}
.checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
.orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
.orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
.payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide {
  color: white;
  width: 167px;
  line-height: 198% !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1601px) and (max-width: 1700px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide {
    width: 224px;
  }
}
@media only screen and (min-width: 1401px) and (max-width: 1600px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide {
    width: 266px;
  }
}
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide {
    width: 243px;
  }
}
@media only screen and (min-width: 769px) and (max-width: 1200px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide {
    width: 167px;
  }
}
@media only screen and (min-width: 600px) and (max-width: 768px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide {
    width: 163px;
  }
}
@media only screen and (min-width: 471px) and (max-width: 599px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide {
    width: 152px;
  }
}
@media only screen and (max-width: 470px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide {
    width: 95px;
  }
}
.checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide .rewardWord,
.orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide .rewardWord,
.orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide .rewardWord,
.payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide .rewardWord {
  font-size: 16px;
}
.checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide .figuredWord,
.orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide .figuredWord,
.orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide .figuredWord,
.payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide .figuredWord {
  font-size: 50px;
  font-weight: bold;
}
.checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide .pointsdWord,
.orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide .pointsdWord,
.orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide .pointsdWord,
.payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_lSide .pointsdWord {
  font-size: 18px;
}
.checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
.orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
.orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
.payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide {
  margin-left: 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (min-width: 1401px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide {
    margin-left: 40px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide {
    margin-left: 50px;
  }
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide {
    width: 100%;
    margin-left: 33px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media only screen and (min-width: 400px) and (max-width: 470px) {
  .checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
  .orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
  .orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide,
  .payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .rewardPoints_rSide {
    margin-left: 30px;
  }
}
.checkoutPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .secondParagraph,
.orderConfirmationPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .secondParagraph,
.orderResponsePage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .secondParagraph,
.payByCardPage .checkout .orderConfirmationContainer .rewardPointsBox .rewardPoints .secondParagraph {
  display: none;
}
.checkoutPage .checkout .orderConfirmationContainer .whatsNextBox,
.orderConfirmationPage .checkout .orderConfirmationContainer .whatsNextBox,
.orderResponsePage .checkout .orderConfirmationContainer .whatsNextBox,
.payByCardPage .checkout .orderConfirmationContainer .whatsNextBox {
  width: 100%;
  padding: 30px 0;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.checkoutPage .checkout .orderConfirmationContainer .whatsNextBox .fa-arrow-circle-down,
.orderConfirmationPage .checkout .orderConfirmationContainer .whatsNextBox .fa-arrow-circle-down,
.orderResponsePage .checkout .orderConfirmationContainer .whatsNextBox .fa-arrow-circle-down,
.payByCardPage .checkout .orderConfirmationContainer .whatsNextBox .fa-arrow-circle-down {
  color: #007d4a;
  font-size: 40px;
  font-weight: 300;
}
.checkoutPage .checkout .orderConfirmationContainer .whatsNextBox .whatsNext_headline,
.orderConfirmationPage .checkout .orderConfirmationContainer .whatsNextBox .whatsNext_headline,
.orderResponsePage .checkout .orderConfirmationContainer .whatsNextBox .whatsNext_headline,
.payByCardPage .checkout .orderConfirmationContainer .whatsNextBox .whatsNext_headline {
  font-weight: 700;
  font-size: 20px;
}
.checkoutPage .checkout .orderConfirmationContainer .thanksBanner,
.orderConfirmationPage .checkout .orderConfirmationContainer .thanksBanner,
.orderResponsePage .checkout .orderConfirmationContainer .thanksBanner,
.payByCardPage .checkout .orderConfirmationContainer .thanksBanner {
  margin-bottom: 15px;
}
.checkoutPage .checkout .orderConfirmationContainer .thanksBanner img,
.orderConfirmationPage .checkout .orderConfirmationContainer .thanksBanner img,
.orderResponsePage .checkout .orderConfirmationContainer .thanksBanner img,
.payByCardPage .checkout .orderConfirmationContainer .thanksBanner img {
  width: 80%;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .orderConfirmationContainer .thanksBanner img,
  .orderConfirmationPage .checkout .orderConfirmationContainer .thanksBanner img,
  .orderResponsePage .checkout .orderConfirmationContainer .thanksBanner img,
  .payByCardPage .checkout .orderConfirmationContainer .thanksBanner img {
    width: 94%;
    margin: 0 auto;
    display: block;
  }
}
.checkoutPage .checkout .orderConfirmationContainer .trackOrderBanner img,
.orderConfirmationPage .checkout .orderConfirmationContainer .trackOrderBanner img,
.orderResponsePage .checkout .orderConfirmationContainer .trackOrderBanner img,
.payByCardPage .checkout .orderConfirmationContainer .trackOrderBanner img {
  width: 80%;
  margin: 0 auto;
  display: block;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .orderConfirmationContainer .trackOrderBanner img,
  .orderConfirmationPage .checkout .orderConfirmationContainer .trackOrderBanner img,
  .orderResponsePage .checkout .orderConfirmationContainer .trackOrderBanner img,
  .payByCardPage .checkout .orderConfirmationContainer .trackOrderBanner img {
    width: 94%;
    margin: 0 auto;
    display: block;
  }
}
.checkoutPage .checkout .orderConfirmationContainer .bannerBox,
.orderConfirmationPage .checkout .orderConfirmationContainer .bannerBox,
.orderResponsePage .checkout .orderConfirmationContainer .bannerBox,
.payByCardPage .checkout .orderConfirmationContainer .bannerBox {
  width: 100%;
  padding: 0 0 30px 0;
}
.checkoutPage .checkout .orderConfirmationContainer .bannerBox .bannerGreen,
.orderConfirmationPage .checkout .orderConfirmationContainer .bannerBox .bannerGreen,
.orderResponsePage .checkout .orderConfirmationContainer .bannerBox .bannerGreen,
.payByCardPage .checkout .orderConfirmationContainer .bannerBox .bannerGreen {
  width: 80%;
  border-radius: 5px;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .orderConfirmationContainer .bannerBox .bannerGreen,
  .orderConfirmationPage .checkout .orderConfirmationContainer .bannerBox .bannerGreen,
  .orderResponsePage .checkout .orderConfirmationContainer .bannerBox .bannerGreen,
  .payByCardPage .checkout .orderConfirmationContainer .bannerBox .bannerGreen {
    width: 94%;
  }
}
.checkoutPage .checkout .orderConfirmationContainer .bannerBox .bannerGreen img,
.orderConfirmationPage .checkout .orderConfirmationContainer .bannerBox .bannerGreen img,
.orderResponsePage .checkout .orderConfirmationContainer .bannerBox .bannerGreen img,
.payByCardPage .checkout .orderConfirmationContainer .bannerBox .bannerGreen img {
  width: 100%;
  height: auto;
}
.checkoutPage .checkout .orderConfirmationContainer .orderFinalSectionBox,
.orderConfirmationPage .checkout .orderConfirmationContainer .orderFinalSectionBox,
.orderResponsePage .checkout .orderConfirmationContainer .orderFinalSectionBox,
.payByCardPage .checkout .orderConfirmationContainer .orderFinalSectionBox {
  width: 100%;
}
.checkoutPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection,
.orderConfirmationPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection,
.orderResponsePage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection,
.payByCardPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection {
  width: 80%;
  display: block;
  margin: 0 auto;
  border-bottom: 1px solid #f8f8f8;
  border-top: 1px solid #f8f8f8;
  text-align: center;
  padding: 1rem 0 0 0;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection,
  .orderConfirmationPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection,
  .orderResponsePage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection,
  .payByCardPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection {
    width: 94%;
  }
}
.checkoutPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection .orderFinalSection_top,
.orderConfirmationPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection .orderFinalSection_top,
.orderResponsePage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection .orderFinalSection_top,
.payByCardPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection .orderFinalSection_top {
  font-size: 20px;
}
.checkoutPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection .orderFinalSection_bottom,
.orderConfirmationPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection .orderFinalSection_bottom,
.orderResponsePage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection .orderFinalSection_bottom,
.payByCardPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection .orderFinalSection_bottom {
  font-size: 16px;
  padding-top: 1rem;
}
.checkoutPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection button,
.orderConfirmationPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection button,
.orderResponsePage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection button,
.payByCardPage .checkout .orderConfirmationContainer .orderFinalSectionBox .orderFinalSection button {
  color: white;
  background-color: #000;
  padding: 7px 50px;
  border: none;
  border-radius: 5px;
  font-size: 16px;
}
.checkoutPage .checkout .orderConfirmationContainer .emptyBox,
.orderConfirmationPage .checkout .orderConfirmationContainer .emptyBox,
.orderResponsePage .checkout .orderConfirmationContainer .emptyBox,
.payByCardPage .checkout .orderConfirmationContainer .emptyBox {
  height: 65px;
  width: 100%;
}
.checkoutPage .checkout .topSection,
.orderConfirmationPage .checkout .topSection,
.orderResponsePage .checkout .topSection,
.payByCardPage .checkout .topSection {
  width: 100%;
  height: 46px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 20px;
  margin-left: 17%;
}
@media only screen and (min-width: 1200px) {
  .checkoutPage .checkout .topSection,
  .orderConfirmationPage .checkout .topSection,
  .orderResponsePage .checkout .topSection,
  .payByCardPage .checkout .topSection {
    margin: 0 auto;
    margin-top: 33px;
    max-width: 725px;
  }
}
.checkoutPage .checkout .topSection a,
.orderConfirmationPage .checkout .topSection a,
.orderResponsePage .checkout .topSection a,
.payByCardPage .checkout .topSection a {
  color: black !important;
}
.checkoutPage .checkout .topSection .leftSection,
.orderConfirmationPage .checkout .topSection .leftSection,
.orderResponsePage .checkout .topSection .leftSection,
.payByCardPage .checkout .topSection .leftSection {
  padding-left: 10px;
}
.checkoutPage .checkout .topSection .centerSection img,
.orderConfirmationPage .checkout .topSection .centerSection img,
.orderResponsePage .checkout .topSection .centerSection img,
.payByCardPage .checkout .topSection .centerSection img {
  height: 46px;
  width: auto;
  display: block;
  margin: auto 0;
}
.checkoutPage .checkout .topSection .rightSection,
.orderConfirmationPage .checkout .topSection .rightSection,
.orderResponsePage .checkout .topSection .rightSection,
.payByCardPage .checkout .topSection .rightSection {
  padding-right: 10px;
  position: relative;
}
@media only screen and (min-width: 1200px) {
  .checkoutPage .checkout .topSection .rightSection,
  .orderConfirmationPage .checkout .topSection .rightSection,
  .orderResponsePage .checkout .topSection .rightSection,
  .payByCardPage .checkout .topSection .rightSection {
    visibility: hidden !important;
  }
}
.checkoutPage .checkout .topSection .rightSection .sum,
.orderConfirmationPage .checkout .topSection .rightSection .sum,
.orderResponsePage .checkout .topSection .rightSection .sum,
.payByCardPage .checkout .topSection .rightSection .sum {
  font-size: 12px;
  height: 15px;
  width: 15px;
  line-height: 1;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 300;
  color: #007d4a;
  background-color: #fff;
  border: 0.5px solid #007d4a;
  position: absolute;
  top: -3px;
  left: -8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 100%;
  padding-right: 1px;
}
.checkoutPage .checkout .topSection .rightSection .fa-shopping-bag,
.orderConfirmationPage .checkout .topSection .rightSection .fa-shopping-bag,
.orderResponsePage .checkout .topSection .rightSection .fa-shopping-bag,
.payByCardPage .checkout .topSection .rightSection .fa-shopping-bag {
  font-size: larger;
}
@media only screen and (max-width: 1199px) {
  .checkoutPage .checkout .topSection,
  .orderConfirmationPage .checkout .topSection,
  .orderResponsePage .checkout .topSection,
  .payByCardPage .checkout .topSection {
    width: 100%;
    margin-left: 0;
    padding-left: 10px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.checkoutPage .checkout .grayWrap,
.orderConfirmationPage .checkout .grayWrap,
.orderResponsePage .checkout .grayWrap,
.payByCardPage .checkout .grayWrap {
  margin: 0 auto;
}
.checkoutPage .checkout .grayWrap .selectAddressBox,
.orderConfirmationPage .checkout .grayWrap .selectAddressBox,
.orderResponsePage .checkout .grayWrap .selectAddressBox,
.payByCardPage .checkout .grayWrap .selectAddressBox {
  width: 100% !important;
}
.checkoutPage .checkout .grayWrap .selectAddressBox.highlight,
.orderConfirmationPage .checkout .grayWrap .selectAddressBox.highlight,
.orderResponsePage .checkout .grayWrap .selectAddressBox.highlight,
.payByCardPage .checkout .grayWrap .selectAddressBox.highlight {
  border-color: red;
}
.checkoutPage .checkout .cSection,
.orderConfirmationPage .checkout .cSection,
.orderResponsePage .checkout .cSection,
.payByCardPage .checkout .cSection {
  margin: 0 auto;
  border-radius: 5px;
  font-size: 0.96rem;
  margin-bottom: 10px;
}
@media only screen and (min-width: 1200px) {
  .checkoutPage .checkout .cSection,
  .orderConfirmationPage .checkout .cSection,
  .orderResponsePage .checkout .cSection,
  .payByCardPage .checkout .cSection {
    max-width: 725px;
  }
}
.checkoutPage .checkout .cSection .charitySection,
.orderConfirmationPage .checkout .cSection .charitySection,
.orderResponsePage .checkout .cSection .charitySection,
.payByCardPage .checkout .cSection .charitySection {
  padding: 0;
  margin-bottom: 0.9375rem;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .charitySection,
  .orderConfirmationPage .checkout .cSection .charitySection,
  .orderResponsePage .checkout .cSection .charitySection,
  .payByCardPage .checkout .cSection .charitySection {
    margin-bottom: 0;
    padding-bottom: 0.625rem;
  }
}
.checkoutPage .checkout .cSection .charitySection .detailsBox.disabled,
.orderConfirmationPage .checkout .cSection .charitySection .detailsBox.disabled,
.orderResponsePage .checkout .cSection .charitySection .detailsBox.disabled,
.payByCardPage .checkout .cSection .charitySection .detailsBox.disabled {
  opacity: 0.4;
  pointer-events: none;
  cursor: not-allowed;
}
.checkoutPage .checkout .cSection .redeemDoughSection,
.orderConfirmationPage .checkout .cSection .redeemDoughSection,
.orderResponsePage .checkout .cSection .redeemDoughSection,
.payByCardPage .checkout .cSection .redeemDoughSection {
  padding: 0;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .redeemDoughSection,
  .orderConfirmationPage .checkout .cSection .redeemDoughSection,
  .orderResponsePage .checkout .cSection .redeemDoughSection,
  .payByCardPage .checkout .cSection .redeemDoughSection {
    width: 100%;
    padding: 10px 10px 0;
  }
}
.checkoutPage .checkout .cSection .redeemDoughSection .redeemDoughContainer,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .redeemDoughContainer,
.orderResponsePage .checkout .cSection .redeemDoughSection .redeemDoughContainer,
.payByCardPage .checkout .cSection .redeemDoughSection .redeemDoughContainer {
  background: #710500;
  border-radius: 10px;
  padding: 16px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 8px 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto 16px auto 16px auto;
  grid-template-rows: auto auto auto;
  position: relative;
  row-gap: 16px;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.checkoutPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(1), .orderConfirmationPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(1), .orderResponsePage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(1), .payByCardPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.checkoutPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(2), .orderConfirmationPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(2), .orderResponsePage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(2), .payByCardPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.checkoutPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(3), .orderConfirmationPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(3), .orderResponsePage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(3), .payByCardPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(3) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.checkoutPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(4), .orderConfirmationPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(4), .orderResponsePage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(4), .payByCardPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(4) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.checkoutPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(5), .orderConfirmationPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(5), .orderResponsePage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(5), .payByCardPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(5) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.checkoutPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(6), .orderConfirmationPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(6), .orderResponsePage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(6), .payByCardPage .checkout .cSection .redeemDoughSection .redeemDoughContainer > *:nth-child(6) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.checkoutPage .checkout .cSection .redeemDoughSection .redeemDoughContainer .used,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .redeemDoughContainer .used,
.orderResponsePage .checkout .cSection .redeemDoughSection .redeemDoughContainer .used,
.payByCardPage .checkout .cSection .redeemDoughSection .redeemDoughContainer .used {
  grid-column: 1/-1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  color: #F5E8DC;
}
.checkoutPage .checkout .cSection .redeemDoughSection .redeemDoughContainer .apply,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .redeemDoughContainer .apply,
.orderResponsePage .checkout .cSection .redeemDoughSection .redeemDoughContainer .apply,
.payByCardPage .checkout .cSection .redeemDoughSection .redeemDoughContainer .apply {
  grid-column: 1/-1;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  font-size: 16px;
  font-weight: 400;
  line-height: 18px;
  color: #F5E8DC;
}
.checkoutPage .checkout .cSection .redeemDoughSection .redeemDoughContainer .doughTitle,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .redeemDoughContainer .doughTitle,
.orderResponsePage .checkout .cSection .redeemDoughSection .redeemDoughContainer .doughTitle,
.payByCardPage .checkout .cSection .redeemDoughSection .redeemDoughContainer .doughTitle {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
}
.checkoutPage .checkout .cSection .redeemDoughSection .redeemDoughContainer h3,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .redeemDoughContainer h3,
.orderResponsePage .checkout .cSection .redeemDoughSection .redeemDoughContainer h3,
.payByCardPage .checkout .cSection .redeemDoughSection .redeemDoughContainer h3 {
  margin: 0;
  font-size: 38px;
  line-height: 32px;
  color: #F5E8DC;
  gap: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  font-family: "Papa Sans Heavy";
}
@media only screen and (max-width: 370px) {
  .checkoutPage .checkout .cSection .redeemDoughSection .redeemDoughContainer h3,
  .orderConfirmationPage .checkout .cSection .redeemDoughSection .redeemDoughContainer h3,
  .orderResponsePage .checkout .cSection .redeemDoughSection .redeemDoughContainer h3,
  .payByCardPage .checkout .cSection .redeemDoughSection .redeemDoughContainer h3 {
    font-size: 26px;
    line-height: 22px;
  }
}
.checkoutPage .checkout .cSection .redeemDoughSection .earnedPoints,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .earnedPoints,
.orderResponsePage .checkout .cSection .redeemDoughSection .earnedPoints,
.payByCardPage .checkout .cSection .redeemDoughSection .earnedPoints {
  padding: 14px;
  color: #007E4A;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.checkoutPage .checkout .cSection .redeemDoughSection .earnedPoints i,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .earnedPoints i,
.orderResponsePage .checkout .cSection .redeemDoughSection .earnedPoints i,
.payByCardPage .checkout .cSection .redeemDoughSection .earnedPoints i {
  font-size: 10px;
  line-height: 18px;
  margin-right: 5px;
}
.checkoutPage .checkout .cSection .redeemDoughSection .earnedPoints p,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .earnedPoints p,
.orderResponsePage .checkout .cSection .redeemDoughSection .earnedPoints p,
.payByCardPage .checkout .cSection .redeemDoughSection .earnedPoints p {
  font-size: 18px;
  line-height: 18px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 700;
}
.checkoutPage .checkout .cSection .redeemDoughSection button,
.orderConfirmationPage .checkout .cSection .redeemDoughSection button,
.orderResponsePage .checkout .cSection .redeemDoughSection button,
.payByCardPage .checkout .cSection .redeemDoughSection button {
  grid-column: 1/-1;
  -ms-grid-row: 3;
  -ms-grid-row-span: 1;
  grid-row: 3/4;
}
.checkoutPage .checkout .cSection .redeemDoughSection .availableDoughBadge,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .availableDoughBadge,
.orderResponsePage .checkout .cSection .redeemDoughSection .availableDoughBadge,
.payByCardPage .checkout .cSection .redeemDoughSection .availableDoughBadge {
  -ms-grid-row: 1;
  -ms-grid-row-span: 1;
  grid-row: 1/2;
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  background-color: #F5E8DC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  border-radius: 5px;
  padding: 2px 8px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  min-width: 146px;
  height: -webkit-max-content;
  height: -moz-max-content;
  height: max-content;
  margin-left: auto;
}
@media only screen and (max-width: 350px) {
  .checkoutPage .checkout .cSection .redeemDoughSection .availableDoughBadge,
  .orderConfirmationPage .checkout .cSection .redeemDoughSection .availableDoughBadge,
  .orderResponsePage .checkout .cSection .redeemDoughSection .availableDoughBadge,
  .payByCardPage .checkout .cSection .redeemDoughSection .availableDoughBadge {
    padding: 2px 4px;
    min-width: 130px;
  }
}
.checkoutPage .checkout .cSection .redeemDoughSection .availableDoughBadge .availableBadge,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .availableDoughBadge .availableBadge,
.orderResponsePage .checkout .cSection .redeemDoughSection .availableDoughBadge .availableBadge,
.payByCardPage .checkout .cSection .redeemDoughSection .availableDoughBadge .availableBadge {
  position: absolute;
  left: -8px;
  top: -14px;
}
.checkoutPage .checkout .cSection .redeemDoughSection .availableDoughBadge .balanceValue,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .availableDoughBadge .balanceValue,
.orderResponsePage .checkout .cSection .redeemDoughSection .availableDoughBadge .balanceValue,
.payByCardPage .checkout .cSection .redeemDoughSection .availableDoughBadge .balanceValue {
  font-size: 56px;
  line-height: normal;
  font-family: "Papa Sans Heavy";
  color: #710500;
}
.checkoutPage .checkout .cSection .redeemDoughSection .availableDoughBadge .balanceValue span,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .availableDoughBadge .balanceValue span,
.orderResponsePage .checkout .cSection .redeemDoughSection .availableDoughBadge .balanceValue span,
.payByCardPage .checkout .cSection .redeemDoughSection .availableDoughBadge .balanceValue span {
  font-size: 16px;
  line-height: normal;
}
.checkoutPage .checkout .cSection .redeemDoughSection .editDoughButton,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .editDoughButton,
.orderResponsePage .checkout .cSection .redeemDoughSection .editDoughButton,
.payByCardPage .checkout .cSection .redeemDoughSection .editDoughButton {
  width: 100%;
  background: white;
  color: #007A53;
  font-size: 22px;
  line-height: normal;
  font-weight: 700;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 50px;
  border: 2px solid white;
  border-radius: 5px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  cursor: pointer;
  padding: 0 6px;
}
.checkoutPage .checkout .cSection .redeemDoughSection .editDoughButton:hover,
.orderConfirmationPage .checkout .cSection .redeemDoughSection .editDoughButton:hover,
.orderResponsePage .checkout .cSection .redeemDoughSection .editDoughButton:hover,
.payByCardPage .checkout .cSection .redeemDoughSection .editDoughButton:hover {
  background: #007A53;
  border: 2px solid #007A53;
  color: white;
}
.checkoutPage .checkout .cSection .detailsBox,
.orderConfirmationPage .checkout .cSection .detailsBox,
.orderResponsePage .checkout .cSection .detailsBox,
.payByCardPage .checkout .cSection .detailsBox {
  background-color: white;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  margin: 0 auto;
  overflow: hidden;
}
.checkoutPage .checkout .cSection .detailsBox .errorMessage,
.orderConfirmationPage .checkout .cSection .detailsBox .errorMessage,
.orderResponsePage .checkout .cSection .detailsBox .errorMessage,
.payByCardPage .checkout .cSection .detailsBox .errorMessage {
  padding: 20px 0px 0px 13px;
}
.checkoutPage .checkout .cSection .detailsBox .errorMessage .validateError,
.orderConfirmationPage .checkout .cSection .detailsBox .errorMessage .validateError,
.orderResponsePage .checkout .cSection .detailsBox .errorMessage .validateError,
.payByCardPage .checkout .cSection .detailsBox .errorMessage .validateError {
  color: red;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxTop,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxTop,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxTop,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxTop {
  padding: 10px;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxTop .greyedOut,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxTop .greyedOut,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxTop .greyedOut,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxTop .greyedOut {
  background-color: #efefef !important;
  border: 1px solid #efefef !important;
  cursor: not-allowed;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom {
  background: #FFF;
  border-top: 1px solid #F8F8F8;
  overflow: hidden;
  background-color: #F5E8DC;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .form-group,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .form-group,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .form-group,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .form-group {
  margin-bottom: 0;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner {
  max-width: 460px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
  .orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
  .orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
  .payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner {
    cursor: pointer;
  }
}
@media screen and (max-width: 360px) {
  .checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
  .orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
  .orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
  .payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner {
    padding-right: 0;
  }
}
@media only screen and (min-width: 520px) and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
  .orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
  .orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
  .payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner {
    margin: 0;
  }
}
@media only screen and (min-width: 1540px) {
  .checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
  .orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
  .orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner,
  .payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner {
    margin: 0;
  }
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner h4,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner h4,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner h4,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner h4 {
  color: #E42313;
  font-family: "Papa Sans Heavy";
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 900;
  max-width: 9.375rem;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .left-image,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .left-image,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .left-image,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .left-image {
  width: 5.875rem;
  height: 3rem;
  min-width: 5rem;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image {
  position: absolute;
  top: -0.625rem;
  right: -10.25rem;
  width: 9.375rem;
  height: 9.375rem;
}
@media screen and (max-width: 370px) {
  .checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image,
  .orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image,
  .orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image,
  .payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image {
    display: none;
  }
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-garlic-sticks,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-garlic-sticks,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-garlic-sticks,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-garlic-sticks {
  position: absolute;
  top: -2.25rem;
  right: -16.6rem;
  width: 5.75rem;
  height: 5.5rem;
  display: none;
}
@media only screen and (min-width: 520px) and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-garlic-sticks,
  .orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-garlic-sticks,
  .orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-garlic-sticks,
  .payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-garlic-sticks {
    display: block;
  }
}
@media only screen and (min-width: 1540px) {
  .checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-garlic-sticks,
  .orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-garlic-sticks,
  .orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-garlic-sticks,
  .payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-garlic-sticks {
    display: block;
  }
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-potatoes,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-potatoes,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-potatoes,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-potatoes {
  position: absolute;
  bottom: -4.1rem;
  right: -23.3rem;
  width: 8.5rem;
  height: 8.5rem;
  display: none;
}
@media only screen and (min-width: 520px) and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-potatoes,
  .orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-potatoes,
  .orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-potatoes,
  .payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-potatoes {
    display: block;
  }
}
@media only screen and (min-width: 1540px) {
  .checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-potatoes,
  .orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-potatoes,
  .orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-potatoes,
  .payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .right-image-potatoes {
    display: block;
  }
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.375rem;
  z-index: 2;
  min-width: 10.25rem;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill span,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill span,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill span,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill span {
  background-color: #E3C2ED;
  color: #710500;
  font-family: "Papa Sans Medium";
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.125rem;
  border-radius: 0.125rem;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill .points-text,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill .points-text,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill .points-text,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill .points-text {
  font-family: "Papa Sans Medium";
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.25rem;
  font-weight: 500;
  text-transform: uppercase;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill .checkUserMail,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill .checkUserMail,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill .checkUserMail,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill .checkUserMail {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-decoration: none;
  padding: 0.4375rem 1.5rem;
  background-color: white;
  color: #013D1E;
  border-radius: 0.25rem;
  font-size: 1rem;
  line-height: 1rem;
  border: none;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill .checkUserMail:hover,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill .checkUserMail:hover,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill .checkUserMail:hover,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .pwbox-fill .checkUserMail:hover {
  color: white;
  background-color: #013D1E;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner span,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner span,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner span,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner span {
  color: #000;
  font-size: 15px;
  line-height: 18px;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .checkUserMail,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .checkUserMail,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .checkUserMail,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .reward-banner .checkUserMail {
  color: #000;
  font-weight: 700;
  text-decoration: underline;
}
.checkoutPage .checkout .cSection .detailsBox .detailsBoxBottom .successBox h4,
.orderConfirmationPage .checkout .cSection .detailsBox .detailsBoxBottom .successBox h4,
.orderResponsePage .checkout .cSection .detailsBox .detailsBoxBottom .successBox h4,
.payByCardPage .checkout .cSection .detailsBox .detailsBoxBottom .successBox h4 {
  color: #710500;
  margin-bottom: 0;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .detailsBox,
  .orderConfirmationPage .checkout .cSection .detailsBox,
  .orderResponsePage .checkout .cSection .detailsBox,
  .payByCardPage .checkout .cSection .detailsBox {
    border: none;
  }
}
.checkoutPage .checkout .cSection .detailsBox .topCharitySection,
.orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection,
.orderResponsePage .checkout .cSection .detailsBox .topCharitySection,
.payByCardPage .checkout .cSection .detailsBox .topCharitySection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkoutPage .checkout .cSection .detailsBox .topCharitySection .penniesText,
.orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection .penniesText,
.orderResponsePage .checkout .cSection .detailsBox .topCharitySection .penniesText,
.payByCardPage .checkout .cSection .detailsBox .topCharitySection .penniesText {
  padding: 10px !important;
}
.checkoutPage .checkout .cSection .detailsBox .topCharitySection .topCharitySection_rSide,
.orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection .topCharitySection_rSide,
.orderResponsePage .checkout .cSection .detailsBox .topCharitySection .topCharitySection_rSide,
.payByCardPage .checkout .cSection .detailsBox .topCharitySection .topCharitySection_rSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkoutPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper,
.orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper,
.orderResponsePage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper,
.payByCardPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkoutPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper input,
.orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper input,
.orderResponsePage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper input,
.payByCardPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper input {
  opacity: 0;
  cursor: pointer;
}
.checkoutPage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark,
.orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark,
.orderResponsePage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark,
.payByCardPage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 10px;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark,
  .orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark,
  .orderResponsePage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark,
  .payByCardPage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark {
    left: 0;
  }
}
@media only screen and (max-width: 400px) {
  .checkoutPage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark,
  .orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark,
  .orderResponsePage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark,
  .payByCardPage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark {
    margin-top: 15px;
  }
}
.checkoutPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper:hover input ~ .checkmark,
.orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper:hover input ~ .checkmark,
.orderResponsePage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper:hover input ~ .checkmark,
.payByCardPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.checkoutPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper input:checked ~ .checkmark,
.orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper input:checked ~ .checkmark,
.orderResponsePage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper input:checked ~ .checkmark,
.payByCardPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.checkoutPage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark:after,
.orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark:after,
.orderResponsePage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark:after,
.payByCardPage .checkout .cSection .detailsBox .topCharitySection .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkoutPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper input:checked ~ .checkmark:after,
.orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper input:checked ~ .checkmark:after,
.orderResponsePage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper input:checked ~ .checkmark:after,
.payByCardPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.checkoutPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper .checkmark:after,
.orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper .checkmark:after,
.orderResponsePage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper .checkmark:after,
.payByCardPage .checkout .cSection .detailsBox .topCharitySection .checkbox .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (max-width: 400px) {
  .checkoutPage .checkout .cSection .detailsBox .topCharitySection,
  .orderConfirmationPage .checkout .cSection .detailsBox .topCharitySection,
  .orderResponsePage .checkout .cSection .detailsBox .topCharitySection,
  .payByCardPage .checkout .cSection .detailsBox .topCharitySection {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
@media only screen and (max-width: 400px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox {
    padding-right: 0;
  }
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox img,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox img,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox img,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox img {
  max-width: 80px;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .rightBottomCharityBox p,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .rightBottomCharityBox p,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .rightBottomCharityBox p,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .rightBottomCharityBox p {
  padding: 10px;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 400px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation,
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 {
    padding: 0px 10px 0px 10px;
  }
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left {
  width: 48%;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button {
  background-color: white;
  border-radius: 5px;
  border: 1px solid #007d4a;
  padding: 5px 25px;
  width: 100%;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button:hover,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button:hover,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button:hover,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button:hover,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button:hover,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button:hover,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button:hover,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button:hover {
  border: 1px solid #ed8b00;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  /*background-color: #ed8b00;*/
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button:hover a,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button:hover a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button:hover a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button:hover a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button:hover a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button:hover a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button:hover a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button:hover a {
  color: #ed8b00 !important;
  text-decoration: none;
}
@media only screen and (max-width: 420px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button,
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left button {
    padding: 5px;
  }
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left a,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_left a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_left a {
  color: #007d4a;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right {
  width: 48%;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button {
  background-color: white;
  border-radius: 5px;
  border: 1px solid #007d4a;
  padding: 5px 25px;
  width: 100%;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button:hover,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button:hover,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button:hover,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button:hover,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button:hover,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button:hover,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button:hover,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button:hover {
  border: 1px solid #ed8b00;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button:hover a,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button:hover a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button:hover a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button:hover a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button:hover a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button:hover a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button:hover a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button:hover a {
  color: #ed8b00 !important;
  text-decoration: none;
}
@media only screen and (max-width: 420px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button,
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right button {
    padding: 5px;
  }
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right a,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_right a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_right a {
  color: #007d4a;
  text-decoration: none;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left {
  width: 48%;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button {
  background-image: url("/images/checkout/greenCheckMark.png");
  background-repeat: no-repeat;
  background-position: 0 -4px;
  background-size: 36px;
  height: 35px;
  background-color: #007d4a;
  border: 1px solid #007d4a;
  border-radius: 5px;
  padding: 5px 25px;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button:hover,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button:hover,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button:hover,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button:hover,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button:hover,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button:hover,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button:hover,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button:hover {
  border: 1px solid #ed8b00;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  background-color: #ed8b00 !important;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button:hover a,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button:hover a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button:hover a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button:hover a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button:hover a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button:hover a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button:hover a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button:hover a {
  color: white !important;
  text-decoration: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button {
    padding: 5px 10px;
    padding-left: 40px;
    text-align: center;
  }
}
@media only screen and (min-width: 401px) and (max-width: 450px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button {
    padding: 5px;
    padding-left: 40px;
    text-align: center;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 400px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button {
    padding: 5px 0;
    padding-left: 40px;
    text-align: center;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
@media only screen and (max-width: 349px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button {
    padding: 5px 0;
    padding-left: 40px;
    text-align: center;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button a,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_left button a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_left button a {
  color: white;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right {
  width: 48%;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button {
  background-image: url("/images/checkout/greenCheckMark.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 36px;
  height: 35px;
  background-color: #007d4a;
  border: 1px solid #007d4a;
  border-radius: 5px;
  padding: 5px 25px;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button:hover,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button:hover,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button:hover,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button:hover,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button:hover,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button:hover,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button:hover,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button:hover {
  border: 1px solid #ed8b00;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  background-color: #ed8b00 !important;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button:hover a,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button:hover a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button:hover a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button:hover a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button:hover a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button:hover a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button:hover a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button:hover a {
  color: white !important;
  text-decoration: none;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button {
    padding: 5px 10px;
    padding-left: 40px;
    text-align: center;
  }
}
@media only screen and (min-width: 401px) and (max-width: 450px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button {
    padding: 5px;
    text-align: center;
    padding-left: 40px;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 400px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button {
    padding: 5px 0;
    text-align: center;
    padding-left: 40px;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
@media only screen and (max-width: 349px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button {
    padding: 5px 0;
    text-align: center;
    padding-left: 40px;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button a,
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation .donation_row2_right button a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation_row2_right button a {
  color: white;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 {
  padding: 10px;
  width: 100%;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked {
  background-image: url("/images/checkout/greenCheckMark.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 36px;
  height: 35px;
  background-color: #007d4a;
  border: 1px solid #007d4a;
  border-radius: 5px;
  padding: 5px 25px;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked:hover,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked:hover,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked:hover,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked:hover {
  border: 1px solid #ed8b00;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  background-color: #ed8b00 !important;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked:hover a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked:hover a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked:hover a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked:hover a {
  color: white !important;
  text-decoration: none;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_checked a {
  color: white;
  text-decoration: none;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal {
  background-color: white;
  border-radius: 5px;
  border: 1px solid #007d4a;
  padding: 5px 25px;
  cursor: pointer;
  width: 100%;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal:hover,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal:hover,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal:hover,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal:hover {
  border: 1px solid #ed8b00;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal:hover a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal:hover a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal:hover a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal:hover a {
  color: #ed8b00 !important;
  text-decoration: none;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation2 .donation2_normal a {
  color: #007d4a;
  text-decoration: none;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 400px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 {
    padding: 0;
  }
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button {
  background-image: url("/images/checkout/greenCheckMark.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 36px;
  height: 35px;
  background-color: #007d4a;
  border: 1px solid #007d4a;
  border-radius: 5px;
  padding: 5px 25px;
  height: 100%;
  width: 48%;
  cursor: pointer;
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button {
    padding: 5px 10px;
    padding-left: 40px;
    text-align: center;
  }
}
@media only screen and (min-width: 401px) and (max-width: 450px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button {
    padding: 5px;
    padding-left: 40px;
    text-align: center;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
@media only screen and (min-width: 350px) and (max-width: 400px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button {
    padding: 5px 0;
    padding-left: 40px;
    text-align: center;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
@media only screen and (max-width: 349px) {
  .checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
  .orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
  .orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button,
  .payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button {
    padding: 5px 0;
    padding-left: 40px;
    text-align: center;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row2 button a {
  color: white;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 {
  padding: 10px;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button {
  background-color: white;
  border: none;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button .donation_row3_textRightSide,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button .donation_row3_textRightSide,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button .donation_row3_textRightSide,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button .donation_row3_textRightSide {
  background-color: #007d4a;
  width: 100%;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
  padding: 5px;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button .donation_row3_textRightSide a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button .donation_row3_textRightSide a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button .donation_row3_textRightSide a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button .donation_row3_textRightSide a {
  color: white;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button i,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button i,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button i,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row3 button i {
  background-color: white;
  color: #007d4a;
  padding: 5px;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row4,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row4,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row4,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row4 {
  padding: 10px;
  width: 100%;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row4 button,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row4 button,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row4 button,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row4 button {
  background-color: white;
  border-radius: 5px;
  border: 1px solid #007d4a;
  padding: 5px 25px;
  cursor: pointer;
}
.checkoutPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row4 a,
.orderConfirmationPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row4 a,
.orderResponsePage .checkout .cSection .detailsBox .bottomCharityBox .donation_row4 a,
.payByCardPage .checkout .cSection .detailsBox .bottomCharityBox .donation_row4 a {
  color: #007d4a;
}
.checkoutPage .checkout .cSection .paymentFailedMessage,
.orderConfirmationPage .checkout .cSection .paymentFailedMessage,
.orderResponsePage .checkout .cSection .paymentFailedMessage,
.payByCardPage .checkout .cSection .paymentFailedMessage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin: 0 auto 16px;
  background-color: #FAD3D0;
  color: #AE0D25;
  padding: 20px 24px;
  gap: 20px;
  border-radius: 5px;
}
@media screen and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .paymentFailedMessage,
  .orderConfirmationPage .checkout .cSection .paymentFailedMessage,
  .orderResponsePage .checkout .cSection .paymentFailedMessage,
  .payByCardPage .checkout .cSection .paymentFailedMessage {
    max-width: 100%;
  }
}
.checkoutPage .checkout .cSection .paymentFailedMessage svg,
.orderConfirmationPage .checkout .cSection .paymentFailedMessage svg,
.orderResponsePage .checkout .cSection .paymentFailedMessage svg,
.payByCardPage .checkout .cSection .paymentFailedMessage svg {
  margin: 10px 0;
  width: 28px;
  min-width: 28px;
  height: 28px;
}
.checkoutPage .checkout .cSection .paymentFailedMessage h2,
.orderConfirmationPage .checkout .cSection .paymentFailedMessage h2,
.orderResponsePage .checkout .cSection .paymentFailedMessage h2,
.payByCardPage .checkout .cSection .paymentFailedMessage h2 {
  padding: 0;
  margin: 0;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
}
.checkoutPage .checkout .cSection .paymentFailedMessage p,
.orderConfirmationPage .checkout .cSection .paymentFailedMessage p,
.orderResponsePage .checkout .cSection .paymentFailedMessage p,
.payByCardPage .checkout .cSection .paymentFailedMessage p {
  font-size: 16px;
  line-height: 24px;
}
.checkoutPage .checkout .cSection .paymentSection,
.orderConfirmationPage .checkout .cSection .paymentSection,
.orderResponsePage .checkout .cSection .paymentSection,
.payByCardPage .checkout .cSection .paymentSection {
  background-color: white;
  border-radius: 5px;
  border: 1px solid #f8f8f8;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .paymentSection,
  .orderConfirmationPage .checkout .cSection .paymentSection,
  .orderResponsePage .checkout .cSection .paymentSection,
  .payByCardPage .checkout .cSection .paymentSection {
    border: none;
  }
}
.checkoutPage .checkout .cSection .paymentSection .paymentSection1,
.orderConfirmationPage .checkout .cSection .paymentSection .paymentSection1,
.orderResponsePage .checkout .cSection .paymentSection .paymentSection1,
.payByCardPage .checkout .cSection .paymentSection .paymentSection1 {
  margin-bottom: 10px;
}
.checkoutPage .checkout .cSection .paymentSection .paymentSection1 .choosePayment,
.orderConfirmationPage .checkout .cSection .paymentSection .paymentSection1 .choosePayment,
.orderResponsePage .checkout .cSection .paymentSection .paymentSection1 .choosePayment,
.payByCardPage .checkout .cSection .paymentSection .paymentSection1 .choosePayment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #f8f8f8;
}
.checkoutPage .checkout .cSection .paymentSection .paymentSection1 .giftCard,
.orderConfirmationPage .checkout .cSection .paymentSection .paymentSection1 .giftCard,
.orderResponsePage .checkout .cSection .paymentSection .paymentSection1 .giftCard,
.payByCardPage .checkout .cSection .paymentSection .paymentSection1 .giftCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #f8f8f8;
  cursor: pointer;
}
.checkoutPage .checkout .cSection .paymentSection .paymentSection3,
.orderConfirmationPage .checkout .cSection .paymentSection .paymentSection3,
.orderResponsePage .checkout .cSection .paymentSection .paymentSection3,
.payByCardPage .checkout .cSection .paymentSection .paymentSection3 {
  margin-bottom: 10px;
  padding: 0px 5px 10px 0px;
}
.checkoutPage .checkout .cSection .paymentSection .paymentSection3 #prevalidate,
.orderConfirmationPage .checkout .cSection .paymentSection .paymentSection3 #prevalidate,
.orderResponsePage .checkout .cSection .paymentSection .paymentSection3 #prevalidate,
.payByCardPage .checkout .cSection .paymentSection .paymentSection3 #prevalidate {
  margin: 0px 15px;
  width: 95%;
}
.checkoutPage .checkout .cSection .paymentSection .paymentSection4,
.orderConfirmationPage .checkout .cSection .paymentSection .paymentSection4,
.orderResponsePage .checkout .cSection .paymentSection .paymentSection4,
.payByCardPage .checkout .cSection .paymentSection .paymentSection4 {
  padding: 10px;
}
.checkoutPage .checkout .cSection .paymentSection .paymentSection4 .validateError,
.orderConfirmationPage .checkout .cSection .paymentSection .paymentSection4 .validateError,
.orderResponsePage .checkout .cSection .paymentSection .paymentSection4 .validateError,
.payByCardPage .checkout .cSection .paymentSection .paymentSection4 .validateError {
  color: red;
}
.checkoutPage .checkout .cSection .paymentSection .paymentSection2,
.orderConfirmationPage .checkout .cSection .paymentSection .paymentSection2,
.orderResponsePage .checkout .cSection .paymentSection .paymentSection2,
.payByCardPage .checkout .cSection .paymentSection .paymentSection2 {
  width: 95%;
  margin: 0 auto;
  padding-bottom: 5px;
}
.checkoutPage .checkout .cSection .paymentSection .paymentSection5,
.orderConfirmationPage .checkout .cSection .paymentSection .paymentSection5,
.orderResponsePage .checkout .cSection .paymentSection .paymentSection5,
.payByCardPage .checkout .cSection .paymentSection .paymentSection5 {
  color: red;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 30px 0px 20px 10px;
}
.checkoutPage .checkout .cSection .paymentSection .paymentSection5 i,
.orderConfirmationPage .checkout .cSection .paymentSection .paymentSection5 i,
.orderResponsePage .checkout .cSection .paymentSection .paymentSection5 i,
.payByCardPage .checkout .cSection .paymentSection .paymentSection5 i {
  font-size: 20px;
  padding-right: 5px;
  padding-top: 3px;
}
.checkoutPage .checkout .cSection .paymentSection .paymentSection5 p,
.orderConfirmationPage .checkout .cSection .paymentSection .paymentSection5 p,
.orderResponsePage .checkout .cSection .paymentSection .paymentSection5 p,
.payByCardPage .checkout .cSection .paymentSection .paymentSection5 p {
  font-size: 16px;
}
.checkoutPage .checkout .cSection .totalToPay,
.orderConfirmationPage .checkout .cSection .totalToPay,
.orderResponsePage .checkout .cSection .totalToPay,
.payByCardPage .checkout .cSection .totalToPay {
  background-color: white;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #f8f8f8;
  margin: 0 auto;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .totalToPay,
  .orderConfirmationPage .checkout .cSection .totalToPay,
  .orderResponsePage .checkout .cSection .totalToPay,
  .payByCardPage .checkout .cSection .totalToPay {
    border: none;
  }
}
.checkoutPage .checkout .cSection .totalToPay .totalToPay1,
.checkoutPage .checkout .cSection .totalToPay .basketBreakdown,
.orderConfirmationPage .checkout .cSection .totalToPay .totalToPay1,
.orderConfirmationPage .checkout .cSection .totalToPay .basketBreakdown,
.orderResponsePage .checkout .cSection .totalToPay .totalToPay1,
.orderResponsePage .checkout .cSection .totalToPay .basketBreakdown,
.payByCardPage .checkout .cSection .totalToPay .totalToPay1,
.payByCardPage .checkout .cSection .totalToPay .basketBreakdown {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 5px;
}
.checkoutPage .checkout .cSection .totalToPay .totalToPay1 .red,
.checkoutPage .checkout .cSection .totalToPay .basketBreakdown .red,
.orderConfirmationPage .checkout .cSection .totalToPay .totalToPay1 .red,
.orderConfirmationPage .checkout .cSection .totalToPay .basketBreakdown .red,
.orderResponsePage .checkout .cSection .totalToPay .totalToPay1 .red,
.orderResponsePage .checkout .cSection .totalToPay .basketBreakdown .red,
.payByCardPage .checkout .cSection .totalToPay .totalToPay1 .red,
.payByCardPage .checkout .cSection .totalToPay .basketBreakdown .red {
  color: #da102e;
}
.checkoutPage .checkout .cSection .totalToPay .totalToPay1 .totalPayment,
.checkoutPage .checkout .cSection .totalToPay .basketBreakdown .totalPayment,
.orderConfirmationPage .checkout .cSection .totalToPay .totalToPay1 .totalPayment,
.orderConfirmationPage .checkout .cSection .totalToPay .basketBreakdown .totalPayment,
.orderResponsePage .checkout .cSection .totalToPay .totalToPay1 .totalPayment,
.orderResponsePage .checkout .cSection .totalToPay .basketBreakdown .totalPayment,
.payByCardPage .checkout .cSection .totalToPay .totalToPay1 .totalPayment,
.payByCardPage .checkout .cSection .totalToPay .basketBreakdown .totalPayment {
  color: #007d4a;
}
.checkoutPage .checkout .cSection .totalToPay .basketBreakdown,
.orderConfirmationPage .checkout .cSection .totalToPay .basketBreakdown,
.orderResponsePage .checkout .cSection .totalToPay .basketBreakdown,
.payByCardPage .checkout .cSection .totalToPay .basketBreakdown {
  display: none;
}
.checkoutPage .checkout .cSection .totalToPay .totalToPay2,
.orderConfirmationPage .checkout .cSection .totalToPay .totalToPay2,
.orderResponsePage .checkout .cSection .totalToPay .totalToPay2,
.payByCardPage .checkout .cSection .totalToPay .totalToPay2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.checkoutPage .checkout .cSection .totalToPay .totalToPay2 a,
.orderConfirmationPage .checkout .cSection .totalToPay .totalToPay2 a,
.orderResponsePage .checkout .cSection .totalToPay .totalToPay2 a,
.payByCardPage .checkout .cSection .totalToPay .totalToPay2 a {
  width: 100%;
}
.checkoutPage .checkout .cSection .totalToPay .totalToPay2 a button,
.orderConfirmationPage .checkout .cSection .totalToPay .totalToPay2 a button,
.orderResponsePage .checkout .cSection .totalToPay .totalToPay2 a button,
.payByCardPage .checkout .cSection .totalToPay .totalToPay2 a button {
  width: 100%;
  background-color: #707070;
}
.checkoutPage .checkout .cSection .totalToPay button,
.orderConfirmationPage .checkout .cSection .totalToPay button,
.orderResponsePage .checkout .cSection .totalToPay button,
.payByCardPage .checkout .cSection .totalToPay button {
  border: none;
  border-radius: 5px;
  /*padding: 9px 87px;*/
  color: white;
  font-size: bold;
  height: 40px;
}
.checkoutPage .checkout .cSection .totalToPay #btnPayCash:hover,
.orderConfirmationPage .checkout .cSection .totalToPay #btnPayCash:hover,
.orderResponsePage .checkout .cSection .totalToPay #btnPayCash:hover,
.payByCardPage .checkout .cSection .totalToPay #btnPayCash:hover {
  background-color: #ed8b00;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
}
.checkoutPage .checkout .cSection .totalToPay #PayByBank iframe,
.orderConfirmationPage .checkout .cSection .totalToPay #PayByBank iframe,
.orderResponsePage .checkout .cSection .totalToPay #PayByBank iframe,
.payByCardPage .checkout .cSection .totalToPay #PayByBank iframe {
  border: 0;
}
.checkoutPage .checkout .cSection .payButtons,
.orderConfirmationPage .checkout .cSection .payButtons,
.orderResponsePage .checkout .cSection .payButtons,
.payByCardPage .checkout .cSection .payButtons {
  width: 100%;
  margin: 0;
}
.checkoutPage .checkout .cSection .payButtons #BraintreePayPal,
.orderConfirmationPage .checkout .cSection .payButtons #BraintreePayPal,
.orderResponsePage .checkout .cSection .payButtons #BraintreePayPal,
.payByCardPage .checkout .cSection .payButtons #BraintreePayPal {
  text-align: center;
}
.checkoutPage .checkout .cSection .payButtons #BraintreePayPal .paypal-buttons,
.orderConfirmationPage .checkout .cSection .payButtons #BraintreePayPal .paypal-buttons,
.orderResponsePage .checkout .cSection .payButtons #BraintreePayPal .paypal-buttons,
.payByCardPage .checkout .cSection .payButtons #BraintreePayPal .paypal-buttons {
  max-width: 750px;
}
.checkoutPage .checkout .cSection p,
.orderConfirmationPage .checkout .cSection p,
.orderResponsePage .checkout .cSection p,
.payByCardPage .checkout .cSection p {
  margin-bottom: 0;
  line-height: 1.1;
}
.checkoutPage .checkout .cSection input[type=number]#phoneNumber::-webkit-inner-spin-button,
.checkoutPage .checkout .cSection input[type=number]#phoneNumber::-webkit-outer-spin-button,
.orderConfirmationPage .checkout .cSection input[type=number]#phoneNumber::-webkit-inner-spin-button,
.orderConfirmationPage .checkout .cSection input[type=number]#phoneNumber::-webkit-outer-spin-button,
.orderResponsePage .checkout .cSection input[type=number]#phoneNumber::-webkit-inner-spin-button,
.orderResponsePage .checkout .cSection input[type=number]#phoneNumber::-webkit-outer-spin-button,
.payByCardPage .checkout .cSection input[type=number]#phoneNumber::-webkit-inner-spin-button,
.payByCardPage .checkout .cSection input[type=number]#phoneNumber::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.checkoutPage .checkout .cSection input:-webkit-autofill,
.orderConfirmationPage .checkout .cSection input:-webkit-autofill,
.orderResponsePage .checkout .cSection input:-webkit-autofill,
.payByCardPage .checkout .cSection input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.checkoutPage .checkout .cSection .form-group,
.orderConfirmationPage .checkout .cSection .form-group,
.orderResponsePage .checkout .cSection .form-group,
.payByCardPage .checkout .cSection .form-group {
  position: relative;
  margin-bottom: 5px;
}
.checkoutPage .checkout .cSection h2,
.orderConfirmationPage .checkout .cSection h2,
.orderResponsePage .checkout .cSection h2,
.payByCardPage .checkout .cSection h2 {
  padding-left: 2px;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
  padding-top: 10px;
}
.checkoutPage .checkout .cSection .form-group input,
.checkoutPage .checkout .cSection .form-group select,
.orderConfirmationPage .checkout .cSection .form-group input,
.orderConfirmationPage .checkout .cSection .form-group select,
.orderResponsePage .checkout .cSection .form-group input,
.orderResponsePage .checkout .cSection .form-group select,
.payByCardPage .checkout .cSection .form-group input,
.payByCardPage .checkout .cSection .form-group select {
  border-color: #dbdbdb;
}
.checkoutPage .checkout .cSection .form-group input::-webkit-input-placeholder, .checkoutPage .checkout .cSection .form-group select::-webkit-input-placeholder, .orderConfirmationPage .checkout .cSection .form-group input::-webkit-input-placeholder, .orderConfirmationPage .checkout .cSection .form-group select::-webkit-input-placeholder, .orderResponsePage .checkout .cSection .form-group input::-webkit-input-placeholder, .orderResponsePage .checkout .cSection .form-group select::-webkit-input-placeholder, .payByCardPage .checkout .cSection .form-group input::-webkit-input-placeholder, .payByCardPage .checkout .cSection .form-group select::-webkit-input-placeholder {
  color: #dbdbdb;
  font-weight: normal;
}
.checkoutPage .checkout .cSection .form-group input::-moz-placeholder, .checkoutPage .checkout .cSection .form-group select::-moz-placeholder, .orderConfirmationPage .checkout .cSection .form-group input::-moz-placeholder, .orderConfirmationPage .checkout .cSection .form-group select::-moz-placeholder, .orderResponsePage .checkout .cSection .form-group input::-moz-placeholder, .orderResponsePage .checkout .cSection .form-group select::-moz-placeholder, .payByCardPage .checkout .cSection .form-group input::-moz-placeholder, .payByCardPage .checkout .cSection .form-group select::-moz-placeholder {
  color: #dbdbdb;
  font-weight: normal;
}
.checkoutPage .checkout .cSection .form-group input:-ms-input-placeholder, .checkoutPage .checkout .cSection .form-group select:-ms-input-placeholder, .orderConfirmationPage .checkout .cSection .form-group input:-ms-input-placeholder, .orderConfirmationPage .checkout .cSection .form-group select:-ms-input-placeholder, .orderResponsePage .checkout .cSection .form-group input:-ms-input-placeholder, .orderResponsePage .checkout .cSection .form-group select:-ms-input-placeholder, .payByCardPage .checkout .cSection .form-group input:-ms-input-placeholder, .payByCardPage .checkout .cSection .form-group select:-ms-input-placeholder {
  color: #dbdbdb;
  font-weight: normal;
}
.checkoutPage .checkout .cSection .form-group input::-ms-input-placeholder, .checkoutPage .checkout .cSection .form-group select::-ms-input-placeholder, .orderConfirmationPage .checkout .cSection .form-group input::-ms-input-placeholder, .orderConfirmationPage .checkout .cSection .form-group select::-ms-input-placeholder, .orderResponsePage .checkout .cSection .form-group input::-ms-input-placeholder, .orderResponsePage .checkout .cSection .form-group select::-ms-input-placeholder, .payByCardPage .checkout .cSection .form-group input::-ms-input-placeholder, .payByCardPage .checkout .cSection .form-group select::-ms-input-placeholder {
  color: #dbdbdb;
  font-weight: normal;
}
.checkoutPage .checkout .cSection .form-group input::placeholder,
.checkoutPage .checkout .cSection .form-group select::placeholder,
.orderConfirmationPage .checkout .cSection .form-group input::placeholder,
.orderConfirmationPage .checkout .cSection .form-group select::placeholder,
.orderResponsePage .checkout .cSection .form-group input::placeholder,
.orderResponsePage .checkout .cSection .form-group select::placeholder,
.payByCardPage .checkout .cSection .form-group input::placeholder,
.payByCardPage .checkout .cSection .form-group select::placeholder {
  color: #dbdbdb;
  font-weight: normal;
}
.checkoutPage .checkout .cSection .form-group input:hover,
.checkoutPage .checkout .cSection .form-group select:hover,
.orderConfirmationPage .checkout .cSection .form-group input:hover,
.orderConfirmationPage .checkout .cSection .form-group select:hover,
.orderResponsePage .checkout .cSection .form-group input:hover,
.orderResponsePage .checkout .cSection .form-group select:hover,
.payByCardPage .checkout .cSection .form-group input:hover,
.payByCardPage .checkout .cSection .form-group select:hover {
  border-color: #ed8b00;
}
.checkoutPage .checkout .cSection.noLateral,
.orderConfirmationPage .checkout .cSection.noLateral,
.orderResponsePage .checkout .cSection.noLateral,
.payByCardPage .checkout .cSection.noLateral {
  border-width: 0;
  padding: 0;
}
.checkoutPage .checkout .cSection.noLateral.noborderbg,
.orderConfirmationPage .checkout .cSection.noLateral.noborderbg,
.orderResponsePage .checkout .cSection.noLateral.noborderbg,
.payByCardPage .checkout .cSection.noLateral.noborderbg {
  border-radius: 0;
  border-color: transparent;
  background-color: transparent;
}
@media only screen and (min-width: 1200px) {
  .checkoutPage .checkout .cSection.noLateral.noborderbg,
  .orderConfirmationPage .checkout .cSection.noLateral.noborderbg,
  .orderResponsePage .checkout .cSection.noLateral.noborderbg,
  .payByCardPage .checkout .cSection.noLateral.noborderbg {
    margin: 0 auto;
  }
}
.checkoutPage .checkout .cSection.noLateral .iconSpace,
.orderConfirmationPage .checkout .cSection.noLateral .iconSpace,
.orderResponsePage .checkout .cSection.noLateral .iconSpace,
.payByCardPage .checkout .cSection.noLateral .iconSpace {
  padding: 3px 10px;
}
.checkoutPage .checkout .cSection.noLateral .deliveryLoc,
.orderConfirmationPage .checkout .cSection.noLateral .deliveryLoc,
.orderResponsePage .checkout .cSection.noLateral .deliveryLoc,
.payByCardPage .checkout .cSection.noLateral .deliveryLoc {
  background-color: #fff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 4px 0;
  border-bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkoutPage .checkout .cSection.noLateral .deliveryLoc input,
.orderConfirmationPage .checkout .cSection.noLateral .deliveryLoc input,
.orderResponsePage .checkout .cSection.noLateral .deliveryLoc input,
.payByCardPage .checkout .cSection.noLateral .deliveryLoc input {
  padding-left: 0;
}
.checkoutPage .checkout .cSection.noLateral .deliveryLoc input:disabled,
.orderConfirmationPage .checkout .cSection.noLateral .deliveryLoc input:disabled,
.orderResponsePage .checkout .cSection.noLateral .deliveryLoc input:disabled,
.payByCardPage .checkout .cSection.noLateral .deliveryLoc input:disabled {
  background-color: transparent;
}
.checkoutPage .checkout .cSection.noLateral .deliveryLoc .iconSpace,
.orderConfirmationPage .checkout .cSection.noLateral .deliveryLoc .iconSpace,
.orderResponsePage .checkout .cSection.noLateral .deliveryLoc .iconSpace,
.payByCardPage .checkout .cSection.noLateral .deliveryLoc .iconSpace {
  min-width: 40px;
  text-align: center;
}
.checkoutPage .checkout .cSection.noLateral .deliveryLoc .inputBox input,
.orderConfirmationPage .checkout .cSection.noLateral .deliveryLoc .inputBox input,
.orderResponsePage .checkout .cSection.noLateral .deliveryLoc .inputBox input,
.payByCardPage .checkout .cSection.noLateral .deliveryLoc .inputBox input {
  border: 0;
}
.checkoutPage .checkout .cSection.noLateral .deliveroTime,
.orderConfirmationPage .checkout .cSection.noLateral .deliveroTime,
.orderResponsePage .checkout .cSection.noLateral .deliveroTime,
.payByCardPage .checkout .cSection.noLateral .deliveroTime {
  background-color: #fff;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 4px 0;
  border-top: 1px solid #f8f8f8;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkoutPage .checkout .cSection.noLateral .deliveroTime .delivTimeButton,
.orderConfirmationPage .checkout .cSection.noLateral .deliveroTime .delivTimeButton,
.orderResponsePage .checkout .cSection.noLateral .deliveroTime .delivTimeButton,
.payByCardPage .checkout .cSection.noLateral .deliveroTime .delivTimeButton {
  padding: 0;
  font-weight: bold;
  border: 0;
  background: transparent;
  color: #007d4a;
  cursor: pointer;
}
.checkoutPage .checkout .cSection.noLateral .deliveroTime .iconSpace,
.orderConfirmationPage .checkout .cSection.noLateral .deliveroTime .iconSpace,
.orderResponsePage .checkout .cSection.noLateral .deliveroTime .iconSpace,
.payByCardPage .checkout .cSection.noLateral .deliveroTime .iconSpace {
  min-width: 40px;
  text-align: center;
}
.checkoutPage .checkout .cSection.noLateral .deliveroTime label,
.orderConfirmationPage .checkout .cSection.noLateral .deliveroTime label,
.orderResponsePage .checkout .cSection.noLateral .deliveroTime label,
.payByCardPage .checkout .cSection.noLateral .deliveroTime label {
  margin: 0;
  cursor: pointer;
}
.checkoutPage .checkout .cSection.noLateral .deliveroTime .inputBox,
.orderConfirmationPage .checkout .cSection.noLateral .deliveroTime .inputBox,
.orderResponsePage .checkout .cSection.noLateral .deliveroTime .inputBox,
.payByCardPage .checkout .cSection.noLateral .deliveroTime .inputBox {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-decoration: none;
  color: #1c1c1c;
}
.checkoutPage .checkout .cSection.noLateral .deliveroTime .inputBox:hover,
.orderConfirmationPage .checkout .cSection.noLateral .deliveroTime .inputBox:hover,
.orderResponsePage .checkout .cSection.noLateral .deliveroTime .inputBox:hover,
.payByCardPage .checkout .cSection.noLateral .deliveroTime .inputBox:hover {
  text-decoration: none;
  color: #007d4a;
}
.checkoutPage .checkout .cSection.noLateral .deliveroTime .inputBox input,
.orderConfirmationPage .checkout .cSection.noLateral .deliveroTime .inputBox input,
.orderResponsePage .checkout .cSection.noLateral .deliveroTime .inputBox input,
.payByCardPage .checkout .cSection.noLateral .deliveroTime .inputBox input {
  border: 0;
  padding: 1px 10px;
}
.checkoutPage .checkout .cSection .form-group.pwbox h4,
.orderConfirmationPage .checkout .cSection .form-group.pwbox h4,
.orderResponsePage .checkout .cSection .form-group.pwbox h4,
.payByCardPage .checkout .cSection .form-group.pwbox h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0px;
}
.checkoutPage .checkout .cSection .form-group.pwbox p,
.orderConfirmationPage .checkout .cSection .form-group.pwbox p,
.orderResponsePage .checkout .cSection .form-group.pwbox p,
.payByCardPage .checkout .cSection .form-group.pwbox p {
  font-size: 16px;
  margin-bottom: 5px;
}
.checkoutPage .checkout .cSection .form-group.pwbox p.valError,
.orderConfirmationPage .checkout .cSection .form-group.pwbox p.valError,
.orderResponsePage .checkout .cSection .form-group.pwbox p.valError,
.payByCardPage .checkout .cSection .form-group.pwbox p.valError {
  font-size: 12px;
}
.checkoutPage .checkout .cSection .form-group.pwbox p .lowerChar,
.orderConfirmationPage .checkout .cSection .form-group.pwbox p .lowerChar,
.orderResponsePage .checkout .cSection .form-group.pwbox p .lowerChar,
.payByCardPage .checkout .cSection .form-group.pwbox p .lowerChar {
  color: red;
}
.checkoutPage .checkout .cSection .form-group.pwbox p .upperChar,
.orderConfirmationPage .checkout .cSection .form-group.pwbox p .upperChar,
.orderResponsePage .checkout .cSection .form-group.pwbox p .upperChar,
.payByCardPage .checkout .cSection .form-group.pwbox p .upperChar {
  color: red;
}
.checkoutPage .checkout .cSection .form-group.pwbox p .numberChar,
.orderConfirmationPage .checkout .cSection .form-group.pwbox p .numberChar,
.orderResponsePage .checkout .cSection .form-group.pwbox p .numberChar,
.payByCardPage .checkout .cSection .form-group.pwbox p .numberChar {
  color: red;
}
.checkoutPage .checkout .cSection .form-group.pwbox p .passLength,
.orderConfirmationPage .checkout .cSection .form-group.pwbox p .passLength,
.orderResponsePage .checkout .cSection .form-group.pwbox p .passLength,
.payByCardPage .checkout .cSection .form-group.pwbox p .passLength {
  color: red;
}
.checkoutPage .checkout .cSection .form-group.pwbox .inputPwBox,
.orderConfirmationPage .checkout .cSection .form-group.pwbox .inputPwBox,
.orderResponsePage .checkout .cSection .form-group.pwbox .inputPwBox,
.payByCardPage .checkout .cSection .form-group.pwbox .inputPwBox {
  position: relative;
  margin: 10px 0 10px 0;
}
.checkoutPage .checkout .cSection .form-group.pwbox .inputPwBox input,
.orderConfirmationPage .checkout .cSection .form-group.pwbox .inputPwBox input,
.orderResponsePage .checkout .cSection .form-group.pwbox .inputPwBox input,
.payByCardPage .checkout .cSection .form-group.pwbox .inputPwBox input {
  padding: 10px 60px 10px 5px;
  border-radius: 5px;
  width: 100%;
  height: 40px;
}
.checkoutPage .checkout .cSection .form-group.pwbox .inputPwBox button,
.orderConfirmationPage .checkout .cSection .form-group.pwbox .inputPwBox button,
.orderResponsePage .checkout .cSection .form-group.pwbox .inputPwBox button,
.payByCardPage .checkout .cSection .form-group.pwbox .inputPwBox button {
  position: absolute;
  top: 0;
  right: 25px;
  height: 40px;
  width: 40px;
  background: none;
  border: 1px solid transparent;
  text-align: center;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #007d4a;
}
.checkoutPage .checkout .cSection .form-group.pwbox .inputPwBox button .fa-eye-slash,
.orderConfirmationPage .checkout .cSection .form-group.pwbox .inputPwBox button .fa-eye-slash,
.orderResponsePage .checkout .cSection .form-group.pwbox .inputPwBox button .fa-eye-slash,
.payByCardPage .checkout .cSection .form-group.pwbox .inputPwBox button .fa-eye-slash {
  color: #cccccc;
}
.checkoutPage .checkout .cSection .form-group.pwbox .inputPwBox button:focus,
.orderConfirmationPage .checkout .cSection .form-group.pwbox .inputPwBox button:focus,
.orderResponsePage .checkout .cSection .form-group.pwbox .inputPwBox button:focus,
.payByCardPage .checkout .cSection .form-group.pwbox .inputPwBox button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.checkoutPage .checkout .cSection .form-group.pwbox .inputPwBox button:not(.active) i:nth-of-type(2),
.orderConfirmationPage .checkout .cSection .form-group.pwbox .inputPwBox button:not(.active) i:nth-of-type(2),
.orderResponsePage .checkout .cSection .form-group.pwbox .inputPwBox button:not(.active) i:nth-of-type(2),
.payByCardPage .checkout .cSection .form-group.pwbox .inputPwBox button:not(.active) i:nth-of-type(2) {
  display: none;
}
.checkoutPage .checkout .cSection .form-group.pwbox .inputPwBox button.active i:first-of-type,
.orderConfirmationPage .checkout .cSection .form-group.pwbox .inputPwBox button.active i:first-of-type,
.orderResponsePage .checkout .cSection .form-group.pwbox .inputPwBox button.active i:first-of-type,
.payByCardPage .checkout .cSection .form-group.pwbox .inputPwBox button.active i:first-of-type {
  display: none;
}
.checkoutPage .checkout .cSection .registerBox7,
.orderConfirmationPage .checkout .cSection .registerBox7,
.orderResponsePage .checkout .cSection .registerBox7,
.payByCardPage .checkout .cSection .registerBox7 {
  margin-top: 20px;
}
.checkoutPage .checkout .cSection .registerBox7 p,
.orderConfirmationPage .checkout .cSection .registerBox7 p,
.orderResponsePage .checkout .cSection .registerBox7 p,
.payByCardPage .checkout .cSection .registerBox7 p {
  text-align: left;
  margin-left: 20px;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox1,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox1,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox1,
.payByCardPage .checkout .cSection .registerBox7 .checkBox1 {
  display: inline-block;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper,
.payByCardPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper p,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper p,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper p,
.payByCardPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper p {
  padding-top: 12px;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper input,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper input,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper input,
.payByCardPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox1 .checkmark,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox1 .checkmark,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox1 .checkmark,
.payByCardPage .checkout .cSection .registerBox7 .checkBox1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .registerBox7 .checkBox1 .checkmark,
  .orderConfirmationPage .checkout .cSection .registerBox7 .checkBox1 .checkmark,
  .orderResponsePage .checkout .cSection .registerBox7 .checkBox1 .checkmark,
  .payByCardPage .checkout .cSection .registerBox7 .checkBox1 .checkmark {
    background-color: #fff;
  }
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark,
.payByCardPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark,
.payByCardPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox1 .checkmark:after,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox1 .checkmark:after,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox1 .checkmark:after,
.payByCardPage .checkout .cSection .registerBox7 .checkBox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after,
.payByCardPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper .checkmark:after,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper .checkmark:after,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper .checkmark:after,
.payByCardPage .checkout .cSection .registerBox7 .checkBox1 .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox2,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox2,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox2,
.payByCardPage .checkout .cSection .registerBox7 .checkBox2 {
  display: inline-block;
  margin-left: 80px;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper,
.payByCardPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper p,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper p,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper p,
.payByCardPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper p {
  padding-top: 12px;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper input,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper input,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper input,
.payByCardPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox2 .checkmark,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox2 .checkmark,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox2 .checkmark,
.payByCardPage .checkout .cSection .registerBox7 .checkBox2 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .cSection .registerBox7 .checkBox2 .checkmark,
  .orderConfirmationPage .checkout .cSection .registerBox7 .checkBox2 .checkmark,
  .orderResponsePage .checkout .cSection .registerBox7 .checkBox2 .checkmark,
  .payByCardPage .checkout .cSection .registerBox7 .checkBox2 .checkmark {
    background-color: #fff;
  }
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper:hover input ~ .checkmark,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper:hover input ~ .checkmark,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper:hover input ~ .checkmark,
.payByCardPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper input:checked ~ .checkmark,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper input:checked ~ .checkmark,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper input:checked ~ .checkmark,
.payByCardPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox2 .checkmark:after,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox2 .checkmark:after,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox2 .checkmark:after,
.payByCardPage .checkout .cSection .registerBox7 .checkBox2 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper input:checked ~ .checkmark:after,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper input:checked ~ .checkmark:after,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper input:checked ~ .checkmark:after,
.payByCardPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.checkoutPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper .checkmark:after,
.orderConfirmationPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper .checkmark:after,
.orderResponsePage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper .checkmark:after,
.payByCardPage .checkout .cSection .registerBox7 .checkBox2 .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.checkoutPage .checkout .cSection.errorBox,
.orderConfirmationPage .checkout .cSection.errorBox,
.orderResponsePage .checkout .cSection.errorBox,
.payByCardPage .checkout .cSection.errorBox {
  background-color: #e42313;
  color: #fff;
  text-align: center;
}
.checkoutPage .checkout .payOption,
.orderConfirmationPage .checkout .payOption,
.orderResponsePage .checkout .payOption,
.payByCardPage .checkout .payOption {
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #dbdbdb;
  margin-bottom: 10px;
  height: 40px;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1px 15px 1px 15px;
  line-height: 1;
  font-size: 1.1rem;
  color: #1c1c1c;
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.checkoutPage .checkout .payOption:before,
.orderConfirmationPage .checkout .payOption:before,
.orderResponsePage .checkout .payOption:before,
.payByCardPage .checkout .payOption:before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  max-width: 0;
  overflow: hidden;
  text-align: center;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  font-size: 14px;
  background-color: #007d4a;
}
.checkoutPage .checkout .payOption .payPal,
.orderConfirmationPage .checkout .payOption .payPal,
.orderResponsePage .checkout .payOption .payPal,
.payByCardPage .checkout .payOption .payPal {
  height: 25px;
  width: auto;
}
.checkoutPage .checkout .payOption .cardOptions,
.orderConfirmationPage .checkout .payOption .cardOptions,
.orderResponsePage .checkout .payOption .cardOptions,
.payByCardPage .checkout .payOption .cardOptions {
  height: 25px;
  width: auto;
}
.checkoutPage .checkout .payOption .fa-play,
.orderConfirmationPage .checkout .payOption .fa-play,
.orderResponsePage .checkout .payOption .fa-play,
.payByCardPage .checkout .payOption .fa-play {
  font-size: 1.2rem;
  margin-right: 5px;
}
.checkoutPage .checkout .payOption.active,
.orderConfirmationPage .checkout .payOption.active,
.orderResponsePage .checkout .payOption.active,
.payByCardPage .checkout .payOption.active {
  border-color: #007d4a;
  padding-left: 30px;
}
.checkoutPage .checkout .payOption.active:hover,
.orderConfirmationPage .checkout .payOption.active:hover,
.orderResponsePage .checkout .payOption.active:hover,
.payByCardPage .checkout .payOption.active:hover {
  border-color: #007d4a;
}
.checkoutPage .checkout .payOption.active:before,
.orderConfirmationPage .checkout .payOption.active:before,
.orderResponsePage .checkout .payOption.active:before,
.payByCardPage .checkout .payOption.active:before {
  padding: 0 6px;
  max-width: 50px;
}
.checkoutPage .checkout .payOption.cardArea,
.orderConfirmationPage .checkout .payOption.cardArea,
.orderResponsePage .checkout .payOption.cardArea,
.payByCardPage .checkout .payOption.cardArea {
  margin: 0;
  border-radius: 5px 5px 0 0;
  border-bottom: none;
}
.checkoutPage .checkout .payOption i,
.orderConfirmationPage .checkout .payOption i,
.orderResponsePage .checkout .payOption i,
.payByCardPage .checkout .payOption i {
  font-size: 1.6rem;
}
.checkoutPage .checkout .payOption:hover,
.orderConfirmationPage .checkout .payOption:hover,
.orderResponsePage .checkout .payOption:hover,
.payByCardPage .checkout .payOption:hover {
  border-color: #ed8b00;
}
.checkoutPage .checkout .moreOptionsToPaySection__buttonWrapper,
.orderConfirmationPage .checkout .moreOptionsToPaySection__buttonWrapper,
.orderResponsePage .checkout .moreOptionsToPaySection__buttonWrapper,
.payByCardPage .checkout .moreOptionsToPaySection__buttonWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 0.5625rem;
  padding-bottom: 0.9375rem;
}
.checkoutPage .checkout .moreOptionsToPaySection__button,
.orderConfirmationPage .checkout .moreOptionsToPaySection__button,
.orderResponsePage .checkout .moreOptionsToPaySection__button,
.payByCardPage .checkout .moreOptionsToPaySection__button {
  border: none;
  background-color: transparent;
  color: #007A53;
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  cursor: pointer;
}
.checkoutPage .checkout .payButtons > div:not(.active),
.orderConfirmationPage .checkout .payButtons > div:not(.active),
.orderResponsePage .checkout .payButtons > div:not(.active),
.payByCardPage .checkout .payButtons > div:not(.active) {
  display: none;
}
.checkoutPage .checkout .notificationBox,
.orderConfirmationPage .checkout .notificationBox,
.orderResponsePage .checkout .notificationBox,
.payByCardPage .checkout .notificationBox {
  width: 66%;
  margin: 0 auto;
}
.checkoutPage .checkout .infoBoxCC,
.orderConfirmationPage .checkout .infoBoxCC,
.orderResponsePage .checkout .infoBoxCC,
.payByCardPage .checkout .infoBoxCC {
  font-size: 85%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 15px 0;
}
.checkoutPage .checkout .infoBoxCC .iconSpace,
.orderConfirmationPage .checkout .infoBoxCC .iconSpace,
.orderResponsePage .checkout .infoBoxCC .iconSpace,
.payByCardPage .checkout .infoBoxCC .iconSpace {
  margin-right: 0px;
}
.checkoutPage .checkout .infoBoxCC .iconSpace i,
.orderConfirmationPage .checkout .infoBoxCC .iconSpace i,
.orderResponsePage .checkout .infoBoxCC .iconSpace i,
.payByCardPage .checkout .infoBoxCC .iconSpace i {
  font-size: 16px;
  color: #d8d8d8;
}
.checkoutPage .checkout .penniesCheck .duo,
.orderConfirmationPage .checkout .penniesCheck .duo,
.orderResponsePage .checkout .penniesCheck .duo,
.payByCardPage .checkout .penniesCheck .duo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.checkoutPage .checkout .penniesCheck .duo > div:first-of-type,
.orderConfirmationPage .checkout .penniesCheck .duo > div:first-of-type,
.orderResponsePage .checkout .penniesCheck .duo > div:first-of-type,
.payByCardPage .checkout .penniesCheck .duo > div:first-of-type {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.checkoutPage .checkout .penniesCheck .duo .pennies,
.orderConfirmationPage .checkout .penniesCheck .duo .pennies,
.orderResponsePage .checkout .penniesCheck .duo .pennies,
.payByCardPage .checkout .penniesCheck .duo .pennies {
  width: 60px;
}
.checkoutPage .checkout .penniesCheck .duo .pennies img,
.orderConfirmationPage .checkout .penniesCheck .duo .pennies img,
.orderResponsePage .checkout .penniesCheck .duo .pennies img,
.payByCardPage .checkout .penniesCheck .duo .pennies img {
  max-width: 100%;
  margin-top: -8px;
}
.checkoutPage .checkout .newUser,
.orderConfirmationPage .checkout .newUser,
.orderResponsePage .checkout .newUser,
.payByCardPage .checkout .newUser {
  padding: 1rem;
  background-color: white;
}
.checkoutPage .checkout .invalidPwBox,
.orderConfirmationPage .checkout .invalidPwBox,
.orderResponsePage .checkout .invalidPwBox,
.payByCardPage .checkout .invalidPwBox {
  background-color: #f3d03e;
  color: #000;
  text-align: center;
  padding: 10px 5px;
  position: relative;
  z-index: 3;
}
.checkoutPage .checkout .invalidPwBox p,
.orderConfirmationPage .checkout .invalidPwBox p,
.orderResponsePage .checkout .invalidPwBox p,
.payByCardPage .checkout .invalidPwBox p {
  margin: 0;
}
.checkoutPage .checkout .grayarrow,
.checkoutPage .checkout .cwhitearrow,
.orderConfirmationPage .checkout .grayarrow,
.orderConfirmationPage .checkout .cwhitearrow,
.orderResponsePage .checkout .grayarrow,
.orderResponsePage .checkout .cwhitearrow,
.payByCardPage .checkout .grayarrow,
.payByCardPage .checkout .cwhitearrow {
  vertical-align: top;
  width: 100%;
  height: auto;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  .checkoutPage .checkout .grayarrow,
  .checkoutPage .checkout .cwhitearrow,
  .orderConfirmationPage .checkout .grayarrow,
  .orderConfirmationPage .checkout .cwhitearrow,
  .orderResponsePage .checkout .grayarrow,
  .orderResponsePage .checkout .cwhitearrow,
  .payByCardPage .checkout .grayarrow,
  .payByCardPage .checkout .cwhitearrow {
    display: none;
  }
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout,
  .orderConfirmationPage .checkout,
  .orderResponsePage .checkout,
  .payByCardPage .checkout {
    max-width: 100%;
    width: 100%;
    background: url("../images/marble_bg.jpg");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
  }
  .checkoutPage .checkout h2.mt-4,
  .orderConfirmationPage .checkout h2.mt-4,
  .orderResponsePage .checkout h2.mt-4,
  .payByCardPage .checkout h2.mt-4 {
    margin-top: 0 !important;
  }
  .checkoutPage .checkout .whiteWrap,
  .orderConfirmationPage .checkout .whiteWrap,
  .orderResponsePage .checkout .whiteWrap,
  .payByCardPage .checkout .whiteWrap {
    position: relative;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 15px;
  }
  .checkoutPage .checkout .whiteWrap .totalToPay,
  .orderConfirmationPage .checkout .whiteWrap .totalToPay,
  .orderResponsePage .checkout .whiteWrap .totalToPay,
  .payByCardPage .checkout .whiteWrap .totalToPay {
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
    width: 100%;
  }
  .checkoutPage .checkout .whiteWrap .totalToPay .totalToPay1,
  .orderConfirmationPage .checkout .whiteWrap .totalToPay .totalToPay1,
  .orderResponsePage .checkout .whiteWrap .totalToPay .totalToPay1,
  .payByCardPage .checkout .whiteWrap .totalToPay .totalToPay1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 5px;
  }
  .checkoutPage .checkout .whiteWrap .totalToPay .totalToPay2,
  .orderConfirmationPage .checkout .whiteWrap .totalToPay .totalToPay2,
  .orderResponsePage .checkout .whiteWrap .totalToPay .totalToPay2,
  .payByCardPage .checkout .whiteWrap .totalToPay .totalToPay2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .checkoutPage .checkout .whiteWrap .totalToPay button,
  .orderConfirmationPage .checkout .whiteWrap .totalToPay button,
  .orderResponsePage .checkout .whiteWrap .totalToPay button,
  .payByCardPage .checkout .whiteWrap .totalToPay button {
    border: none;
    border-radius: 5px;
    /*padding: 9px;*/
    color: white;
    font-size: bold;
  }
  .checkoutPage .checkout .whiteWrap.arrow .detailsBox,
  .orderConfirmationPage .checkout .whiteWrap.arrow .detailsBox,
  .orderResponsePage .checkout .whiteWrap.arrow .detailsBox,
  .payByCardPage .checkout .whiteWrap.arrow .detailsBox {
    background-color: white;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
    width: 100%;
  }
  .checkoutPage .checkout .whiteWrap.arrow .paymentSection,
  .orderConfirmationPage .checkout .whiteWrap.arrow .paymentSection,
  .orderResponsePage .checkout .whiteWrap.arrow .paymentSection,
  .payByCardPage .checkout .whiteWrap.arrow .paymentSection {
    background-color: white;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
    width: 100%;
  }
  .checkoutPage .checkout .whiteWrap.arrow .paymentSection .paymentSection1,
  .orderConfirmationPage .checkout .whiteWrap.arrow .paymentSection .paymentSection1,
  .orderResponsePage .checkout .whiteWrap.arrow .paymentSection .paymentSection1,
  .payByCardPage .checkout .whiteWrap.arrow .paymentSection .paymentSection1 {
    margin-bottom: 10px;
  }
  .checkoutPage .checkout .whiteWrap.arrow .paymentSection .paymentSection1 .choosePayment,
  .orderConfirmationPage .checkout .whiteWrap.arrow .paymentSection .paymentSection1 .choosePayment,
  .orderResponsePage .checkout .whiteWrap.arrow .paymentSection .paymentSection1 .choosePayment,
  .payByCardPage .checkout .whiteWrap.arrow .paymentSection .paymentSection1 .choosePayment {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #f8f8f8;
  }
  .checkoutPage .checkout .whiteWrap.arrow .paymentSection .paymentSection1 .giftCard,
  .orderConfirmationPage .checkout .whiteWrap.arrow .paymentSection .paymentSection1 .giftCard,
  .orderResponsePage .checkout .whiteWrap.arrow .paymentSection .paymentSection1 .giftCard,
  .payByCardPage .checkout .whiteWrap.arrow .paymentSection .paymentSection1 .giftCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px;
    border-bottom: 1px solid #f8f8f8;
  }
  .checkoutPage .checkout .whiteWrap.arrow .paymentSection .paymentSection2,
  .orderConfirmationPage .checkout .whiteWrap.arrow .paymentSection .paymentSection2,
  .orderResponsePage .checkout .whiteWrap.arrow .paymentSection .paymentSection2,
  .payByCardPage .checkout .whiteWrap.arrow .paymentSection .paymentSection2 {
    width: 95%;
    margin: 0 auto;
    padding-bottom: 5px;
  }
  .checkoutPage .checkout .grayWrap.arrow,
  .orderConfirmationPage .checkout .grayWrap.arrow,
  .orderResponsePage .checkout .grayWrap.arrow,
  .payByCardPage .checkout .grayWrap.arrow {
    padding-left: 10px;
    padding-right: 10px;
  }
  .checkoutPage .checkout .grayWrap.arrow .topDeliveryDetails,
  .orderConfirmationPage .checkout .grayWrap.arrow .topDeliveryDetails,
  .orderResponsePage .checkout .grayWrap.arrow .topDeliveryDetails,
  .payByCardPage .checkout .grayWrap.arrow .topDeliveryDetails {
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
    border: none !important;
  }
  .checkoutPage .checkout .grayWrap.arrow .detailsBox,
  .orderConfirmationPage .checkout .grayWrap.arrow .detailsBox,
  .orderResponsePage .checkout .grayWrap.arrow .detailsBox,
  .payByCardPage .checkout .grayWrap.arrow .detailsBox {
    background-color: white;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  }
  .checkoutPage .checkout .grayWrap.arrow .addressSection,
  .orderConfirmationPage .checkout .grayWrap.arrow .addressSection,
  .orderResponsePage .checkout .grayWrap.arrow .addressSection,
  .payByCardPage .checkout .grayWrap.arrow .addressSection {
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  }
  .checkoutPage .checkout .grayWrap.arrow .secondSection,
  .orderConfirmationPage .checkout .grayWrap.arrow .secondSection,
  .orderResponsePage .checkout .grayWrap.arrow .secondSection,
  .payByCardPage .checkout .grayWrap.arrow .secondSection {
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  }
  .checkoutPage .checkout .grayWrap:first-of-type,
  .orderConfirmationPage .checkout .grayWrap:first-of-type,
  .orderResponsePage .checkout .grayWrap:first-of-type,
  .payByCardPage .checkout .grayWrap:first-of-type {
    padding-top: 30px;
  }
  .checkoutPage .checkout .charitySection .detailsBox,
  .orderConfirmationPage .checkout .charitySection .detailsBox,
  .orderResponsePage .checkout .charitySection .detailsBox,
  .payByCardPage .checkout .charitySection .detailsBox {
    background-color: white;
    border-radius: 5px;
    -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
            box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
    width: 100%;
  }
  .checkoutPage .checkout .bottomCharityBox,
  .orderConfirmationPage .checkout .bottomCharityBox,
  .orderResponsePage .checkout .bottomCharityBox,
  .payByCardPage .checkout .bottomCharityBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px;
  }
  .checkoutPage .checkout .bottomCharityBox .rightBottomCharityBox p,
  .orderConfirmationPage .checkout .bottomCharityBox .rightBottomCharityBox p,
  .orderResponsePage .checkout .bottomCharityBox .rightBottomCharityBox p,
  .payByCardPage .checkout .bottomCharityBox .rightBottomCharityBox p {
    padding: 10px;
  }
  .checkoutPage .checkout .bottomCharityBox .donation,
  .checkoutPage .checkout .bottomCharityBox .donation2,
  .orderConfirmationPage .checkout .bottomCharityBox .donation,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2,
  .orderResponsePage .checkout .bottomCharityBox .donation,
  .orderResponsePage .checkout .bottomCharityBox .donation2,
  .payByCardPage .checkout .bottomCharityBox .donation,
  .payByCardPage .checkout .bottomCharityBox .donation2 {
    padding: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 400px) {
  .checkoutPage .checkout .bottomCharityBox .donation,
  .checkoutPage .checkout .bottomCharityBox .donation2,
  .orderConfirmationPage .checkout .bottomCharityBox .donation,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2,
  .orderResponsePage .checkout .bottomCharityBox .donation,
  .orderResponsePage .checkout .bottomCharityBox .donation2,
  .payByCardPage .checkout .bottomCharityBox .donation,
  .payByCardPage .checkout .bottomCharityBox .donation2 {
    padding: 0;
  }
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_left,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_left,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_left,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_left,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_left,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_left,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_left,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_left {
    width: 48%;
  }
  .checkoutPage .checkout .bottomCharityBox .donation .donation_left button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_left button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_left button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_left button {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #007d4a;
    padding: 5px 25px;
    width: 100%;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 420px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_left button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_left button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_left button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_left button {
    padding: 5px;
  }
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_left a,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_left a,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_left a,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_left a,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_left a,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_left a,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_left a,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_left a {
    color: #007d4a;
  }
  .checkoutPage .checkout .bottomCharityBox .donation .donation_right,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_right,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_right,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_right,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_right,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_right,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_right,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_right {
    width: 48%;
  }
  .checkoutPage .checkout .bottomCharityBox .donation .donation_right button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_right button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_right button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_right button {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #007d4a;
    padding: 5px 25px;
    width: 100%;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 420px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_right button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_right button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_right button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_right button {
    padding: 5px;
  }
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_right a,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_right a,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_right a,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_right a,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_right a,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_right a,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_right a,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_right a {
    color: #007d4a;
  }
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_left,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_left,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_left,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_left,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_left,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_left,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_left,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_left {
    width: 48%;
  }
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_left button {
    background-image: url("/images/checkout/greenCheckMark.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 36px;
    height: 35px;
    background-color: #007d4a;
    border: 1px solid #007d4a;
    border-radius: 5px;
    padding: 5px 25px;
    height: 100%;
    width: 100%;
    cursor: pointer;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 1200px) and (max-width: 1400px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_left button {
    padding: 5px 10px;
    text-align: center;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 401px) and (max-width: 450px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_left button {
    padding: 5px;
    padding-left: 40px;
    text-align: center;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 350px) and (max-width: 400px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_left button {
    padding: 5px 0;
    padding-left: 40px;
    text-align: center;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 349px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_left button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_left button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_left button {
    padding: 5px 0;
    padding-left: 40px;
    text-align: center;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_left button a,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_left button a,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_left button a,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_left button a,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_left button a,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_left button a,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_left button a,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_left button a {
    color: white;
  }
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_right,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_right,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_right,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_right,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_right,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_right,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_right,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_right {
    width: 48%;
  }
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_right button {
    background-image: url("/images/checkout/greenCheckMark.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 36px;
    height: 35px;
    background-color: #007d4a;
    border: 1px solid #007d4a;
    border-radius: 5px;
    padding: 5px 25px;
    height: 100%;
    width: 100%;
    cursor: pointer;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 1200px) and (max-width: 1400px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_right button {
    padding: 5px 10px;
    padding-left: 40px;
    text-align: center;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 401px) and (max-width: 450px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_right button {
    padding: 5px;
    padding-left: 40px;
    text-align: center;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 350px) and (max-width: 400px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_right button {
    padding: 5px 0;
    padding-left: 40px;
    text-align: center;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
@media only screen and (max-width: 1200px) and (max-width: 349px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_right button,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_right button,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_right button {
    padding: 5px 0;
    padding-left: 40px;
    text-align: center;
    background-image: url("/images/checkout/greenCheckMark.png");
    background-size: 33px;
  }
}
@media only screen and (max-width: 1200px) {
  .checkoutPage .checkout .bottomCharityBox .donation .donation_row2_right button a,
  .checkoutPage .checkout .bottomCharityBox .donation2 .donation_row2_right button a,
  .orderConfirmationPage .checkout .bottomCharityBox .donation .donation_row2_right button a,
  .orderConfirmationPage .checkout .bottomCharityBox .donation2 .donation_row2_right button a,
  .orderResponsePage .checkout .bottomCharityBox .donation .donation_row2_right button a,
  .orderResponsePage .checkout .bottomCharityBox .donation2 .donation_row2_right button a,
  .payByCardPage .checkout .bottomCharityBox .donation .donation_row2_right button a,
  .payByCardPage .checkout .bottomCharityBox .donation2 .donation_row2_right button a {
    color: white;
  }
  .checkoutPage .checkout .donation2,
  .orderConfirmationPage .checkout .donation2,
  .orderResponsePage .checkout .donation2,
  .payByCardPage .checkout .donation2 {
    padding: 10px;
    width: 100%;
  }
  .checkoutPage .checkout .donation2 .donation2_checked,
  .orderConfirmationPage .checkout .donation2 .donation2_checked,
  .orderResponsePage .checkout .donation2 .donation2_checked,
  .payByCardPage .checkout .donation2 .donation2_checked {
    background-image: url("/images/checkout/greenCheckMark.png");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 36px;
    height: 35px;
    background-color: #007d4a;
    border: 1px solid #007d4a;
    border-radius: 5px;
    padding: 5px 25px;
    height: 100%;
    width: 100%;
    cursor: pointer;
  }
  .checkoutPage .checkout .donation2 .donation2_checked a,
  .orderConfirmationPage .checkout .donation2 .donation2_checked a,
  .orderResponsePage .checkout .donation2 .donation2_checked a,
  .payByCardPage .checkout .donation2 .donation2_checked a {
    color: white;
  }
  .checkoutPage .checkout .donation2 .donation2_normal,
  .orderConfirmationPage .checkout .donation2 .donation2_normal,
  .orderResponsePage .checkout .donation2 .donation2_normal,
  .payByCardPage .checkout .donation2 .donation2_normal {
    background-color: white;
    border-radius: 5px;
    border: 1px solid #007d4a;
    padding: 5px 25px;
    cursor: pointer;
    width: 100%;
  }
  .checkoutPage .checkout .donation2 .donation2_normal a,
  .orderConfirmationPage .checkout .donation2 .donation2_normal a,
  .orderResponsePage .checkout .donation2 .donation2_normal a,
  .payByCardPage .checkout .donation2 .donation2_normal a {
    color: #007d4a;
  }
  .checkoutPage .checkout .topCharitySection,
  .orderConfirmationPage .checkout .topCharitySection,
  .orderResponsePage .checkout .topCharitySection,
  .payByCardPage .checkout .topCharitySection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 10px;
    padding-top: 5px;
  }
  .checkoutPage .checkout .topCharitySection .checkbox,
  .orderConfirmationPage .checkout .topCharitySection .checkbox,
  .orderResponsePage .checkout .topCharitySection .checkbox,
  .payByCardPage .checkout .topCharitySection .checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    vertical-align: middle;
    word-wrap: break-word;
  }
  .checkoutPage .checkout .cSection,
  .orderConfirmationPage .checkout .cSection,
  .orderResponsePage .checkout .cSection,
  .payByCardPage .checkout .cSection {
    background-color: transparent;
    padding: 0;
    margin: 0;
    border: 0;
    width: 100%;
  }
  .checkoutPage .checkout .cSection h2,
  .orderConfirmationPage .checkout .cSection h2,
  .orderResponsePage .checkout .cSection h2,
  .payByCardPage .checkout .cSection h2 {
    font-size: 17px;
    text-align: center;
    margin-bottom: 15px;
  }
}
.checkoutPage .checkout input.form-control,
.orderConfirmationPage .checkout input.form-control,
.orderResponsePage .checkout input.form-control,
.payByCardPage .checkout input.form-control {
  position: relative;
}
.checkoutPage .checkout input.form-control span.validator,
.orderConfirmationPage .checkout input.form-control span.validator,
.orderResponsePage .checkout input.form-control span.validator,
.payByCardPage .checkout input.form-control span.validator {
  display: none;
}
.checkoutPage .checkout input.form-control.valid, .checkoutPage .checkout input.form-control.invalid,
.orderConfirmationPage .checkout input.form-control.valid,
.orderConfirmationPage .checkout input.form-control.invalid,
.orderResponsePage .checkout input.form-control.valid,
.orderResponsePage .checkout input.form-control.invalid,
.payByCardPage .checkout input.form-control.valid,
.payByCardPage .checkout input.form-control.invalid {
  padding-right: 35px;
}
.checkoutPage .checkout input.form-control.valid,
.orderConfirmationPage .checkout input.form-control.valid,
.orderResponsePage .checkout input.form-control.valid,
.payByCardPage .checkout input.form-control.valid {
  border-color: #007d4a !important;
}
.checkoutPage .checkout input.form-control.valid ~ span.validator,
.orderConfirmationPage .checkout input.form-control.valid ~ span.validator,
.orderResponsePage .checkout input.form-control.valid ~ span.validator,
.payByCardPage .checkout input.form-control.valid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  width: 18px;
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_valid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.checkoutPage .checkout input.form-control.invalid,
.orderConfirmationPage .checkout input.form-control.invalid,
.orderResponsePage .checkout input.form-control.invalid,
.payByCardPage .checkout input.form-control.invalid {
  border-color: red !important;
}
.checkoutPage .checkout input.form-control.invalid ~ span.validator,
.orderConfirmationPage .checkout input.form-control.invalid ~ span.validator,
.orderResponsePage .checkout input.form-control.invalid ~ span.validator,
.payByCardPage .checkout input.form-control.invalid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  width: 18px;
  font-family: "Font Awesome 5 Pro";
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_invalid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.checkoutPage .checkout .form-check.pjCheck,
.orderConfirmationPage .checkout .form-check.pjCheck,
.orderResponsePage .checkout .form-check.pjCheck,
.payByCardPage .checkout .form-check.pjCheck {
  padding-left: 0;
  margin-bottom: 5px;
}
.checkoutPage .checkout .form-check.pjCheck input,
.orderConfirmationPage .checkout .form-check.pjCheck input,
.orderResponsePage .checkout .form-check.pjCheck input,
.payByCardPage .checkout .form-check.pjCheck input {
  display: none;
}
.checkoutPage .checkout .form-check.pjCheck label,
.orderConfirmationPage .checkout .form-check.pjCheck label,
.orderResponsePage .checkout .form-check.pjCheck label,
.payByCardPage .checkout .form-check.pjCheck label {
  line-height: 1.2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.checkoutPage .checkout .form-check.pjCheck label > div,
.orderConfirmationPage .checkout .form-check.pjCheck label > div,
.orderResponsePage .checkout .form-check.pjCheck label > div,
.payByCardPage .checkout .form-check.pjCheck label > div {
  width: calc(100% - 41px);
}
.checkoutPage .checkout .form-check.pjCheck label:before,
.orderConfirmationPage .checkout .form-check.pjCheck label:before,
.orderResponsePage .checkout .form-check.pjCheck label:before,
.payByCardPage .checkout .form-check.pjCheck label:before {
  border-radius: 5px;
  background-color: #fff;
  content: "";
  width: 34px;
  height: 34px;
  border: 1px solid #efefef;
  display: block;
  margin-right: 0.4rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}
.checkoutPage .checkout .form-check.pjCheck label:hover:before,
.orderConfirmationPage .checkout .form-check.pjCheck label:hover:before,
.orderResponsePage .checkout .form-check.pjCheck label:hover:before,
.payByCardPage .checkout .form-check.pjCheck label:hover:before {
  border-color: #ed8b00;
}
.checkoutPage .checkout .form-check.pjCheck input:checked ~ label:before,
.orderConfirmationPage .checkout .form-check.pjCheck input:checked ~ label:before,
.orderResponsePage .checkout .form-check.pjCheck input:checked ~ label:before,
.payByCardPage .checkout .form-check.pjCheck input:checked ~ label:before {
  content: "\f00c";
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-family: "Font Awesome 5 Pro";
  background-color: #007d4a;
}
@media only screen and (max-width: 660px) {
  .checkoutPage .checkout .form-check.pjCheck,
  .orderConfirmationPage .checkout .form-check.pjCheck,
  .orderResponsePage .checkout .form-check.pjCheck,
  .payByCardPage .checkout .form-check.pjCheck {
    margin-bottom: 10px;
  }
}
.checkoutPage .checkout #earnedPointsContainer.existingUser.flipped .flipCardInner,
.orderConfirmationPage .checkout #earnedPointsContainer.existingUser.flipped .flipCardInner,
.orderResponsePage .checkout #earnedPointsContainer.existingUser.flipped .flipCardInner,
.payByCardPage .checkout #earnedPointsContainer.existingUser.flipped .flipCardInner {
  -webkit-transform: rotateX(0);
          transform: rotateX(0);
}
.checkoutPage .checkout #earnedPointsContainer.existingUser .flipCardInner,
.orderConfirmationPage .checkout #earnedPointsContainer.existingUser .flipCardInner,
.orderResponsePage .checkout #earnedPointsContainer.existingUser .flipCardInner,
.payByCardPage .checkout #earnedPointsContainer.existingUser .flipCardInner {
  position: unset;
  min-height: unset;
  -webkit-perspective: none;
          perspective: none;
  -webkit-transform-style: flat;
          transform-style: flat;
}
.checkoutPage .checkout #earnedPointsContainer.existingUser .flipCardInner .earnedPointsBanner,
.orderConfirmationPage .checkout #earnedPointsContainer.existingUser .flipCardInner .earnedPointsBanner,
.orderResponsePage .checkout #earnedPointsContainer.existingUser .flipCardInner .earnedPointsBanner,
.payByCardPage .checkout #earnedPointsContainer.existingUser .flipCardInner .earnedPointsBanner {
  position: unset;
}
.checkoutPage .checkout #earnedPointsContainer.existingUser .newUser,
.orderConfirmationPage .checkout #earnedPointsContainer.existingUser .newUser,
.orderResponsePage .checkout #earnedPointsContainer.existingUser .newUser,
.payByCardPage .checkout #earnedPointsContainer.existingUser .newUser {
  display: none;
}
.checkoutPage .checkout #earnedPointsContainer.flipped .flipCardInner,
.orderConfirmationPage .checkout #earnedPointsContainer.flipped .flipCardInner,
.orderResponsePage .checkout #earnedPointsContainer.flipped .flipCardInner,
.payByCardPage .checkout #earnedPointsContainer.flipped .flipCardInner {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.checkoutPage .checkout #earnedPointsContainer .flipCardInner,
.orderConfirmationPage .checkout #earnedPointsContainer .flipCardInner,
.orderResponsePage .checkout #earnedPointsContainer .flipCardInner,
.payByCardPage .checkout #earnedPointsContainer .flipCardInner {
  min-height: 10.875rem;
  position: relative;
  -webkit-perspective: 31.25rem;
          perspective: 31.25rem;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.checkoutPage .checkout #earnedPointsContainer .flipCardInner .newUser,
.checkoutPage .checkout #earnedPointsContainer .flipCardInner .earnedPointsBanner,
.orderConfirmationPage .checkout #earnedPointsContainer .flipCardInner .newUser,
.orderConfirmationPage .checkout #earnedPointsContainer .flipCardInner .earnedPointsBanner,
.orderResponsePage .checkout #earnedPointsContainer .flipCardInner .newUser,
.orderResponsePage .checkout #earnedPointsContainer .flipCardInner .earnedPointsBanner,
.payByCardPage .checkout #earnedPointsContainer .flipCardInner .newUser,
.payByCardPage .checkout #earnedPointsContainer .flipCardInner .earnedPointsBanner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
.checkoutPage .checkout #earnedPointsContainer .newUser,
.orderConfirmationPage .checkout #earnedPointsContainer .newUser,
.orderResponsePage .checkout #earnedPointsContainer .newUser,
.payByCardPage .checkout #earnedPointsContainer .newUser {
  padding: 10px;
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft {
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  grid-row: 1/-1;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards {
  width: 54px;
  height: 54px;
  margin: 0 1.125rem 0 0.625rem;
  background-color: #CFEB0C;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .papaRewardsText,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .papaRewardsText,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .papaRewardsText,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .papaRewardsText {
  position: relative;
  z-index: 1;
  -webkit-transform: rotate(-20deg);
          transform: rotate(-20deg);
  -webkit-text-stroke: 3px #CFEB0C;
  paint-order: stroke fill;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .papa,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .papa,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .papa,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .papa {
  font-size: 20px;
  font-family: "Papa Sans Heavy";
  color: #2D5D2A;
  line-height: 16px;
  position: relative;
  left: -8px;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .rewards,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .rewards,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .rewards,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .rewards {
  font-size: 16px;
  font-family: "Papa Sans Medium";
  color: #2D5D2A;
  line-height: 14px;
  position: relative;
  left: -8px;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .papaRewardsImg,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .papaRewardsImg,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .papaRewardsImg,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .bannerLeft .papaRewards .papaRewardsImg {
  position: absolute;
  right: -13px;
  top: -2px;
  width: 29px;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints {
  min-height: 112px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 8px 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: 1fr;
  grid-template-rows: 1fr;
  position: relative;
  overflow: hidden;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: radial-gradient(107.92% 107.92% at 50% 25.42%, #004722 0%, #00371A 100%);
  background-blend-mode: overlay, normal;
  padding: 16px;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints > *:nth-child(1), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints > *:nth-child(1), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints > *:nth-child(1), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints > *:nth-child(2), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints > *:nth-child(2), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints > *:nth-child(2), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .sideOverlay,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .sideOverlay,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .sideOverlay,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .sideOverlay {
  position: absolute;
  left: calc(100% + 12px);
  height: 112px;
  width: 164px;
}
@media screen and (max-width: 330px) {
  .checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .sideOverlay,
  .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .sideOverlay,
  .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .sideOverlay,
  .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .sideOverlay {
    display: none;
  }
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .pizzaOverlay,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .pizzaOverlay,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .pizzaOverlay,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .pizzaOverlay {
  width: 187px;
  height: 187px;
  position: absolute;
  left: calc(100% + 170px);
  bottom: -118px;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  grid-row: 1/-1;
  position: relative;
  z-index: 1;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText h3,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText h3,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText h3,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText h3 {
  font-family: "Papa Sans Heavy";
  font-size: 20px;
  line-height: 16px;
  color: white;
  margin-bottom: 0;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText p,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText p,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText p,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText p {
  font-size: 18px;
  line-height: 18px;
  display: inline-block;
  padding: 4px;
  color: #710500;
  background-color: #E3C2ED;
  font-family: "Papa Sans Medium";
  font-size: 18px;
  line-height: 14px;
  border-radius: 2px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText a,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText a,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText a,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPoints .userPointsText a {
  font-size: 14px;
  line-height: 12px;
  text-decoration: underline;
  color: white;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified {
  background-color: #014c1f;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  padding: 12px 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 6px;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified svg,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified svg,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified svg,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified svg {
  min-width: 100px;
  width: 100px;
  height: 18px;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified i,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified i,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified i,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified i {
  color: white;
  font-size: 8px;
  line-height: 18px;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified p,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified p,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified p,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified p {
  margin: 0;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  color: white;
  font-weight: 700;
}
@media screen and (max-width: 365px) {
  .checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified p,
  .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified p,
  .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified p,
  .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .userPointsMinified p {
    max-width: 100px;
  }
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner {
  background: linear-gradient(120deg, rgb(88, 149, 107) 0%, rgb(1, 76, 32) 38%);
  padding: 0 0.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  gap: 1rem;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent {
  max-width: 13.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.625rem;
  color: white;
  padding: 1rem 0;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent svg,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent svg,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent svg,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent svg {
  width: 114px;
  height: 20px;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent h3,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent h3,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent h3,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent h3 {
  font-family: "Papa Sans Heavy";
  font-size: 24px;
  line-height: 24px;
  margin-bottom: 0;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent h3 span,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent h3 span,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent h3 span,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent h3 span {
  color: #CFEB0C;
}
@media screen and (max-width: 360px) {
  .checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent h3,
  .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent h3,
  .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent h3,
  .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent h3 {
    font-size: 22px;
    line-height: 22px;
  }
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent p,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent p,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent p,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent p {
  font-size: 14px;
  line-height: 16px;
  max-width: 140px;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent p span,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent p span,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent p span,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent p span {
  color: #CFEB0C;
  font-weight: 700;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent button,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent button,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent button,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerContent button {
  color: white;
  font-size: 0.875rem;
  line-height: 0.875rem;
  border: none;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #F00;
  border-radius: 100px;
  padding: 10px 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  cursor: pointer;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 54px 20px 54px;
  grid-template-columns: 54px 20px 54px;
  -ms-grid-rows: 46px 24px 7px 7px 46px 24px;
  grid-template-rows: 46px 24px 7px 7px 46px 24px;
  padding: 0.625rem 0;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(1), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(1), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(1), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(2), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(2), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(2), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(3), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(3), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(3), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(4), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(4), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(4), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(5), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(5), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(5), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(5) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(6), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(6), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(6), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(6) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(7), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(7), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(7), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(7) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(8), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(8), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(8), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(8) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(9), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(9), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(9), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(9) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(10), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(10), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(10), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(10) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(11), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(11), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(11), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(11) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(12), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(12), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(12), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(12) {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(13), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(13), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(13), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(13) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(14), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(14), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(14), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(14) {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(15), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(15), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(15), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(15) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(16), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(16), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(16), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(16) {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(17), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(17), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(17), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(17) {
  -ms-grid-row: 6;
  -ms-grid-column: 2;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(18), .orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(18), .orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(18), .payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals > *:nth-child(18) {
  -ms-grid-row: 6;
  -ms-grid-column: 3;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals svg,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals svg,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals svg,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals svg {
  padding: 0 4px;
  margin: auto;
  width: 100%;
  height: 100%;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals img,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals img,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals img,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals img {
  margin: auto;
  width: 100%;
  padding: 0 4px;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals p,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals p,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals p,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals p {
  margin: 0;
  color: white;
  text-align: center;
  font-size: 9px;
  line-height: 9px;
  margin-top: 6px;
  letter-spacing: 0.2px;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .equals,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .equals,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .equals,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .equals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .equals p,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .equals p,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .equals p,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .equals p {
  font-size: 16px;
  line-height: 16px;
  margin: 0;
  font-weight: 600;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .line,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .line,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .line,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .line {
  height: 1px;
  background-color: #000;
  opacity: 0.2;
  margin: 6px 0 0 0;
  -ms-grid-column-span: 3;
  grid-column: span 3;
}
.checkoutPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .line.inverse,
.orderConfirmationPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .line.inverse,
.orderResponsePage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .line.inverse,
.payByCardPage .checkout #earnedPointsContainer .earnedPointsBanner .pointsExplainerBanner .bannerVisuals .line.inverse {
  background-color: white;
  margin: 0 0 6px 0;
}
@media only screen and (max-width: 1200px) {
  .checkoutPage,
  .orderConfirmationPage,
  .orderResponsePage,
  .payByCardPage {
    width: 100%;
  }
}

.settingsModal.trueLayerProcessing {
  background-color: rgba(31, 31, 37, 0.7);
}
.settingsModal.trueLayerProcessing .settingsModalInner.mobileVersion {
  max-width: 420px;
}
@media only screen and (max-width: 769px) {
  .settingsModal.trueLayerProcessing .settingsModalInner.mobileVersion {
    width: 100% !important;
    max-width: 100% !important;
    height: unset !important;
    min-height: unset !important;
  }
}
.settingsModal.trueLayerProcessing .settingsModalInner.mobileVersion .body {
  border-radius: 15px;
  min-height: unset;
}
@media only screen and (max-width: 769px) {
  .settingsModal.trueLayerProcessing .settingsModalInner.mobileVersion .body {
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
  }
}
.settingsModal.trueLayerProcessing .settingsModalInner.mobileVersion .body .inner {
  margin: 60px 40px;
}
.settingsModal.trueLayerProcessing .settingsModalInner.mobileVersion .body .inner p {
  margin: 0;
}

.mFormS {
  position: relative;
  margin: 15px 0 5px 0;
  color: #000000;
}
.mFormS .bar {
  display: none;
}
.mFormS select {
  width: 100%;
  border-color: #dbdbdb;
  border-radius: 5px;
  padding-left: 7px;
  cursor: pointer;
}
.mFormS select.form-control {
  height: 40px;
  color: #000000;
}
.mFormS select:hover {
  border-color: #ed8b00;
}
.mFormS select:focus {
  outline: 0;
  -webkit-box-shadow: 0;
          box-shadow: 0;
}
.mFormS select:focus ~ span.bar:before {
  width: 100%;
}

.mForm {
  position: relative;
  margin: 15px 0 5px 0;
}
.mForm input,
.mForm textarea {
  resize: none;
  background: none;
  color: #1c1c1c;
  padding: 10px 40px 10px 5px;
  display: block;
  width: 100%;
  border: none;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  min-height: 40px;
  cursor: pointer;
}
.mForm input:focus,
.mForm textarea:focus {
  outline: none;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}
.mForm input:hover,
.mForm textarea:hover {
  border-color: #ed8b00;
}
.mForm input:focus ~ label, .mForm input.hasC ~ label,
.mForm textarea:focus ~ label,
.mForm textarea.hasC ~ label {
  top: -10px;
  font-size: 12px;
  color: #1c1c1c;
  background-color: #fff;
}
.mForm input:disabled,
.mForm textarea:disabled {
  background-color: #dbdbdb;
  pointer-events: none;
}
.mForm input.valid,
.mForm textarea.valid {
  border-color: #007d4a !important;
}
.mForm input.valid ~ label,
.mForm textarea.valid ~ label {
  color: #007d4a;
}
.mForm input.invalid,
.mForm textarea.invalid {
  border-color: #e42313 !important;
}
.mForm input.invalid ~ label,
.mForm textarea.invalid ~ label {
  color: #e42313;
}
.mForm input.valid ~ .bar:before,
.mForm textarea.valid ~ .bar:before {
  background: #007d4a;
}
.mForm input.valid ~ span.validator,
.mForm textarea.valid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  width: 18px;
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_valid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.mForm input.invalid ~ .bar:before,
.mForm textarea.invalid ~ .bar:before {
  background: #e42313;
}
.mForm input.invalid ~ span.validator,
.mForm textarea.invalid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  width: 18px;
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_invalid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.mForm label {
  color: #dbdbdb;
  font-size: 16px;
  position: absolute;
  pointer-events: none;
  left: 5px;
  top: 11px;
  -webkit-transition: 300ms ease all;
  transition: 300ms ease all;
  padding: 0 3px;
  border-radius: 6px;
}
.mForm .bar {
  display: none;
}

.checkoutPage .checkout .payOption.disabled {
  background-color: white;
  cursor: no-drop;
  opacity: 0.4;
}
.checkoutPage .checkout .payOption.disabled:hover {
  border: 1px solid #dbdbdb;
}

/* Apple pay */
@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    width: 100%;
    min-height: 32px;
    max-height: 64px;
  }
  .apple-pay-button-black {
    -apple-pay-button-style: black;
  }
}
@supports not (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button {
    display: inline-block;
    background-size: 100% 60%;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    border-radius: 5px;
    padding: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    width: 100%;
    min-height: 32px;
    max-height: 64px;
    margin: 0 20px;
  }
  .apple-pay-button-black {
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-color: black;
  }
}
/* END Apple pay */
.orderConfirmationPage .editLink,
.processAmazonResponsePage .editLink {
  padding: 0;
  font-weight: bold;
  border: 0;
  background: transparent;
  color: #007d4a;
  border-bottom: 1px dotted #007d4a;
  cursor: pointer;
}

.payOptionDetail {
  display: none;
}

/* Checkout.com */
.payOptionDetail.CheckoutCom {
  background-color: rgba(211, 211, 211, 0.1803921569);
  border: 1px solid #007d4a;
  margin-bottom: 10px;
  border-radius: 0 0 5px 5px;
  padding: 25px 10px;
  /* IE11-targeted optimisations*/
}
.payOptionDetail.CheckoutCom iframe {
  /* This fixes a mobile Safari bug */
  height: 38px !important;
}
.payOptionDetail.CheckoutCom #payment-form {
  margin: 0px 20px;
}
.payOptionDetail.CheckoutCom label {
  display: block;
  height: 10px;
  color: #454545;
  font-size: 14px;
  font-weight: 500;
  line-height: 10px;
  margin: 8px 0;
}
.payOptionDetail.CheckoutCom .date-and-code {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 8px;
}
.payOptionDetail.CheckoutCom .date-and-code > div:nth-child(1) {
  width: 55.715%;
}
.payOptionDetail.CheckoutCom .date-and-code > div:nth-child(2) {
  width: 45.719%;
}
.payOptionDetail.CheckoutCom .input-container {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40px;
}
.payOptionDetail.CheckoutCom .icon-container:last-child {
  right: 0;
}
.payOptionDetail.CheckoutCom .icon-container.payment-method {
  right: 0;
}
.payOptionDetail.CheckoutCom .input-container.card-number {
  margin-bottom: 8px;
}
.payOptionDetail.CheckoutCom .input-container.expiry-date {
  margin-right: 8px;
}
.payOptionDetail.CheckoutCom .card-number-frame,
.payOptionDetail.CheckoutCom .expiry-date-frame,
.payOptionDetail.CheckoutCom .cvv-frame {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding-left: 40px;
}
.payOptionDetail.CheckoutCom .icon-container {
  position: absolute;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 26px;
  margin: 0 7px;
}
.payOptionDetail.CheckoutCom .icon-container img {
  width: 20px;
}
.payOptionDetail.CheckoutCom .icon-container.payment-method {
  -webkit-transform: translateY(-50%) rotateY(90deg);
          transform: translateY(-50%) rotateY(90deg);
  -webkit-transition: opacity 0.15s ease-out;
  transition: opacity 0.15s ease-out;
  opacity: 0;
  top: 50%;
}
.payOptionDetail.CheckoutCom .icon-container.payment-method.show {
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  -webkit-transform: translateY(-50%) rotateY(0deg);
          transform: translateY(-50%) rotateY(0deg);
}
.payOptionDetail.CheckoutCom .icon-container.payment-method img {
  width: 100%;
}
.payOptionDetail.CheckoutCom [id$=-error] {
  display: none;
}
.payOptionDetail.CheckoutCom .frame {
  opacity: 0;
}
.payOptionDetail.CheckoutCom .frame--activated {
  opacity: 1;
  border: solid 1px #454545;
  border-radius: 3px;
  -webkit-box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.1);
          box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.1);
  background-color: white;
}
.payOptionDetail.CheckoutCom .frame--activated .field {
  color: #454545;
  -webkit-text-fill-color: #454545;
}
.payOptionDetail.CheckoutCom .frame--activated.frame--focus {
  border: solid 1px #13395e;
  -webkit-box-shadow: 0 2px 5px 0 rgba(19, 57, 94, 0.15);
          box-shadow: 0 2px 5px 0 rgba(19, 57, 94, 0.15);
}
.payOptionDetail.CheckoutCom .frame--activated.frame--invalid {
  border: solid 1px #d96830;
  -webkit-box-shadow: 0 2px 5px 0 rgba(217, 104, 48, 0.15);
          box-shadow: 0 2px 5px 0 rgba(217, 104, 48, 0.15);
}
.payOptionDetail.CheckoutCom .error-message {
  display: block;
  color: #c9501c;
  font-size: 0.9rem;
  margin: 8px 0 0 1px;
  font-weight: 300;
}
.payOptionDetail.CheckoutCom _:-ms-fullscreen,
.payOptionDetail.CheckoutCom :root .icon-container {
  display: block;
}
.payOptionDetail.CheckoutCom _:-ms-fullscreen,
.payOptionDetail.CheckoutCom :root .icon-container img {
  top: 50%;
  -ms-transform: translateY(-50%);
  position: absolute;
}
.payOptionDetail.CheckoutCom _:-ms-fullscreen,
.payOptionDetail.CheckoutCom #icon-card-number,
.payOptionDetail.CheckoutCom _:-ms-fullscreen,
.payOptionDetail.CheckoutCom #icon-expiry-date,
.payOptionDetail.CheckoutCom _:-ms-fullscreen,
.payOptionDetail.CheckoutCom #icon-cvv {
  left: 7px;
}
.payOptionDetail.CheckoutCom #checkout-frames-card-number::-ms-clear {
  display: none;
}

.payOptionDetail.PayByBank {
  background-color: rgba(211, 211, 211, 0.1803921569);
  border: 1px solid #007d4a;
  margin-bottom: 10px;
  border-radius: 0 0 5px 5px;
  padding: 20px 10px 15px 10px;
}
.payOptionDetail.PayByBank ul {
  margin: 0;
  padding-left: 20px;
}
.payOptionDetail.PayByBank ul li {
  margin-bottom: 5px;
}

#pay-button {
  border: none;
  border-radius: 3px;
  color: #fff;
  font-weight: 500;
  height: 40px;
  width: 100%;
  background-color: #007d4a;
  -webkit-box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.4);
          box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.4);
}

#pay-button:active {
  background-color: #0b2a49;
  -webkit-box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.4);
          box-shadow: 0 1px 3px 0 rgba(19, 57, 94, 0.4);
}

#pay-button:hover {
  background-color: #ed8b00;
  -webkit-box-shadow: 0 2px 5px 0 rgba(19, 57, 94, 0.4);
          box-shadow: 0 2px 5px 0 rgba(19, 57, 94, 0.4);
}

#pay-button:disabled {
  background-color: #cbcbcb;
  -webkit-box-shadow: none;
          box-shadow: none;
}

#pay-button:not(:disabled) {
  cursor: pointer;
}

.topAddressSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}
.topAddressSection .selAddress {
  color: rgb(0, 122, 83);
  text-align: center;
}
.topAddressSection .selAddress .selectedAddressTitle {
  font-weight: 700;
  font-size: 20px;
  line-height: 23.44px;
}
.topAddressSection .selAddress .selectedAddressSubtitle {
  font-weight: 400;
  font-size: 18px;
  line-height: 21.09px;
}

.productPageContainer + .footer {
  display: none;
}

.productPageContainer .rightHalfContainerDetails .header .innerH {
  min-height: unset;
}
@media only screen and (min-width: 831px) {
  .productPageContainer .rightHalfContainerDetails .header .innerH {
    min-height: 70px;
  }
}

@media only screen and (min-width: 831px) {
  .productPageContainer .rightHalfContainerDetails .header .innerH .logoCont {
    padding: unset;
  }
}

@media only screen and (min-width: 831px) {
  .productPageContainer .rightHalfContainerDetails .header .innerH .rSide .accountBtn {
    margin: unset;
  }
}

.productPageContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 100vw;
}
@media only screen and (max-width: 830px) {
  .productPageContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.productPageContainer .lSide,
.productPageContainer .newSvg {
  display: none;
}
.productPageContainer .leftHalfContainerImage {
  width: 40%;
  height: 100vh;
  background: url("../images/marble_bg.jpg") no-repeat;
  background-size: 100% 100%;
  padding-top: 15px;
  position: fixed;
  text-align: right;
}
@media only screen and (max-width: 830px) {
  .productPageContainer .leftHalfContainerImage {
    position: relative;
    height: 430px;
    width: 100%;
    text-align: center;
  }
}
.productPageContainer .leftHalfContainerImage .toolbar {
  text-align: left;
}
.productPageContainer .leftHalfContainerImage .close {
  margin-left: 133px;
  color: #464646;
}
@media only screen and (max-width: 830px) {
  .productPageContainer .leftHalfContainerImage .close {
    margin-left: 20px;
  }
}
.productPageContainer .leftHalfContainerImage .close i {
  width: 18px;
  height: 21px;
  font-size: 20px;
}
.productPageContainer .leftHalfContainerImage img {
  width: 100%;
  max-width: 558px;
  padding: 30px 40px 0 0;
}
@media only screen and (max-width: 830px) {
  .productPageContainer .leftHalfContainerImage img {
    position: absolute;
    bottom: 20px;
    left: 50%;
    right: 50%;
    -webkit-transform: translate(-50%);
            transform: translate(-50%);
    max-width: 357px;
    padding: 0;
  }
}
.productPageContainer .rightHalfContainerDetails {
  width: 60%;
  padding: 0 129px 0 60px;
  position: absolute;
  right: 0;
  color: #1c1c1c;
  font-size: 20px;
}
@media only screen and (max-width: 830px) {
  .productPageContainer .rightHalfContainerDetails {
    padding: 0 30px 0 31px;
    position: relative;
    height: auto;
    width: 100%;
  }
}
@media only screen and (max-width: 425px) {
  .productPageContainer .rightHalfContainerDetails {
    font-size: 18px;
  }
}
.productPageContainer .rightHalfContainerDetails hr {
  border-top: 1px solid #f8f8f8;
  margin: 10px 0 18px 0;
}
@media only screen and (max-width: 830px) {
  .productPageContainer .rightHalfContainerDetails hr {
    display: none;
  }
}
.productPageContainer .rightHalfContainerDetails .floatingButton {
  display: none;
}
@media only screen and (max-width: 425px) {
  .productPageContainer .rightHalfContainerDetails .floatingButton {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    background: #fff;
    position: fixed;
    height: 75px;
    margin: 0 -30px 0 -31px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 10px 20px;
    bottom: 0;
    z-index: 1;
  }
}
.productPageContainer .rightHalfContainerDetails .floatingButton button {
  height: 100%;
  width: 100%;
  font-weight: bold;
}
.productPageContainer .rightHalfContainerDetails .floatingButton button:focus:not(:active) {
  text-decoration: none;
  background-color: #007d4a;
  color: #fff;
  border: 1px solid #007d4a;
  -webkit-box-shadow: none;
          box-shadow: none;
}
@media only screen and (max-width: 830px) {
  .productPageContainer .rightHalfContainerDetails header {
    position: absolute;
    top: -430px;
    width: 90%;
  }
}
@media only screen and (max-width: 830px) {
  .productPageContainer .rightHalfContainerDetails header .logoCont {
    width: 100%;
    margin-left: 13%;
  }
}
@media only screen and (max-width: 350px) {
  .productPageContainer .rightHalfContainerDetails header .logoCont {
    margin-left: 0;
  }
}
@media only screen and (max-width: 830px) {
  .productPageContainer .rightHalfContainerDetails .breadcrumb {
    padding-top: 20px;
  }
}
.productPageContainer .rightHalfContainerDetails .breadcrumb span {
  color: #464646;
  text-decoration: underline;
}
.productPageContainer .rightHalfContainerDetails .breadcrumb p {
  margin: 0;
}
.productPageContainer .rightHalfContainerDetails .breadcrumb p span {
  text-decoration: none;
}
.productPageContainer .rightHalfContainerDetails .breadcrumb ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.productPageContainer .rightHalfContainerDetails .breadcrumb ul li {
  padding-right: 3px;
}
.productPageContainer .rightHalfContainerDetails .breadcrumb ul li a {
  text-decoration: none;
}
.productPageContainer .rightHalfContainerDetails .headingContainer {
  padding: 67px 0 58px 0;
}
@media only screen and (max-width: 830px) {
  .productPageContainer .rightHalfContainerDetails .headingContainer {
    padding: 20px 0 60px 0;
  }
}
.productPageContainer .rightHalfContainerDetails .headingContainer .heading {
  color: #007d4a;
  font-size: 60px !important;
  padding-top: 10px;
  margin: 0;
}
@media only screen and (max-width: 425px) {
  .productPageContainer .rightHalfContainerDetails .headingContainer .heading {
    font-size: 40px !important;
    padding-top: 15px;
  }
}
.productPageContainer .rightHalfContainerDetails .headingContainer .icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 5px;
  padding: 10px 0 10px 0;
}
.productPageContainer .rightHalfContainerDetails .headingContainer .icons .icon {
  width: 20px;
  height: 20px;
}
.productPageContainer .rightHalfContainerDetails .headingContainer .icons .icon img {
  width: 100%;
  vertical-align: unset;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer {
  background: #fff 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  max-width: 735px;
}
@media only screen and (max-width: 425px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer {
    background: url("../images/marble_bg.jpg") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0 -30px 0 -31px;
    -webkit-box-shadow: none;
            box-shadow: none;
    z-index: 2;
  }
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm {
  padding: 34px 37px 33px 37px;
  text-align: left;
}
@media only screen and (max-width: 425px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm {
    padding: 41px 27px 128px 27px;
    text-align: center;
  }
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .title {
  font-size: 25px;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .pizzaNameIntro {
  color: #007d4a;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .invalidPC {
  position: absolute;
  top: 0;
  right: 0;
  margin: 20px 0 10px 0;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .invalidPC p {
  text-align: left;
  font-size: 14px;
  margin: 0 13px;
  color: #e42313;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont {
  float: left;
  width: 100%;
  max-width: 300px;
  position: relative;
  margin-right: 20px;
}
@media only screen and (max-width: 1539px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont {
    max-width: 100%;
  }
}
@media only screen and (max-width: 830px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont {
    max-width: 300px;
  }
}
@media only screen and (max-width: 650px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont {
    max-width: 100%;
  }
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont > input {
  text-transform: uppercase;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  height: 56px;
  border-color: transparent;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  padding-left: 15px;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont > input::-webkit-input-placeholder {
  text-transform: none;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont > input::-moz-placeholder {
  text-transform: none;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont > input:-ms-input-placeholder {
  text-transform: none;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont > input::-ms-input-placeholder {
  text-transform: none;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont > input::placeholder {
  text-transform: none;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX {
  max-width: 335px;
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 1539px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX {
    max-width: 100%;
  }
}
@media only screen and (max-width: 830px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX {
    max-width: 335px;
  }
}
@media only screen and (max-width: 650px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX {
    max-width: 100%;
  }
}
@media only screen and (max-width: 425px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX .homePostCode::-webkit-input-placeholder {
    text-align: center;
  }
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX .homePostCode::-moz-placeholder {
    text-align: center;
  }
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX .homePostCode:-ms-input-placeholder {
    text-align: center;
  }
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX .homePostCode::-ms-input-placeholder {
    text-align: center;
  }
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX .homePostCode::placeholder {
    text-align: center;
  }
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX .clearInput {
  position: absolute;
  padding: 5px;
  top: 12px;
  right: 10px;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX > input {
  text-transform: uppercase;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  height: 56px;
  border: 1px solid #DDDBDB;
  padding-left: 15px;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX > input::-webkit-input-placeholder {
  text-transform: none;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX > input::-moz-placeholder {
  text-transform: none;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX > input:-ms-input-placeholder {
  text-transform: none;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX > input::-ms-input-placeholder {
  text-transform: none;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .fieldCont .fieldContX > input::placeholder {
  text-transform: none;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .oneButton button {
  width: 340px !important;
  height: 56px !important;
  margin-top: 0 !important;
  font-size: 22px;
  font-weight: bold;
}
@media only screen and (max-width: 1539px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .oneButton button {
    margin-top: 12px !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 830px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .oneButton button {
    width: 165px !important;
    margin-top: 0 !important;
  }
}
@media only screen and (max-width: 650px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .oneButton button {
    margin-top: 12px !important;
    width: 100% !important;
  }
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .twoButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 1539px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .twoButtons {
    padding-top: 10px;
    width: 100%;
  }
}
@media only screen and (max-width: 830px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .twoButtons {
    width: unset;
    padding-top: 0;
  }
}
@media only screen and (max-width: 650px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .twoButtons {
    padding-top: 10px;
    width: 100%;
  }
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .twoButtons > .cont {
  max-width: 160px !important;
  width: 100%;
}
@media only screen and (max-width: 1539px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .twoButtons > .cont {
    max-width: 100%;
  }
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .twoButtons > .cont > button {
  height: 56px;
  width: 100%;
  font-size: 22px;
  font-weight: bold;
}
@media only screen and (max-width: 1539px) {
  .productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .twoButtons > .cont > button {
    max-width: 100%;
  }
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .hideTwoButtons {
  display: none;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .showContinueButton {
  display: block !important;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .pcLoader {
  padding-top: 150px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 3;
  background-color: rgba(255, 255, 255, 0.5);
  cursor: not-allowed;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .pcLoader i {
  color: #464646;
  font-size: 2rem;
  -webkit-animation-name: load;
          animation-name: load;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.productPageContainer .rightHalfContainerDetails .postcodeContainer #storeSelectionForm .pcLoader:not(.active) {
  display: none;
}
.productPageContainer .rightHalfContainerDetails .descriptionContainer {
  padding: 79px 0 80px 0;
}
.productPageContainer .rightHalfContainerDetails .descriptionContainer h2 {
  margin: 0;
  padding-bottom: 10px;
}
@media only screen and (max-width: 425px) {
  .productPageContainer .rightHalfContainerDetails .descriptionContainer {
    padding-top: 0;
    padding-bottom: 60px;
  }
}
.productPageContainer .rightHalfContainerDetails .ingredientsContainer {
  padding-bottom: 49px;
}
@media only screen and (max-width: 425px) {
  .productPageContainer .rightHalfContainerDetails .ingredientsContainer {
    padding-bottom: 9px;
  }
}
.productPageContainer .rightHalfContainerDetails .ingredientsContainer h2 {
  margin: 0;
  padding-bottom: 30px;
}
.productPageContainer .rightHalfContainerDetails .ingredientsContainer .ingredientDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 31px;
}
.productPageContainer .rightHalfContainerDetails .ingredientsContainer .ingredientDetails .image {
  padding-right: 21px;
}
.productPageContainer .rightHalfContainerDetails .ingredientsContainer .ingredientDetails .image img {
  border-radius: 50%;
  width: 75px;
  height: 75px;
  vertical-align: unset;
  -o-object-fit: cover;
     object-fit: cover;
}
.productPageContainer .rightHalfContainerDetails .caloriesAllergensContainer {
  background: #f8f8f8 0% 0% no-repeat padding-box;
  border-radius: 10px;
  padding: 21px 19px 20px 27px;
  margin-bottom: 60px;
}
@media only screen and (max-width: 425px) {
  .productPageContainer .rightHalfContainerDetails .caloriesAllergensContainer {
    margin-bottom: 476px;
  }
}
@media only screen and (max-width: 340px) {
  .productPageContainer .rightHalfContainerDetails .caloriesAllergensContainer {
    margin-bottom: 506px;
  }
}
.productPageContainer .rightHalfContainerDetails .caloriesAllergensContainer h3 {
  margin: 0;
  padding-bottom: 18px;
}
.productPageContainer .rightHalfContainerDetails .caloriesAllergensContainer .allergenLink {
  color: #007d4a;
  text-decoration: underline;
}
.productPageContainer.sidesPageItem {
  margin: 0;
}
.productPageContainer.sidesPageItem .leftHalfContainerImage {
  overflow: hidden;
}
@media screen and (max-width: 560px) {
  .productPageContainer.sidesPageItem .leftHalfContainerImage .close {
    margin-left: 15px;
  }
}
.productPageContainer.sidesPageItem .leftHalfContainerImage .productPage__left-container {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.productPageContainer.sidesPageItem .leftHalfContainerImage .productPage__images-container {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.productPageContainer.sidesPageItem .leftHalfContainerImage .productPage__images-container img {
  position: absolute;
}
@media screen and (max-width: 829px) {
  .productPageContainer.sidesPageItem .leftHalfContainerImage .productPage__images-container img {
    max-width: 268px;
  }
}
.productPageContainer.sidesPageItem .leftHalfContainerImage .productPage__images-container img.top-image {
  left: calc(50% - 517px);
}
@media screen and (max-width: 1400px) {
  .productPageContainer.sidesPageItem .leftHalfContainerImage .productPage__images-container img.top-image {
    left: calc(-50% + 44px);
  }
}
@media screen and (max-width: 829px) {
  .productPageContainer.sidesPageItem .leftHalfContainerImage .productPage__images-container img.top-image {
    left: calc(50% - 140px);
    top: calc(50% - 160px);
  }
}
.productPageContainer.sidesPageItem .leftHalfContainerImage .productPage__images-container img.bottom-image {
  left: calc(50% + 18px);
  top: calc(50% - 88px);
}
@media screen and (max-width: 829px) {
  .productPageContainer.sidesPageItem .leftHalfContainerImage .productPage__images-container img.bottom-image {
    top: 50%;
    left: calc(50% + 115px);
  }
}
.productPageContainer.sidesPageItem .rightHalfContainerDetails .header-separator {
  height: 2px;
  background: #F8F8F8;
  margin: 10px 0 18px 0;
}
@media screen and (max-width: 560px) {
  .productPageContainer.sidesPageItem .rightHalfContainerDetails .rSide .notificationBtn {
    margin-left: 15px;
  }
}
.productPageContainer.sidesPageItem .rightHalfContainerDetails .productPage__banner-container {
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
}
.productPageContainer.sidesPageItem .rightHalfContainerDetails .productPage__banner-container__banner {
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  background-position: left;
  height: 12rem;
  border-radius: 5px;
}
@media screen and (min-width: 1441px) {
  .productPageContainer.sidesPageItem .rightHalfContainerDetails .productPage__banner-container__banner {
    height: 13.3333333333dvw;
  }
}
.productPageContainer.sidesPageItem .rightHalfContainerDetails .productPage__banner-container__banner.poppers {
  background-image: url("../images/banners/Poppers-Nuggets-Banner.webp");
}
.productPageContainer.sidesPageItem .rightHalfContainerDetails .productPage__banner-container__banner.bites {
  background-image: url("../images/banners/Cheesy-Bites-Banner.webp");
}
.productPageContainer.sidesPageItem .rightHalfContainerDetails .descriptionContainer {
  padding: 84px 0;
}
@media screen and (min-width: 425px) {
  .productPageContainer.sidesPageItem .rightHalfContainerDetails .caloriesAllergensContainer {
    margin: 84px 0;
  }
}
.productPageContainer.sidesPageItem .sidesPage__mainContainer__productListingSection {
  margin: 0;
}
.productPageContainer.sidesPageItem .sidesPage__mainContainer__productListingSection .productListing {
  margin: 0;
}
.productPageContainer.sidesPageItem .sidesPage__mainContainer__productListingSection .productListing__rightSide {
  gap: 20px;
  max-width: 100%;
}
@media screen and (min-width: 1441px) {
  .productPageContainer.sidesPageItem .sidesPage__mainContainer__productListingSection .productListing__rightSide {
    max-width: 674.8px;
  }
}
@media screen and (min-width: 1826px) {
  .productPageContainer.sidesPageItem .sidesPage__mainContainer__productListingSection .productListing__rightSide {
    max-width: 906.4px;
  }
}
@media screen and (min-width: 1054px) and (max-width: 1439px) {
  .productPageContainer.sidesPageItem .sidesPage__mainContainer__productListingSection .productListing__rightSide {
    max-width: 443.33px;
  }
}
@media screen and (min-width: 736px) and (max-width: 829.9px) {
  .productPageContainer.sidesPageItem .sidesPage__mainContainer__productListingSection .productListing__rightSide {
    max-width: 674.8px;
  }
}
@media screen and (min-width: 529px) and (max-width: 735.9px) {
  .productPageContainer.sidesPageItem .sidesPage__mainContainer__productListingSection .productListing__rightSide {
    max-width: 443.33px;
  }
}
@media screen and (min-width: 581px) {
  .productPageContainer.sidesPageItem .sidesPage__mainContainer__productListingSection .productListing__card {
    width: 211.6px;
  }
}
@media screen and (min-width: 830px) and (max-width: 1053.9px) {
  .productPageContainer.sidesPageItem .sidesPage__mainContainer__productListingSection .productListing__card {
    width: 100%;
  }
}

.settingsModalInner .allergenManagerBox {
  margin: 20px auto 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.settingsModalInner .allergenManagerBox p.intro {
  line-height: 1.2;
  text-align: left;
}
.settingsModalInner .allergenManagerBox .howItWorks {
  background-color: #f8f8f8;
  margin-top: 20px;
  text-align: left;
  padding: 10px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -10px;
}
.settingsModalInner .allergenManagerBox .howItWorks .title {
  font-weight: 700;
}
.settingsModalInner .allergenManagerBox i.red {
  color: #e42313;
}
.settingsModalInner .allergenManagerBox label {
  width: 33.33%;
  margin-bottom: 13px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  font-size: 14px;
}
.settingsModalInner .allergenManagerBox label input {
  display: none;
}
.settingsModalInner .allergenManagerBox label .aInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px;
}
.settingsModalInner .allergenManagerBox label .aInner .checkbox {
  background-color: #efefef;
  min-width: 26px;
  height: 26px;
  border-radius: 5px;
  margin-right: 5px;
}
.settingsModalInner .allergenManagerBox label .aInner .name {
  text-align: left;
}
.settingsModalInner .allergenManagerBox label input[type=checkbox]:checked ~ .aInner .checkbox {
  position: relative;
  border-color: #007d4a;
  background-color: #007d4a;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.settingsModalInner .allergenManagerBox label input[type=checkbox]:checked ~ .aInner .checkbox:after {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  font-size: 12px;
  color: #fff;
  font-weight: 900;
}
.settingsModalInner .allergenManagerBox .OptionsBox {
  margin-top: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.settingsModalInner .allergenManagerBox .OptionsBox div a {
  width: 100%;
  padding: 15px !important;
  font-weight: 550;
  height: unset !important;
}
.settingsModalInner .allergenManagerBox .OptionsBox .disabled {
  pointer-events: none;
  cursor: default;
}
.settingsModalInner .allergenManagerBox .OptionsBox .newStyleBtn_left {
  background-color: rgb(219, 219, 219) !important;
  border: 1px solid rgb(219, 219, 219) !important;
}
.settingsModalInner .allergenManagerBox .OptionsBox .newStyleBtn_leftActive {
  background-color: #707070 !important;
  border: 1px solid #707070 !important;
}
.settingsModalInner .allergenManagerBox .OptionsBox .newStyleBtn_leftActive:hover {
  color: #707070;
  background-color: #fff !important;
  border: 1px solid #707070;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  cursor: pointer;
}
.settingsModalInner .allergenManagerBox .OptionsBox div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.settingsModalInner .allergenManagerBox .OptionsBox > div:first-of-type {
  margin-right: 5px;
}
.settingsModalInner .allergenManagerBox .OptionsBox > div:last-of-type {
  margin-left: 5px;
}

.settingsModalInner .allergenManagerBox .warningSign img {
  width: 1.3125rem;
  height: 1.3125rem;
}

.timeDialog a,
.filtersModal a {
  color: #007d4a;
}
.timeDialog .body,
.filtersModal .body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.timeDialog .inner,
.filtersModal .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
@media only screen and (min-width: 1200px) {
  .timeDialog .inner .mainFilterImage,
  .filtersModal .inner .mainFilterImage {
    padding-left: 10px;
  }
}
.timeDialog .timeModalInner,
.filtersModal .timeModalInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.timeDialog .timeModalInner > p:first-of-type,
.filtersModal .timeModalInner > p:first-of-type {
  margin-top: 10px;
}
.timeDialog .timeModalInner > p:first-of-type a,
.filtersModal .timeModalInner > p:first-of-type a {
  display: block;
  text-align: center;
}
.timeDialog .timeModalInner > button,
.filtersModal .timeModalInner > button {
  margin-top: auto;
  -ms-flex-item-align: end;
      align-self: flex-end;
}
.timeDialog .topParagraph_Filter,
.filtersModal .topParagraph_Filter {
  text-align: left;
  /*margin: 3px 10px 20px 0px;*/
  margin: 30px 10px 20px 0px;
}
.timeDialog .vegan_row,
.filtersModal .vegan_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
@media only screen and (min-width: 1200px) {
  .timeDialog .vegan_row,
  .filtersModal .vegan_row {
    margin-left: -10px;
  }
}
.timeDialog .vegan_row .checkbox,
.filtersModal .vegan_row .checkbox {
  width: 47px;
  min-width: 47px;
  height: 70px;
}
.timeDialog .vegan_row .checkbox .labelWrapper,
.filtersModal .vegan_row .checkbox .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.timeDialog .vegan_row .checkbox .labelWrapper input,
.filtersModal .vegan_row .checkbox .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.timeDialog .vegan_row .checkbox .checkmark,
.filtersModal .vegan_row .checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 10px;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
}
@media only screen and (max-width: 1200px) {
  .timeDialog .vegan_row .checkbox .checkmark,
  .filtersModal .vegan_row .checkbox .checkmark {
    left: 0;
  }
}
@media only screen and (max-width: 400px) {
  .timeDialog .vegan_row .checkbox .checkmark,
  .filtersModal .vegan_row .checkbox .checkmark {
    margin-top: 15px;
  }
}
.timeDialog .vegan_row .checkbox .labelWrapper:hover input ~ .checkmark,
.filtersModal .vegan_row .checkbox .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.timeDialog .vegan_row .checkbox .labelWrapper input:checked ~ .checkmark,
.filtersModal .vegan_row .checkbox .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.timeDialog .vegan_row .checkbox .checkmark:after,
.filtersModal .vegan_row .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.timeDialog .vegan_row .checkbox .labelWrapper input:checked ~ .checkmark:after,
.filtersModal .vegan_row .checkbox .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.timeDialog .vegan_row .checkbox .labelWrapper .checkmark:after,
.filtersModal .vegan_row .checkbox .labelWrapper .checkmark:after {
  left: 15px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (min-width: 400px) {
  .timeDialog .vegan_row .checkbox,
  .filtersModal .vegan_row .checkbox {
    padding-top: 15px;
  }
}
.timeDialog .vegan_row img,
.filtersModal .vegan_row img {
  margin-right: 4px;
  height: 20px;
}
.timeDialog .vegetarian_row,
.filtersModal .vegetarian_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
@media only screen and (min-width: 1200px) {
  .timeDialog .vegetarian_row,
  .filtersModal .vegetarian_row {
    margin-left: -10px;
  }
}
.timeDialog .vegetarian_row .checkbox,
.filtersModal .vegetarian_row .checkbox {
  width: 47px;
  min-width: 47px;
  height: 70px;
}
.timeDialog .vegetarian_row .checkbox .labelWrapper,
.filtersModal .vegetarian_row .checkbox .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.timeDialog .vegetarian_row .checkbox .labelWrapper input,
.filtersModal .vegetarian_row .checkbox .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.timeDialog .vegetarian_row .checkbox .checkmark,
.filtersModal .vegetarian_row .checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 10px;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
}
@media only screen and (max-width: 1200px) {
  .timeDialog .vegetarian_row .checkbox .checkmark,
  .filtersModal .vegetarian_row .checkbox .checkmark {
    left: 0;
  }
}
@media only screen and (max-width: 400px) {
  .timeDialog .vegetarian_row .checkbox .checkmark,
  .filtersModal .vegetarian_row .checkbox .checkmark {
    margin-top: 15px;
  }
}
.timeDialog .vegetarian_row .checkbox .labelWrapper:hover input ~ .checkmark,
.filtersModal .vegetarian_row .checkbox .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.timeDialog .vegetarian_row .checkbox .labelWrapper input:checked ~ .checkmark,
.filtersModal .vegetarian_row .checkbox .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.timeDialog .vegetarian_row .checkbox .checkmark:after,
.filtersModal .vegetarian_row .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.timeDialog .vegetarian_row .checkbox .labelWrapper input:checked ~ .checkmark:after,
.filtersModal .vegetarian_row .checkbox .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.timeDialog .vegetarian_row .checkbox .labelWrapper .checkmark:after,
.filtersModal .vegetarian_row .checkbox .labelWrapper .checkmark:after {
  left: 15px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (min-width: 400px) {
  .timeDialog .vegetarian_row .checkbox,
  .filtersModal .vegetarian_row .checkbox {
    padding-top: 15px;
  }
}
.timeDialog .vegetarian_row img,
.filtersModal .vegetarian_row img {
  margin-right: 4px;
  height: 20px;
}
.timeDialog .butternut_row,
.filtersModal .butternut_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
@media only screen and (min-width: 1200px) {
  .timeDialog .butternut_row,
  .filtersModal .butternut_row {
    margin-left: -10px;
  }
}
.timeDialog .butternut_row .checkbox,
.filtersModal .butternut_row .checkbox {
  width: 47px;
  min-width: 47px;
  height: 70px;
}
.timeDialog .butternut_row .checkbox .labelWrapper,
.filtersModal .butternut_row .checkbox .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.timeDialog .butternut_row .checkbox .labelWrapper input,
.filtersModal .butternut_row .checkbox .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.timeDialog .butternut_row .checkbox .checkmark,
.filtersModal .butternut_row .checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 10px;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
}
@media only screen and (max-width: 1200px) {
  .timeDialog .butternut_row .checkbox .checkmark,
  .filtersModal .butternut_row .checkbox .checkmark {
    left: 0;
  }
}
@media only screen and (max-width: 400px) {
  .timeDialog .butternut_row .checkbox .checkmark,
  .filtersModal .butternut_row .checkbox .checkmark {
    margin-top: 15px;
  }
}
.timeDialog .butternut_row .checkbox .labelWrapper:hover input ~ .checkmark,
.filtersModal .butternut_row .checkbox .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.timeDialog .butternut_row .checkbox .labelWrapper input:checked ~ .checkmark,
.filtersModal .butternut_row .checkbox .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.timeDialog .butternut_row .checkbox .checkmark:after,
.filtersModal .butternut_row .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.timeDialog .butternut_row .checkbox .labelWrapper input:checked ~ .checkmark:after,
.filtersModal .butternut_row .checkbox .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.timeDialog .butternut_row .checkbox .labelWrapper .checkmark:after,
.filtersModal .butternut_row .checkbox .labelWrapper .checkmark:after {
  left: 15px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (min-width: 400px) {
  .timeDialog .butternut_row .checkbox,
  .filtersModal .butternut_row .checkbox {
    padding-top: 15px;
  }
}
.timeDialog .butternut_row img,
.filtersModal .butternut_row img {
  margin-right: 4px;
  height: 20px;
}
.timeDialog .spicy_row,
.filtersModal .spicy_row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
}
@media only screen and (min-width: 1200px) {
  .timeDialog .spicy_row,
  .filtersModal .spicy_row {
    margin-left: -10px;
  }
}
.timeDialog .spicy_row .checkbox,
.filtersModal .spicy_row .checkbox {
  width: 47px;
  min-width: 47px;
  height: 70px;
}
.timeDialog .spicy_row .checkbox .labelWrapper,
.filtersModal .spicy_row .checkbox .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.timeDialog .spicy_row .checkbox .labelWrapper input,
.filtersModal .spicy_row .checkbox .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.timeDialog .spicy_row .checkbox .checkmark,
.filtersModal .spicy_row .checkbox .checkmark {
  position: absolute;
  top: 0;
  left: 10px;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
}
@media only screen and (max-width: 1200px) {
  .timeDialog .spicy_row .checkbox .checkmark,
  .filtersModal .spicy_row .checkbox .checkmark {
    left: 0;
  }
}
@media only screen and (max-width: 400px) {
  .timeDialog .spicy_row .checkbox .checkmark,
  .filtersModal .spicy_row .checkbox .checkmark {
    margin-top: 15px;
  }
}
.timeDialog .spicy_row .checkbox .labelWrapper:hover input ~ .checkmark,
.filtersModal .spicy_row .checkbox .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.timeDialog .spicy_row .checkbox .labelWrapper input:checked ~ .checkmark,
.filtersModal .spicy_row .checkbox .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.timeDialog .spicy_row .checkbox .checkmark:after,
.filtersModal .spicy_row .checkbox .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.timeDialog .spicy_row .checkbox .labelWrapper input:checked ~ .checkmark:after,
.filtersModal .spicy_row .checkbox .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.timeDialog .spicy_row .checkbox .labelWrapper .checkmark:after,
.filtersModal .spicy_row .checkbox .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media only screen and (min-width: 400px) {
  .timeDialog .spicy_row .checkbox,
  .filtersModal .spicy_row .checkbox {
    padding-top: 15px;
  }
}
.timeDialog .spicy_row img,
.filtersModal .spicy_row img {
  margin-right: 4px;
  height: 20px;
}
.timeDialog .buttonsRow_filterModal,
.filtersModal .buttonsRow_filterModal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.timeDialog .buttonsRow_filterModal .leftBtn,
.filtersModal .buttonsRow_filterModal .leftBtn {
  color: #fff;
  background-color: #dbdbdb;
  border-radius: 5px;
  width: 30%;
  margin-right: 10px;
  border: 1px solid transparent;
  font-weight: 550;
  /*height: 30px;*/
  padding: 15px;
}
.timeDialog .buttonsRow_filterModal .leftBtn.active,
.filtersModal .buttonsRow_filterModal .leftBtn.active {
  background-color: #707070 !important;
}
.timeDialog .buttonsRow_filterModal .leftBtn.active:hover,
.filtersModal .buttonsRow_filterModal .leftBtn.active:hover {
  color: #707070;
  background-color: #fff !important;
  border: 1px solid #707070;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  cursor: pointer;
}
.timeDialog .buttonsRow_filterModal .rightBtn,
.filtersModal .buttonsRow_filterModal .rightBtn {
  color: #fff;
  background-color: #007d4a;
  border-radius: 5px;
  width: 67%;
  border: 1px solid transparent;
  font-weight: 550;
  padding: 15px;
}
.timeDialog .buttonsRow_filterModal .rightBtn:hover,
.filtersModal .buttonsRow_filterModal .rightBtn:hover {
  color: #007d4a;
  background-color: #fff;
  border: 1px solid #007d4a;
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  cursor: pointer;
}
.timeDialog .allergenManagerStrip,
.filtersModal .allergenManagerStrip {
  height: 55px;
  color: #fff;
  background-color: rgb(237, 139, 0);
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 7px;
  margin-top: 30px;
}
.timeDialog .allergenManagerStrip p,
.filtersModal .allergenManagerStrip p {
  margin-bottom: 0;
  text-align: left;
  font-weight: 550;
  margin-left: 10px;
  width: 75%;
}
.timeDialog .allergenManagerStrip .fa-chevron-right,
.filtersModal .allergenManagerStrip .fa-chevron-right {
  margin-right: 10px;
}

.settingsModal .switchShippingProduct {
  max-width: 75vw;
  text-align: left;
}
.settingsModal.changeStoreDialog .inner {
  padding: 24px !important;
}
.settingsModal.changeStoreDialog .inner .switchModalHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  padding-top: 6px;
}
.settingsModal.changeStoreDialog .inner .switchModalHeader .switchModalTitle {
  font-size: 24px;
}
.settingsModal.changeStoreDialog .inner .switchModalHeader .switchModalSubtitle {
  font-size: 16px;
}
.settingsModal.changeStoreDialog .inner .switchModalDescription {
  margin: 0;
  text-align: left;
  padding: 24px 0;
}
.settingsModal.changeStoreDialog .inner > .unavailableProducts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  width: 100%;
  padding-bottom: 24px;
}
.settingsModal.changeStoreDialog .inner > .unavailableProducts > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.settingsModal.changeStoreDialog .inner > .btn-container > button {
  border: 0px solid #fff;
  width: 100%;
  padding: 10px 0px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 5px;
  cursor: pointer;
}
.settingsModal.changeStoreDialog .inner > .btn-container > button:focus-visible, .settingsModal.changeStoreDialog .inner > .btn-container > button:focus {
  outline: 0px solid #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.settingsModal.changeStoreDialog .inner > .btn-container > .btn-green {
  background: #007D4A;
  color: #fff;
  margin-bottom: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid #007D4A;
}
.settingsModal.changeStoreDialog .inner > .btn-container > .btn-green:hover {
  background: #fff;
  color: #007D4A;
}
.settingsModal.changeStoreDialog .inner > .btn-container > .btn-transparent {
  background: #fff;
  color: #007D4A;
  border: 1px solid #007D4A;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.settingsModal.changeStoreDialog .inner > .btn-container > .btn-transparent:hover {
  color: #fff;
  background: #007D4A;
}
.settingsModal.confirmTime .inner {
  height: 100%;
  padding: 3.75rem 1.5rem 1.5rem 1.5rem;
}
.settingsModal.confirmTime .inner .switchModalHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 4px;
  padding-top: 6px;
}
.settingsModal.confirmTime .inner .switchModalHeader .switchModalTitle {
  font-size: 28px;
  font-weight: 700;
  margin-top: 30px;
  text-align: left;
  width: 100%;
}
.settingsModal.confirmTime .inner .switchModalHeader .switchModalSubtitle {
  font-size: 16px;
}
.settingsModal.confirmTime .inner .switchModalDescription {
  text-align: left;
  margin: 30px 0 16px 0;
  font-size: 20px;
  line-height: 100%;
}
.settingsModal.confirmTime .inner .switchModalAproximation {
  font-size: 28px;
  font-weight: 700;
}
.settingsModal.confirmTime .inner .continueText {
  font-size: 20px;
  text-align: center;
  margin-bottom: 24px;
}
.settingsModal.confirmTime .inner > .btn-container > button {
  border: 0px solid #fff;
  width: 100%;
  padding: 10px 0px;
  font-weight: bold;
  text-transform: uppercase;
  border-radius: 5px;
  cursor: pointer;
}
.settingsModal.confirmTime .inner > .btn-container > button:focus-visible, .settingsModal.confirmTime .inner > .btn-container > button:focus {
  outline: 0px solid #fff;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.settingsModal.confirmTime .inner > .btn-container > .btn-green {
  background: #007D4A;
  color: #fff;
  margin-bottom: 12px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border: 1px solid #007D4A;
  height: 100%;
  line-height: inherit;
}
.settingsModal.confirmTime .inner > .btn-container > .btn-green.save {
  font-size: 20px;
  line-height: 14px;
  padding: 20px;
  font-weight: 400;
}
.settingsModal.confirmTime .inner > .btn-container > .btn-green:hover {
  background: #fff;
  color: #007D4A;
}
.settingsModal.confirmTime .inner > .btn-container > .btn-transparent {
  background: #fff;
  color: #007D4A;
  border: 1px solid #007D4A;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.settingsModal.confirmTime .inner > .btn-container > .btn-transparent.close {
  font-size: 20px;
  line-height: 14px;
  padding: 20px;
  font-weight: 400;
  display: block;
  text-transform: uppercase;
  border-radius: 5px;
}
.settingsModal.confirmTime .inner > .btn-container > .btn-transparent:hover {
  color: #fff;
  background: #007D4A;
  text-decoration: none;
}
.settingsModal.orderLaterDialog .switchModalHeader {
  margin-top: 30px;
  text-align: left;
  font-weight: 700;
  font-size: 28px;
}
.settingsModal.orderLaterDialog .switchModalDescription {
  margin: 0;
  text-align: left;
  padding: 2.75rem 0 24px 0;
}

.contentPage .bgTopWrap {
  position: relative;
  z-index: 2;
  background: url("../images/postcodebox/homeBGDesk.png");
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: contain;
}
.contentPage .bgTopWrap header {
  background: transparent;
}
.contentPage .bgTopWrap header .logoCont,
.contentPage .bgTopWrap header .rSide {
  background-color: transparent;
}
.contentPage .bgTopWrap header .logoCont img,
.contentPage .bgTopWrap header .rSide img {
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  .contentPage .bgTopWrap {
    background-size: 1920px auto;
  }
}
.contentPage .bigTitle {
  min-height: 100px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
}
.contentPage .bigTitle h1 {
  width: 100%;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  font-size: 1.7rem;
  line-height: 1;
}
.contentPage .contentSizer {
  width: 1180px;
  margin: 0 auto;
  padding: 0 10px;
  max-width: 100%;
  overflow: auto;
}
.contentPage .navCont {
  background-color: #efefef;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}
.contentPage .navCont .navEntries {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 20px;
}
@media only screen and (max-width: 1200px) {
  .contentPage .navCont .navEntries {
    width: 1200px;
  }
}
.contentPage .navCont .navEntries li {
  margin-right: 40px;
}
.contentPage .navCont .navEntries li a,
.contentPage .navCont .navEntries li span {
  display: block;
  font-size: 20px;
  color: #1c1c1c;
  position: relative;
  padding-bottom: 20px;
}
.contentPage .navCont .navEntries li a:after,
.contentPage .navCont .navEntries li span:after {
  content: "";
  width: 100%;
  height: 4px;
  background-color: #e42313;
  position: absolute;
  bottom: 0;
  left: 0;
}
.contentPage .navCont .navEntries li a:before,
.contentPage .navCont .navEntries li span:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  bottom: -10px;
  left: calc(50% - 12px);
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  /*border-top: 12px solid $red;*/
}
.contentPage .navCont .navEntries li a:not(.active):after, .contentPage .navCont .navEntries li a:not(.active):before,
.contentPage .navCont .navEntries li span:not(.active):after,
.contentPage .navCont .navEntries li span:not(.active):before {
  display: none;
}
.contentPage .navCont .navEntries li a:hover,
.contentPage .navCont .navEntries li span:hover {
  text-decoration: none;
  color: #e42313;
}
.contentPage .navCont .navEntries li a.active,
.contentPage .navCont .navEntries li span.active {
  color: #e42313;
  font-weight: bold;
}
.contentPage .navCont .navEntries li:last-of-type {
  margin-right: 0;
}
@media only screen and (max-width: 1025px) {
  .contentPage .navCont .navEntries li {
    margin-right: 17px;
  }
  .contentPage .navCont .navEntries li a,
  .contentPage .navCont .navEntries li span {
    font-size: 20px;
    padding-bottom: 20px;
  }
  .contentPage .navCont .navEntries li a.active,
  .contentPage .navCont .navEntries li span.active {
    /*text-decoration: underline;*/
    font-weight: bold;
  }
  .contentPage .navCont .navEntries li a.active:before,
  .contentPage .navCont .navEntries li span.active:before {
    display: none;
  }
}
.contentPage .listingIntro, .contentPage .boxTitle {
  padding: 40px 0 20px 0;
  font-size: 25px;
  font-weight: bold;
  line-height: 1.1;
  border-bottom: 1px solid #DBDBDB;
  margin-bottom: 20px;
}
.contentPage .sectionTitle {
  margin-top: 30px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.1;
  border-bottom: 1px solid #DBDBDB;
}
.contentPage .listingSearch {
  width: 520px;
  max-width: 100%;
}
.contentPage .listingSearch input {
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  border-color: transparent;
  width: 100%;
  font-size: 16px;
  height: 50px;
  padding: 10px 5px 10px 10px;
}
.contentPage .storeListing {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 30px 0;
}
.contentPage .storeListing .storeEntry {
  width: 33.33%;
}
.contentPage .storeListing .storeEntry .inner {
  margin: 10px;
  padding: 10px;
  margin-left: 0;
  padding-left: 0;
  padding-bottom: 0;
  margin-right: 30px;
  margin-top: 0;
  color: #1c1c1c;
}
.contentPage .storeListing .storeEntry .inner .name {
  font-size: 20px;
  font-weight: bold;
}
.contentPage .storeListing .storeEntry .inner .desc {
  font-size: 16px;
  line-height: 1.2;
  min-height: 40px;
}
.contentPage .storeListing .storeEntry .inner hr {
  margin-top: 5px;
  border-color: #f8f8f8;
  margin-bottom: 0;
  border-style: solid;
}
.contentPage .storeListing .storeEntry:hover {
  text-decoration: none;
}
.contentPage .storeListing .storeEntry:hover .name {
  color: #007d4a;
}
@media only screen and (max-width: 768px) {
  .contentPage .storeListing .storeEntry {
    width: 50%;
  }
  .contentPage .storeListing .storeEntry .inner {
    padding-right: 0;
    margin-right: 10px;
  }
}
@media only screen and (max-width: 580px) {
  .contentPage .storeListing .storeEntry {
    width: 100%;
  }
  .contentPage .storeListing .storeEntry .inner {
    padding-right: 0;
    margin-right: 10px;
  }
}
.contentPage .storeListingOther {
  margin-bottom: 20px;
}
.contentPage .storeListingOther .otherStoresRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .contentPage .storeListingOther .otherStoresRow {
    display: block;
  }
}
.contentPage .storeListingOther .otherStoresRow .columnOtherStores {
  width: 30%;
}
@media only screen and (max-width: 768px) {
  .contentPage .storeListingOther .otherStoresRow .columnOtherStores {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}
.contentPage .storeListingOther .cardOtherStores a, .contentPage .storeListingOther .cardOtherStores span {
  display: block;
  padding-bottom: 5px;
}
.contentPage .socialList a {
  color: #1c1c1c;
  display: inline-block;
  margin: 5px;
}
.contentPage .mainTermsCondHolder {
  padding-bottom: 50px;
}

.homeContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.homeContent .homeStories {
  width: 1400px;
  max-width: 100%;
  margin: 20px auto;
  padding: 20px 0;
  overflow: hidden;
}
.homeContent .homeStories .slick-list {
  overflow: visible !important;
}
.homeContent .homeStories .storyEntry {
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  margin: 10px;
  color: #1c1c1c;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .homeContent .homeStories .storyEntry {
    margin: 20px;
  }
}
.homeContent .homeStories .storyEntry .imageBox {
  min-height: 175px;
  background-size: cover !important;
  background-position: left center !important;
}
@media only screen and (max-width: 1300px) {
  .homeContent .homeStories .storyEntry .imageBox {
    min-height: 156px;
  }
}
@media only screen and (max-width: 1230px) {
  .homeContent .homeStories .storyEntry .imageBox {
    min-height: 149px;
  }
}
@media only screen and (max-width: 868px) {
  .homeContent .homeStories .storyEntry .imageBox {
    min-height: 135px;
  }
}
@media only screen and (max-width: 768px) {
  .homeContent .homeStories .storyEntry .imageBox {
    min-height: 175px;
  }
}
@media only screen and (max-width: 500px) {
  .homeContent .homeStories .storyEntry .imageBox {
    min-height: 155px;
  }
}
@media only screen and (max-width: 419px) {
  .homeContent .homeStories .storyEntry .imageBox {
    min-height: 125px;
  }
}
.homeContent .homeStories .storyEntry .cont {
  min-height: 62px;
  padding: 20px 20px 8px 20px;
}
.homeContent.shaq_a_roni_homepage .postCodeBox {
  background-image: url("/static/assets/homepage/shaq/hover-homepage.png"), url("/static/assets/homepage/shaq/background-homepage.png");
}
@media only screen and (max-width: 768px) {
  .homeContent.shaq_a_roni_homepage .postCodeBox {
    background-image: url("/static/assets/homepage/shaq/hover-homepage.png"), url("/static/assets/homepage/shaq/background-homepage.png");
  }
}
@media only screen and (max-width: 768px) {
  .homeContent.shaq_a_roni_homepage .postCodeBox .innerOne {
    margin-top: unset;
  }
}
.homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section {
  position: relative;
  width: 100%;
  height: 100%;
  top: -255px;
  margin-bottom: -440px;
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section {
    top: -355px;
    margin-bottom: -540px;
  }
}
@media only screen and (max-width: 640px) {
  .homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section {
    top: -400px;
    margin-bottom: -532px;
  }
}
.homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .green_section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 1088px;
  width: 100%;
  background-image: url("/static/assets/homepage/shaq/hero-deal-desktop.png"), url("/static/assets/homepage/shaq/desktop-bg-green.png");
  background-position: center top 75px, top;
  background-repeat: no-repeat;
  background-size: auto, cover;
  overflow: hidden;
}
@media only screen and (min-width: 1441px) and (max-width: 2012px) {
  .homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .green_section {
    background-position: center top 45px, top;
  }
}
@media only screen and (max-width: 1440px) {
  .homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .green_section {
    background-position: center top 37px, top;
  }
}
@media only screen and (max-width: 640px) {
  .homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .green_section {
    background-image: url("/static/assets/homepage/shaq/mobile-bg-green.png");
    background-size: 130% auto;
    min-height: 100%;
  }
}
.homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .green_section::before {
  content: "";
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 753px;
  width: 100%;
  background-image: url("/static/assets/homepage/shaq/hero-deal-mobile.png");
  background-position: center 28px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 1;
}
@media only screen and (min-width: 401px) and (max-width: 485px) {
  .homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .green_section::before {
    min-height: 900px;
  }
}
@media only screen and (min-width: 486px) and (max-width: 570px) {
  .homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .green_section::before {
    min-height: 1060px;
  }
}
@media only screen and (min-width: 571px) and (max-width: 640px) {
  .homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .green_section::before {
    min-height: 1160px;
  }
}
@media only screen and (min-width: 641px) {
  .homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .green_section::before {
    display: none;
  }
}
.homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .red_section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  top: -185px;
  min-height: 317px;
  width: 100%;
  background-image: url("/static/assets/homepage/shaq/ja-panel-desktop.png"), url("/static/assets/homepage/shaq/desktop-bg-red.png");
  background-position: center, top;
  background-repeat: no-repeat;
  background-size: auto, cover;
  overflow: hidden;
}
@media only screen and (max-width: 1440px) {
  .homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .red_section {
    background-size: initial;
  }
}
@media only screen and (max-width: 640px) {
  .homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .red_section {
    background-image: url("/static/assets/homepage/shaq/ja-panel-mobile.png"), url("/static/assets/homepage/shaq/mobile-bg-red.png");
    background-size: 82%, cover;
    top: -132px;
    min-height: 250px;
  }
}
.homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .red_section .bottom_text {
  color: #FFF;
  font: normal normal bold 21px/24px Italian Plate No2;
  font-size: 24px;
  width: 603px;
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  line-height: normal;
  padding-bottom: 35px;
}
@media only screen and (max-width: 640px) {
  .homeContent.shaq_a_roni_homepage .shaq_a_roni_homepage_section .red_section .bottom_text {
    width: 82%;
    font-size: 16px;
  }
}
.homeContent.hot_deal_homepage .postCodeBox {
  background-image: url("/static/assets/homepage/hotdeal/hover-homepage.png"), url("/static/assets/homepage/hotdeal/background-homepage.png");
}
@media only screen and (max-width: 768px) {
  .homeContent.hot_deal_homepage .postCodeBox {
    background-image: url("/static/assets/homepage/hotdeal/hover-homepage.png"), url("/static/assets/homepage/hotdeal/background-homepage.png");
  }
}
@media only screen and (max-width: 768px) {
  .homeContent.hot_deal_homepage .postCodeBox .innerOne {
    margin-top: unset;
  }
}
.homeContent.hot_deal_homepage .hot_deal_homepage_section {
  position: relative;
  width: 100%;
  height: 100%;
  top: -255px;
  margin-bottom: -440px;
}
@media only screen and (min-width: 641px) and (max-width: 768px) {
  .homeContent.hot_deal_homepage .hot_deal_homepage_section {
    top: -355px;
    margin-bottom: -540px;
  }
}
@media only screen and (max-width: 640px) {
  .homeContent.hot_deal_homepage .hot_deal_homepage_section {
    top: -400px;
    margin-bottom: -532px;
  }
}
.homeContent.hot_deal_homepage .hot_deal_homepage_section .green_section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 800px;
  width: 100%;
  background-image: url("/static/assets/homepage/hotdeal/hero-deal-desktop.png"), url("/static/assets/homepage/shaq/desktop-bg-green.png");
  background-position: center top 75px, top;
  background-repeat: no-repeat;
  background-size: auto, cover;
  overflow: hidden;
}
@media only screen and (min-width: 1441px) and (max-width: 2012px) {
  .homeContent.hot_deal_homepage .hot_deal_homepage_section .green_section {
    background-position: center top 45px, top;
  }
}
@media only screen and (max-width: 1440px) {
  .homeContent.hot_deal_homepage .hot_deal_homepage_section .green_section {
    background-position: center top 37px, top;
  }
}
@media only screen and (max-width: 640px) {
  .homeContent.hot_deal_homepage .hot_deal_homepage_section .green_section {
    background-image: url("/static/assets/homepage/shaq/mobile-bg-green.png");
    background-size: 130% auto;
    min-height: 100%;
  }
}
.homeContent.hot_deal_homepage .hot_deal_homepage_section .green_section::before {
  content: "";
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 753px;
  width: 100%;
  background-image: url("/static/assets/homepage/hotdeal/hero-deal-mobile.png");
  background-position: center 28px;
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: 1;
}
@media only screen and (min-width: 401px) and (max-width: 485px) {
  .homeContent.hot_deal_homepage .hot_deal_homepage_section .green_section::before {
    min-height: 900px;
  }
}
@media only screen and (min-width: 486px) and (max-width: 570px) {
  .homeContent.hot_deal_homepage .hot_deal_homepage_section .green_section::before {
    min-height: 1060px;
  }
}
@media only screen and (min-width: 571px) and (max-width: 640px) {
  .homeContent.hot_deal_homepage .hot_deal_homepage_section .green_section::before {
    min-height: 1160px;
  }
}
@media only screen and (min-width: 641px) {
  .homeContent.hot_deal_homepage .hot_deal_homepage_section .green_section::before {
    display: none;
  }
}
.homeContent.deal_60off_homepage .homePage {
  z-index: 1;
}
.homeContent.deal_60off_homepage .postCodeBox {
  background-image: url("/static/assets/homepage/headers/hover.png"), url("/static/assets/homepage/headers/background.png ");
  min-height: 280px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 768px) {
  .homeContent.deal_60off_homepage .postCodeBox .innerOne {
    margin-top: unset;
  }
}
.homeContent.deal_60off_homepage .deal_60off_homepage_section {
  position: relative;
  width: 100%;
  height: 100%;
  top: -20px;
  margin-bottom: -20px;
}
.homeContent.deal_60off_homepage .deal_60off_homepage_section .green_section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 817px;
  width: 100%;
  background-image: url("/static/assets/homepage/features/c3-homepagebanner-desktop-hotdeal.webp"), url("/static/assets/homepage/features/c3-background.png");
  background-position: top, center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (min-height: 1400px) {
  .homeContent.deal_60off_homepage .deal_60off_homepage_section .green_section {
    min-height: 1364px;
  }
}
@media only screen and (max-width: 640px) {
  .homeContent.deal_60off_homepage .deal_60off_homepage_section .green_section {
    background-image: url("/static/assets/homepage/features/c3-background.png");
    background-size: cover;
    min-height: 100%;
  }
}
.homeContent.deal_60off_homepage .deal_60off_homepage_section .green_section::before {
  content: "";
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 400px;
  width: 100%;
  background-image: url("/static/assets/homepage/features/c3-homepagebanner-mobile-hotdeal.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 320px) {
  .homeContent.deal_60off_homepage .deal_60off_homepage_section .green_section::before {
    min-height: 520px;
  }
}
@media only screen and (min-width: 401px) and (max-width: 485px) {
  .homeContent.deal_60off_homepage .deal_60off_homepage_section .green_section::before {
    min-height: 670px;
  }
}
@media only screen and (min-width: 486px) and (max-width: 570px) {
  .homeContent.deal_60off_homepage .deal_60off_homepage_section .green_section::before {
    min-height: 790px;
  }
}
@media only screen and (min-width: 571px) and (max-width: 640px) {
  .homeContent.deal_60off_homepage .deal_60off_homepage_section .green_section::before {
    min-height: 900px;
  }
}
@media only screen and (min-width: 641px) {
  .homeContent.deal_60off_homepage .deal_60off_homepage_section .green_section::before {
    display: none;
  }
}
.homeContent.testb .homeHeader .logoCont {
  display: none;
}
.homeContent.testb .postCodeBox {
  background-image: url("/static/assets/homepage/home-desktop.png"), url("/static/assets/homepage/home-background-testb.png");
}
@media only screen and (max-width: 768px) {
  .homeContent.testb .postCodeBox {
    background-image: url("/static/assets/homepage/home-mobile.png"), url("/static/assets/homepage/home-background-testb.png");
  }
}
.homeContent.testb .postCodeBox .innerOne {
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  padding: 20px 10px;
}
.homeContent.testb .postCodeBox .innerOne .logoCont {
  margin-bottom: 20px;
}
.homeContent.testc .homePage {
  z-index: 1;
}
.homeContent.testc .postCodeBox {
  background-image: url("/static/assets/homepage/headers/hover.png"), url("/static/assets/homepage/headers/background.png ");
  min-height: 280px;
  -webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 768px) {
  .homeContent.testc .postCodeBox .innerOne {
    margin-top: unset;
  }
}
.homeContent.testc .homepage_banner_container {
  position: relative;
  width: 100%;
  height: 100%;
  top: -20px;
  margin-bottom: -20px;
}
.homeContent.testc .homepage_banner_container .green_section {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 817px;
  width: 100%;
  background-image: url("/static/assets/homepage/features/homepagebanner-desktop-textc.webp"), url("/static/assets/homepage/features/c3-background.png");
  background-position: top, center;
  background-size: cover;
  background-repeat: no-repeat;
  overflow: hidden;
}
@media (min-height: 1400px) {
  .homeContent.testc .homepage_banner_container .green_section {
    min-height: 1364px;
  }
}
@media only screen and (max-width: 640px) {
  .homeContent.testc .homepage_banner_container .green_section {
    background-image: url("/static/assets/homepage/features/c3-background.png");
    background-size: cover;
    min-height: 100%;
  }
}
.homeContent.testc .homepage_banner_container .green_section::before {
  content: "";
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 400px;
  width: 100%;
  background-image: url("/static/assets/homepage/features/homepagebanner-mobile-textc.png");
  background-position: top center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
@media only screen and (min-width: 320px) {
  .homeContent.testc .homepage_banner_container .green_section::before {
    min-height: 520px;
  }
}
@media only screen and (min-width: 401px) and (max-width: 485px) {
  .homeContent.testc .homepage_banner_container .green_section::before {
    min-height: 670px;
  }
}
@media only screen and (min-width: 486px) and (max-width: 570px) {
  .homeContent.testc .homepage_banner_container .green_section::before {
    min-height: 790px;
  }
}
@media only screen and (min-width: 571px) and (max-width: 640px) {
  .homeContent.testc .homepage_banner_container .green_section::before {
    min-height: 900px;
  }
}
@media only screen and (min-width: 641px) {
  .homeContent.testc .homepage_banner_container .green_section::before {
    display: none;
  }
}
.homeContent.testd .homeHeader .logoCont {
  display: none;
}
.homeContent.testd .postCodeBox {
  background-image: url("/static/assets/homepage/features/home-desktop.webp"), url("/static/assets/homepage/features/home-background-testd.webp");
  min-height: 100vh;
  margin: 0;
  background-repeat: no-repeat, no-repeat;
}
@media only screen and (max-width: 768px) {
  .homeContent.testd .postCodeBox {
    background-image: url("/static/assets/homepage/features/home-mobile.webp"), url("/static/assets/homepage/features/home-background-testd.webp");
    background-repeat: no-repeat, no-repeat;
  }
}
.homeContent.testd .postCodeBox .innerOne {
  background-color: #fff;
  border-radius: 5px;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
          box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.2509803922);
  padding: 20px 10px;
  margin-top: 130px;
}
@media only screen and (max-height: 667px) {
  .homeContent.testd .postCodeBox .innerOne {
    margin-top: 63px;
  }
}
@media only screen and (min-height: 668px) and (max-height: 693px) {
  .homeContent.testd .postCodeBox .innerOne {
    margin-top: 34px;
  }
}
@media only screen and (min-height: 694px) and (max-height: 780px) {
  .homeContent.testd .postCodeBox .innerOne {
    margin-top: 86px;
  }
}
@media only screen and (min-height: 781px) and (max-height: 844px) {
  .homeContent.testd .postCodeBox .innerOne {
    margin-top: 141px;
  }
}
@media only screen and (min-height: 845px) and (max-height: 932px) {
  .homeContent.testd .postCodeBox .innerOne {
    margin-top: 163px;
  }
}
.homeContent.testd .postCodeBox .innerOne .logoCont {
  margin-bottom: 20px;
}
.homeContent .homeSectTitleText {
  display: none;
  font-size: 25px;
  line-height: 1.1;
  margin: 40px auto;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 0;
}
.homeContent .homeSectTitleImage {
  display: none;
  height: 90px;
  overflow: hidden;
  position: relative;
  margin: 40px 0 0 0;
}
@media only screen and (max-width: 768px) {
  .homeContent .homeSectTitleImage {
    margin: 40px 0 10px 0;
  }
}
.homeContent .homeSectTitleImage img {
  height: 100%;
  width: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.homeContent .homePr {
  width: 1400px;
  margin: 40px auto;
  max-width: 100%;
}
.homeContent .homePr .elements {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 1100px) {
  .homeContent .homePr .elements .picon {
    max-width: 80px;
  }
  .homeContent .homePr .elements .licon {
    max-width: 100px;
  }
}
@media only screen and (max-width: 640px) {
  .homeContent .homePr .elements {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .homeContent .homePr .elements .one,
  .homeContent .homePr .elements .two,
  .homeContent .homePr .elements .three,
  .homeContent .homePr .elements .four {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .homeContent .homePr .elements .one .licon,
  .homeContent .homePr .elements .two .licon,
  .homeContent .homePr .elements .three .licon,
  .homeContent .homePr .elements .four .licon {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    margin: 20px auto;
    max-width: 50px;
  }
}
.homeContent .homeSeo .inner {
  padding: 0 3.75rem 3.75rem 3.75rem;
}
@media screen and (max-width: 768px) {
  .homeContent .homeSeo .inner {
    padding: 0 1.25rem 3.75rem 1.25rem;
  }
}
.homeContent .homeSeo .inner .seoHeader {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 120%;
  text-align: center;
  margin-bottom: 1rem;
}
.homeContent .homeSeo .inner .seoBody {
  text-align: center;
  max-width: 48.75rem;
  margin: 0 auto;
}
.homeContent .homeSeo .inner .seoBody p {
  font-size: 1.25rem;
  line-height: 140%;
  margin: 0;
}

header.dealBuilderPageHeader .innerH {
  padding-right: 0;
}

.dealBuilderPage {
  width: 100%;
  max-width: 1430px;
  padding-left: 10px;
  padding-right: 10px;
}
.dealBuilderPage .dealBuilderContainer.desktop {
  display: block;
}
.dealBuilderPage .dealBuilderContainer.mobile {
  display: none;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid {
  width: 70%;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .upgradeOfferCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border-radius: 5px;
  border: 2px dashed #007D4A;
  padding: 10px;
  height: 65px;
  cursor: pointer;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .upgradeOfferCard p {
  color: #464646;
  font-size: 20px;
  font-weight: 700;
  margin: 0;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .upgradeOfferCard i {
  font-size: 30px;
  background-color: #fff;
  border-radius: 5px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .upgradeOfferCard i:before {
  color: #007D4A;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .upgradeOfferCard i:after {
  color: #fff;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 0.5rem;
  background-color: #fff;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border: 0;
  background-color: #fff;
  background: #fff;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  height: 65px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead button {
  line-height: 0;
  background-color: transparent;
  border: none;
  padding-right: 10px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead button:focus {
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead i.fal.fa-times-square,
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead i.fas.fa-plus-square {
  color: #007d4a;
  font-size: 30px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead i.fal.fa-times-square {
  font-weight: 400;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead i.fas.fa-repeat {
  font-size: 16px;
  color: #007D4A;
  border: 2px solid #007D4A;
  border-radius: 5px;
  padding: 4px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead i.fas.fa-chevron-down {
  color: #efefef;
  font-size: 14px;
  padding-right: 5px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead .elementDescription {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding: 10px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead h3 {
  margin-bottom: 0;
  /*display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  flex-wrap: wrap;*/
  display: inline;
  color: #464646;
  position: relative;
  font-size: 20px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  letter-spacing: -0.75px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead h3 i.fal.fa-pen {
  font-size: 14px;
  font-weight: 500;
  margin-left: 8px;
  color: #007D4A;
  position: unset;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead h3 h4 {
  margin: 0;
  font-size: 20px;
  line-height: 20px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead h3 i {
  color: #acacac;
  margin-left: 3px;
  font-size: 12px;
  line-height: 25px;
  margin-right: 3px;
  position: absolute;
  top: 20px;
  left: 0;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead h3 .varname {
  display: inline-block;
  font-weight: normal;
  width: 100%;
  font-size: 14px;
  color: #acacac;
  line-height: 15px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead h3 .varname .discount {
  color: #007d4a;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead .elementSubtitle {
  color: #464646;
  font-size: 16px;
  font-weight: 400;
  line-height: normal;
  margin: 0;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderChoice {
  display: none;
  background-color: #fff;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderChoice .listTitle-mobile {
  padding-top: 3rem;
  padding-bottom: 2px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderChoice.menuPage.mainContainer .sectWrap:last-of-type {
  padding-bottom: 10px !important;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderChoice.menuPage.mainContainer .sectWrap .productsRow {
  width: 100%;
  padding-top: 2rem;
}
@media screen and (max-width: 1025px) {
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderChoice.menuPage.mainContainer .sectWrap .productsRow {
    padding-top: 0;
  }
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealOptions {
  background-color: #fff;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealOptions .detailList {
  list-style: none;
  margin: 0;
  padding: 0 15px 10px 10px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealOptions .detailList li {
  font-size: 14px;
  line-height: 16px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealOptions .detailList li .red {
  color: #e42313;
  margin-right: 5px;
  font-size: 18px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealOptions .detailList li .green {
  color: #007d4a;
  margin-right: 5px;
  font-size: 18px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotalContainer {
  width: 28%;
  position: relative;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  border: 0;
  background-color: #fff;
  background: #fff;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding: 0.85rem 1rem 0.75rem;
  position: relative;
  z-index: 2;
  min-height: 5rem;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal p {
  margin-bottom: 0;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalContent p {
  font-size: 18px;
  line-height: 22px;
  padding-bottom: 1rem;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalContent a {
  color: #1c1c1c;
  text-decoration: underline;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalContent a:hover {
  text-decoration: none;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalOffer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #c2e0d5;
  border-radius: 5px;
  padding: 0.5rem 1rem;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalOffer p {
  color: #4c4f4e;
  font-size: 14px;
  font-weight: 600;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalOffer a {
  color: #007d4a;
  font-size: 28px;
  line-height: 0;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalAdd {
  background-color: #007d4a;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  margin-top: 1rem;
}
@media screen and (min-width: 769px) {
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalAdd {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalAdd:hover, .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalAdd:active {
  color: #fff;
  border-color: #ed8b00;
  background-color: #ed8b00;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalAdd.disabled {
  background-color: #707070;
  cursor: not-allowed;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalAdd .addBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 20px;
  line-height: 29px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalAdd p {
  color: #fff;
  margin-bottom: 0;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderContainerHeadImg {
  background-repeat: no-repeat;
  background-size: 103%;
  height: 80px;
  border-radius: 5px;
  margin-bottom: 3rem;
  margin-top: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderContainerHeadImg h1 {
  text-transform: uppercase;
  color: #fff;
  line-height: 2rem;
  font-size: 28px;
  margin-bottom: 0;
  margin-left: 1rem;
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderContainerHeadImg h1 .dealTitle {
  margin-right: 8px;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderContainerHeadImg h1 .pricingDeal {
  white-space: nowrap;
}
.dealBuilderPage .dealBuilderContainer .dealBuilderContainerHeadImg h1 .pricingDeal .dealMaxPrice {
  font-size: 22px;
  font-weight: 400;
  text-decoration: line-through;
}

@media only screen and (max-width: 768px) {
  .backSection {
    display: none;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal {
    padding: 0 0.2rem 0.75rem;
    min-height: unset;
  }
  header.dealBuilderPageHeader {
    display: none;
  }
  .dealBuilderPage {
    padding: 0;
    overflow-x: hidden;
  }
  .dealBuilderPage .dealBuilderContainer.desktop {
    display: none;
  }
  .dealBuilderPage .dealBuilderContainer.mobile {
    display: block;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection {
    display: block;
    padding-left: 10px;
    padding-right: 10px;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal {
    background-color: transparent;
    width: 95%;
    -webkit-box-shadow: none;
            box-shadow: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalContent {
    padding-right: 1rem;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotal .totalContent p {
    padding-top: 0;
    padding-bottom: 0;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotalBottom {
    padding: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    gap: 0.625rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    bottom: 0;
    position: fixed;
    background-color: white;
    width: 100%;
    margin-left: -10px;
    border-radius: 0;
    z-index: 2;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotalBottom .totalOffer {
    width: 100%;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotalBottom .totalOffer p {
    font-size: 16px;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotalBottom .totalAdd {
    margin-top: 0;
    width: 100%;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderTotalBottom .savings {
    display: none;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid {
    width: 95%;
    padding-bottom: 150px;
    display: block;
    margin: 0 auto;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .upgradeOfferCard {
    height: 50px;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .upgradeOfferCard p {
    font-size: 14px;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead {
    height: auto;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead h3 {
    font-size: 16px;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead h3 i.fal.fa-times-square,
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead h3 i.fas.fa-plus-square {
    color: #007d4a;
    font-size: 30px;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead h3 i.fal.fa-times-square {
    font-weight: 400;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead h3 i.fas.fa-repeat {
    font-size: 16px;
    color: #007D4A;
    border: 2px solid #007D4A;
    border-radius: 5px;
    padding: 4px;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderSection .dealBuilderGrid .dealBuilderItem .dealBuilderItemHead .elementSubtitle {
    font-size: 12px;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderContainerHeadImg {
    background-size: 150%;
    height: 100%;
    min-height: 8rem;
    border-radius: 0;
    margin-bottom: 1rem;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderContainerHeadImg h1 {
    text-transform: uppercase;
    color: #fff;
    line-height: 2rem;
    font-size: 22px;
    margin-left: 0.75rem;
    margin-bottom: 1.5rem;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderContainerHeadImg h1 .pricingDeal .dealMaxPrice {
    font-size: 17px;
  }
  .dealBuilderPage .dealBuilderContainer .dealBuilderContainerHeadImg .far.fa-long-arrow-left {
    font-size: 24px;
    text-shadow: 0 0 1px black;
    color: #fff;
    margin-left: 0.75rem;
    margin-top: 0.5rem;
  }
  .dealBuilderMobileModal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 10;
    overflow: auto;
  }
  .dealBuilderMobileModal .menuPage.mainContainer .productsRow {
    margin: 0;
    width: 100%;
  }
  .dealBuilderMobileModal .modalHeader {
    background-color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .dealBuilderMobileModal .modalHeader i {
    font-size: 24px;
    text-shadow: 0 0 1px black;
    color: #000;
    margin-left: 0.75rem;
  }
  .dealBuilderMobileModal .modalHeader h2 {
    margin-bottom: 0;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .dealBuilderMobileModal .dealBuilderItemHead {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    border: 0;
    background-color: #fff;
    cursor: pointer;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 5px;
    height: 50px;
  }
  .dealBuilderMobileModal .dealBuilderItemHead i {
    color: #007d4a;
    font-size: 28px;
  }
  .dealBuilderMobileModal .dealBuilderItemHead i.fas.fa-chevron-down {
    color: #efefef;
    font-size: 14px;
    padding-right: 5px;
  }
  .dealBuilderMobileModal .dealBuilderItemHead h3 {
    margin-bottom: 0;
  }
  .dealBuilderMobileModal .dealBuilderItemHead .pizzaSize {
    display: inline-block;
    width: 100%;
    font-size: 14px;
    color: #acacac;
    padding-left: 17px;
  }
  .dealBuilderMobileModal .dealBuilderItemHead button {
    line-height: 0;
    background-color: transparent;
    border: none;
  }
  .dealBuilderMobileModal .dealBuilderItemHead button:focus {
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .dealBuilderMobileModal .dealBuilderItem.stepTwo {
    margin: 0rem 0.5rem 2rem;
  }
  .dealBuilderMobileModal .dealOptionsMobile {
    background-color: #fff;
  }
  .dealBuilderMobileModal .dealOptionsMobile .detailList {
    list-style: none;
    margin: 0;
    padding: 0 15px 10px 20px;
  }
  .dealBuilderMobileModal .dealOptionsMobile .detailList li {
    font-size: 14px;
    line-height: 16px;
  }
  .dealBuilderMobileModal .dealOptionsMobile .detailList li .red {
    color: #e42313;
    margin-right: 5px;
    font-size: 18px;
  }
  .dealBuilderMobileModal .dealOptionsMobile .detailList li .green {
    color: #007d4a;
    margin-right: 5px;
    font-size: 18px;
  }
  .dealBuilderMobileModal .quickAdd {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
  }
  .dealBuilderMobileModal .quickAdd .quickAddHeader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 0.75rem;
    padding-left: 13px;
  }
  .dealBuilderMobileModal .quickAdd .quickAddHeader img {
    max-height: 45px;
  }
  .dealBuilderMobileModal .quickAdd .quickAddHeader span {
    color: #e42313;
    font-weight: 900;
    font-size: 1.2rem;
  }
  .dealBuilderMobileModal .quickAdd p {
    padding-left: 13px;
  }
}
.signInBoxWrapper .innerOne {
  max-width: 325px;
  margin: 40px auto 0 auto;
}
.signInBoxWrapper .innerOne h2 {
  text-align: center;
  font-size: 25px;
  color: white;
}
.signInBoxWrapper .innerOne p {
  text-align: center;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  margin-left: 8px;
  line-height: 1.2;
  color: white;
}
.signInBoxWrapper .innerOne .signInBox {
  width: 325px !important;
  height: 245px !important;
}
.signInBoxWrapper .innerOne .signInBox a {
  margin-top: 6px;
}
.signInBoxWrapper .innerOne .frgtPass .frgPasTxt {
  margin-top: 7px;
}
.signInBoxWrapper .innerOne .frgtPass .frgPasTxt p {
  text-align: center;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
}
.signInBoxWrapper .innerOne .signInBox,
.signInBoxWrapper .innerOne .registerBoxTotal {
  background-color: white;
  border-radius: 5px;
  padding: 10px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  width: 100%;
}
.signInBoxWrapper .innerOne .signInBox input.hasC ~ label,
.signInBoxWrapper .innerOne .registerBoxTotal input.hasC ~ label {
  top: -10px;
  font-size: 12px;
  color: #1c1c1c;
  background-color: #fff;
}
.signInBoxWrapper .innerOne .signInBox input.valid,
.signInBoxWrapper .innerOne .registerBoxTotal input.valid {
  border-color: #007d4a !important;
}
.signInBoxWrapper .innerOne .signInBox input.valid ~ label,
.signInBoxWrapper .innerOne .registerBoxTotal input.valid ~ label {
  color: #007d4a;
}
.signInBoxWrapper .innerOne .signInBox input.invalid,
.signInBoxWrapper .innerOne .registerBoxTotal input.invalid {
  border-color: #e42313 !important;
}
.signInBoxWrapper .innerOne .signInBox input.invalid ~ label,
.signInBoxWrapper .innerOne .registerBoxTotal input.invalid ~ label {
  color: #e42313;
}
.signInBoxWrapper .innerOne .signInBox button[type=submit],
.signInBoxWrapper .innerOne .registerBoxTotal button[type=submit] {
  width: 100%;
  border-radius: 5px;
  background-color: #007d4a;
  color: white;
  font-weight: 700;
  height: 40px;
  margin-top: 20px;
  font-size: 20px;
  border: none;
  cursor: pointer;
}
.signInBoxWrapper .innerOne .signInBox input[type=email],
.signInBoxWrapper .innerOne .registerBoxTotal input[type=email] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
  height: 40px;
}
.signInBoxWrapper .innerOne .signInBox input[type=password],
.signInBoxWrapper .innerOne .registerBoxTotal input[type=password] {
  width: 100%;
  padding-right: 60px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  height: 40px;
}
.signInBoxWrapper .innerOne .signInBox input[type=text],
.signInBoxWrapper .innerOne .registerBoxTotal input[type=text] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
  height: 40px;
}
.signInBoxWrapper .innerOne .signInBox a,
.signInBoxWrapper .innerOne .registerBoxTotal a {
  color: black;
  text-decoration: underline;
  padding-top: 10px;
  display: block;
  text-align: center;
}
.signInBoxWrapper .innerOne .signInBox .beforeClick,
.signInBoxWrapper .innerOne .registerBoxTotal .beforeClick {
  margin-right: 14px !important;
  margin-top: -30px !important;
}
.signInBoxWrapper .innerOne .signInBox .fa-eye,
.signInBoxWrapper .innerOne .registerBoxTotal .fa-eye {
  float: right;
  margin-right: 37px;
  margin-top: -30px;
  position: relative;
  z-index: 2;
  color: green;
}
.signInBoxWrapper .innerOne .signInBox .fa-eye-slash,
.signInBoxWrapper .innerOne .registerBoxTotal .fa-eye-slash {
  float: right;
  margin-right: 37px;
  margin-top: -30px;
  position: relative;
  z-index: 2;
  color: #cccccc;
}
.signInBoxWrapper .innerOne .pcLoader {
  display: none;
}

.registerBox {
  max-width: 325px;
  margin: 65px auto 10px auto;
  display: block;
}
.registerBox h2 {
  text-align: center;
  margin-bottom: -7px;
  margin-top: 60px;
}
.registerBox p {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 1.2;
}
.registerBox button {
  background-color: white;
  border-radius: 5px;
  border: 2px solid #007d4a;
  color: #007d4a;
  width: 305px;
  margin-left: 10px;
  height: 40px;
  font-size: 20px;
  font-weight: bold;
}

.privacyPolicyBox {
  max-width: 325px;
  margin: 70px auto 10px auto;
  display: block;
}
.privacyPolicyBox p {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  margin-top: 70px;
  line-height: 1.2;
}
.privacyPolicyBox a {
  color: black;
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .registerBox {
    margin-top: 10px;
  }
  h2 {
    margin-top: 25px;
  }
}
@media only screen and (max-width: 400px) {
  .signInBoxWrapper .innerOne h2 {
    margin-top: 25px;
  }
  .registerBox {
    margin: 10px auto 5px auto;
    display: block;
  }
}
.registerBoxWrapper .innerOne {
  max-width: 325px;
  margin: 40px auto 0 auto;
}
.registerBoxWrapper .innerOne h2 {
  text-align: center;
  margin-top: 40px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 25px;
  color: white;
}
.registerBoxWrapper .innerOne .registerTopText {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  color: white;
  line-height: 1.2;
}
.registerBoxWrapper .innerOne p {
  text-align: center;
}
.registerBoxWrapper .innerOne .registerBoxTotal {
  background-color: white;
  border-radius: 5px;
  padding: 10px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  width: 100%;
}
.registerBoxWrapper .innerOne .registerBoxTotal ::-webkit-input-placeholder {
  color: #cccccc;
}
.registerBoxWrapper .innerOne .registerBoxTotal ::-moz-placeholder {
  color: #cccccc;
}
.registerBoxWrapper .innerOne .registerBoxTotal :-ms-input-placeholder {
  color: #cccccc;
}
.registerBoxWrapper .innerOne .registerBoxTotal ::-ms-input-placeholder {
  color: #cccccc;
}
.registerBoxWrapper .innerOne .registerBoxTotal ::placeholder {
  color: #cccccc;
}
.registerBoxWrapper .innerOne .registerBoxTotal input.hasC ~ label {
  top: -10px;
  font-size: 12px;
  color: #1c1c1c;
  background-color: #fff;
}
.registerBoxWrapper .innerOne .registerBoxTotal input.valid {
  border-color: #007d4a !important;
}
.registerBoxWrapper .innerOne .registerBoxTotal input.valid ~ label {
  color: #007d4a;
}
.registerBoxWrapper .innerOne .registerBoxTotal input.invalid {
  border-color: #e42313 !important;
}
.registerBoxWrapper .innerOne .registerBoxTotal input.invalid ~ label {
  color: #e42313;
}
.registerBoxWrapper .innerOne .registerBoxTotal input.valid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  width: 18px;
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_valid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.registerBoxWrapper .innerOne .registerBoxTotal input.invalid {
  border-color: red !important;
}
.registerBoxWrapper .innerOne .registerBoxTotal input.invalid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  width: 18px;
  font-family: "Font Awesome 5 Pro";
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_invalid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.registerBoxWrapper .innerOne .registerBoxTotal input[type=text] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.registerBoxWrapper .innerOne .registerBoxTotal input[type=email] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
  margin: 10px 0;
}
.registerBoxWrapper .innerOne .registerBoxTotal input#mobileNumber {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.registerBoxWrapper .innerOne .registerBoxTotal input[type=password] {
  width: 100%;
  padding-right: 60px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  margin: 10px 0;
}
.registerBoxWrapper .innerOne .registerBoxTotal button {
  width: 100%;
  border-radius: 5px;
  background-color: #007d4a;
  color: white;
  font-weight: 700;
  border: none;
  font-size: 20px;
  height: 40px;
  margin-bottom: 10px;
  cursor: pointer;
}
.registerBoxWrapper .innerOne .registerBoxTotal .beforeClick {
  margin-right: 14px !important;
  margin-top: -38px !important;
}
.registerBoxWrapper .innerOne .registerBoxTotal .fa-eye {
  float: right;
  margin-right: 37px;
  margin-top: -39px;
  position: relative;
  z-index: 2;
  color: green;
}
.registerBoxWrapper .innerOne .registerBoxTotal .fa-eye-slash {
  float: right;
  margin-right: 37px;
  margin-top: -30px;
  position: relative;
  z-index: 2;
  color: #cccccc;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox5 {
  margin-bottom: 10px;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox5 p {
  text-align: left;
  font-size: 12px;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox5 i {
  padding: 5px;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox5 span {
  color: red;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox6 p {
  text-align: left;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 {
  margin-bottom: 20px;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 p {
  text-align: left;
  margin-left: 20px;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox1 {
  display: inline-block;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox1 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox1 .labelWrapper p {
  padding-top: 8px;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox1 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox1 .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox2 {
  display: inline-block;
  margin-left: 80px;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox2 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox2 .labelWrapper p {
  padding-top: 8px;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox2 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox2 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox2 .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox2 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox2 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox2 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.registerBoxWrapper .innerOne .registerBoxTotal .registerBox7 .checkBox2 .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.registerBox {
  max-width: 325px;
  margin: 0px auto 10px auto;
  display: block;
}
.registerBox h2 {
  text-align: center;
}
.registerBox p {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  line-height: 1.2;
}
.registerBox button {
  background-color: white;
  border-radius: 5px;
  border: 2px solid #007d4a;
  color: #007d4a;
  width: 305px;
  height: 40px;
  font-size: 20px;
  font-weight: bold;
}

.privacyPolicyBox {
  max-width: 325px;
  margin: 70px auto 10px auto;
  display: block;
}
.privacyPolicyBox p {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  line-height: 1.2;
}
.privacyPolicyBox a {
  color: black;
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .registerBox {
    margin-top: 0;
  }
}
@media only screen and (max-width: 400px) {
  .registerBox {
    margin: 0 auto 5px auto;
    display: block;
  }
}
/*  ------------------user profile - page 1 - start ------------------------  */
.userProfileWrapper {
  background-image: url("/images/postcodebox/homeBGDesk.png");
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
  height: 300px;
}
.userProfileWrapper .innerOne {
  max-width: 325px;
  margin: 40px auto 10px auto;
}
.userProfileWrapper .innerOne h2 {
  text-align: center;
  margin-top: 40px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 25px;
  color: white;
}
.userProfileWrapper .innerOne .userProfileTopText {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 1.2;
  color: white;
}
.userProfileWrapper .innerOne p {
  text-align: center;
}
.userProfileWrapper .innerOne .userProfile_topBox {
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  max-width: 325px;
}
.userProfileWrapper .innerOne .userProfile_topBox a {
  color: black;
}
.userProfileWrapper .innerOne .userProfile_topBox a:hover {
  text-decoration: none;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_details {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #efefef;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_details .fa-user-circle {
  padding: 15px;
  padding-left: 5px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_details .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_password {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #efefef;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_password .fa-shield-alt {
  padding: 15px;
  padding-left: 5px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_password .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_marketingPref {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #efefef;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_marketingPref .fa-comment-alt-check {
  padding: 15px;
  padding-left: 5px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_marketingPref .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_savedAddresses {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #efefef;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_savedAddresses .fa-directions {
  padding: 15px;
  padding-left: 5px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_savedAddresses .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_rewards {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #efefef;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_rewards .fa-pizza-slice {
  padding: 15px;
  padding-left: 5px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_rewards .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_history {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #efefef;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_history .fa-history {
  padding: 15px;
  padding-left: 5px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_history .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_yourData {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #efefef;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_yourData .fa-id-card {
  padding: 15px;
  padding-left: 5px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_yourData .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_contact {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #efefef;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_contact .fa-headset {
  padding: 15px;
  padding-left: 5px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_contact .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_logOut {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_logOuthover {
  color: #007d4a;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_logOut span {
  margin-right: 10px;
}

.userProfile_privacyPolicyBox {
  max-width: 325px;
  margin: 210px auto 10px auto;
  display: block;
}
.userProfile_privacyPolicyBox p {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  line-height: 1.2;
}
.userProfile_privacyPolicyBox a {
  color: black;
  text-decoration: underline;
}

/*  ------------------user profile - page 2 - start ------------------------  */
.userProfileWrapper_details {
  background-image: url("/images/postcodebox/homeBGDesk.png");
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
  height: 300px;
}
.userProfileWrapper_details .innerOne {
  max-width: 325px;
  margin: 40px auto 10px auto;
}
.userProfileWrapper_details .innerOne h2 {
  text-align: center;
  margin-top: 40px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 25px;
  color: white;
}
.userProfileWrapper_details .innerOne .userProfileText_details {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 1.2;
  color: white;
}
.userProfileWrapper_details .innerOne p {
  text-align: center;
}
.userProfileWrapper_details .innerOne .userProfileBox_details {
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  padding: 10px;
  width: 100%;
}
.userProfileWrapper_details .innerOne .userProfileBox_details input[type=text] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.userProfileWrapper_details .innerOne .userProfileBox_details input[type=email] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
  margin: 10px 0;
}
.userProfileWrapper_details .innerOne .userProfileBox_details input#mobileNumber_userProfile {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.userProfileWrapper_details .innerOne .userProfileBox_details button {
  width: 100%;
  border-radius: 5px;
  background-color: rgb(221, 219, 219);
  color: white;
  font-weight: bold;
  border: none;
  font-size: 22px;
  height: 40px;
  margin: 10px 0;
}
.userProfileWrapper_details .innerOne .userProfileBox_details .userProfileBox_link {
  text-decoration: underline;
  text-align: center;
  cursor: pointer;
}
.userProfileWrapper_details .innerOne .userProfileBox_details .userProfileBox_link a {
  color: black;
}

.userProfile_privacyPolicyBox_details {
  max-width: 325px;
  margin: 210px auto 10px auto;
  display: block;
}
.userProfile_privacyPolicyBox_details p {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  line-height: 1.2;
}
.userProfile_privacyPolicyBox_details a {
  color: black;
  text-decoration: underline;
}

/*  ------------------user profile - page 3 - start ------------------------  */
.userProfileWrapper_marketingPref {
  background-image: url("/images/postcodebox/homeBGDesk.png");
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
  height: 300px;
}
.userProfileWrapper_marketingPref .innerOne {
  max-width: 325px;
  margin: 40px auto 10px auto;
}
.userProfileWrapper_marketingPref .innerOne h2 {
  text-align: center;
  margin-top: 40px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 25px;
  color: white;
}
.userProfileWrapper_marketingPref .innerOne .userProfileText_marketingPref {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 1.2;
  color: white;
}
.userProfileWrapper_marketingPref .innerOne p {
  text-align: center;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref {
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  padding: 10px;
  width: 100%;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userText p {
  text-align: left !important;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 15px 0 5px 0;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox p {
  text-align: center;
  margin-right: 56px;
  padding-top: 7px;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox1 {
  width: 50%;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox1 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox1 .labelWrapper .userProfile_marketingPref_email {
  padding-left: 10px;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox1 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox1 .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox1 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox1 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox1 .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox2 {
  width: 50%;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox2 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox2 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox2 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox2 .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox2 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox2 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox2 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfile_checkBox .checkBox2 .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref button {
  width: 100%;
  border-radius: 5px;
  background-color: #007d4a;
  color: white;
  font-weight: bold;
  border: none;
  font-size: 22px;
  height: 40px;
  margin: 10px 0;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfileBox_link {
  text-decoration: underline;
  text-align: center;
  cursor: pointer;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .userProfileBox_link a {
  color: black;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .unsubscribeStripe {
  width: 100%;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(237, 139, 0)), color-stop(14%, rgb(237, 139, 0)), color-stop(14%, rgb(251, 225, 190)), to(rgb(251, 225, 190)));
  background: linear-gradient(to right, rgb(237, 139, 0) 0%, rgb(237, 139, 0) 14%, rgb(251, 225, 190) 14%, rgb(251, 225, 190) 100%);
  padding: 15px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 13px;
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .unsubscribeStripe .fa-comment-alt-slash {
  margin-right: 20px;
  color: #fff;
}
@media only screen and (max-width: 450px) {
  .userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .unsubscribeStripe .fa-comment-alt-slash {
    margin-right: 10px;
  }
}
.userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .unsubscribeStripe .unsubscribeStripe_text {
  margin-left: 5px;
}
@media only screen and (min-width: 390px) and (max-width: 420px) {
  .userProfileWrapper_marketingPref .innerOne .userProfileBox_marketingPref .unsubscribeStripe .unsubscribeStripe_text {
    margin-left: 10px;
  }
}

.userProfile_privacyPolicyBox_marketingPref {
  max-width: 325px;
  margin: 485px auto 10px auto;
  display: block;
}
.userProfile_privacyPolicyBox_marketingPref p {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  line-height: 1.2;
}
.userProfile_privacyPolicyBox_marketingPref a {
  color: black;
  text-decoration: underline;
}

/*  ------------------user profile - page 4 - start ------------------------  */
.passwordStripe {
  width: 100%;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(237, 139, 0)), color-stop(14%, rgb(237, 139, 0)), color-stop(14%, rgb(251, 225, 190)), to(rgb(251, 225, 190)));
  background: linear-gradient(to right, rgb(237, 139, 0) 0%, rgb(237, 139, 0) 14%, rgb(251, 225, 190) 14%, rgb(251, 225, 190) 100%);
  padding: 15px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 13px;
}
.passwordStripe .fa-shield-check,
.passwordStripe .fa-comment-alt-slash {
  margin-left: 5px;
  color: #fff;
}
.passwordStripe .passwordStripe_text {
  margin-left: 23px;
}

.userProfileWrapper_password {
  background-image: url("/images/postcodebox/homeBGDesk.png");
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
  height: 300px;
}
.userProfileWrapper_password .innerOne {
  max-width: 325px;
  margin: 40px auto 10px auto;
}
.userProfileWrapper_password .innerOne h2 {
  text-align: center;
  margin-top: 40px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 25px;
  color: white;
}
.userProfileWrapper_password .innerOne .userProfileText_password {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 1.2;
  color: white;
}
.userProfileWrapper_password .innerOne p {
  text-align: center;
}
.userProfileWrapper_password .innerOne .userProfileBox_password {
  background-color: #fff;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  padding: 10px;
  width: 100%;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .passwordStripe {
  width: 100%;
  border-radius: 5px;
  background: -webkit-gradient(linear, left top, right top, from(rgb(237, 139, 0)), color-stop(14%, rgb(237, 139, 0)), color-stop(14%, rgb(251, 225, 190)), to(rgb(251, 225, 190)));
  background: linear-gradient(to right, rgb(237, 139, 0) 0%, rgb(237, 139, 0) 14%, rgb(251, 225, 190) 14%, rgb(251, 225, 190) 100%);
  padding: 15px 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 13px;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .passwordStripe .fa-shield-check {
  margin-left: 5px;
  color: #fff;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .passwordStripe .passwordStripe_text {
  margin-left: 23px;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_currentPassword input[type=password] {
  width: 100%;
  padding-right: 60px;
  border-radius: 5px;
  border: 1px solid #cccccc;
  margin: 10px 0;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_currentPassword ::-webkit-input-placeholder {
  color: #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_currentPassword ::-moz-placeholder {
  color: #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_currentPassword :-ms-input-placeholder {
  color: #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_currentPassword ::-ms-input-placeholder {
  color: #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_currentPassword ::placeholder {
  color: #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_currentPassword .fa-eye {
  float: right;
  margin-right: 13px;
  margin-top: -39px;
  position: relative;
  z-index: 2;
  color: #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_newPassword input[type=password] {
  width: 100%;
  padding-right: 60px;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_newPassword ::-webkit-input-placeholder {
  color: #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_newPassword ::-moz-placeholder {
  color: #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_newPassword :-ms-input-placeholder {
  color: #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_newPassword ::-ms-input-placeholder {
  color: #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_newPassword ::placeholder {
  color: #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_newPassword .fa-eye {
  float: right;
  margin-right: 13px;
  margin-top: -29px;
  position: relative;
  z-index: 2;
  color: #cccccc;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfile_detailsPassword {
  width: 100%;
  font-size: 12px;
  margin: 10px 0 5px 0;
  color: rgb(112, 112, 112);
}
.userProfileWrapper_password .innerOne .userProfileBox_password button {
  width: 100%;
  border-radius: 5px;
  background-color: #007d4a;
  color: white;
  font-weight: bold;
  border: none;
  font-size: 22px;
  height: 40px;
  margin: 10px 0;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfileBox_link {
  text-decoration: underline;
  text-align: center;
  cursor: pointer;
}
.userProfileWrapper_password .innerOne .userProfileBox_password .userProfileBox_link a {
  color: black;
}

.userProfile_privacyPolicyBox_password {
  max-width: 325px;
  margin: 371px auto 10px auto;
  display: block;
}
.userProfile_privacyPolicyBox_password p {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  line-height: 1.2;
}
.userProfile_privacyPolicyBox_password a {
  color: black;
  text-decoration: underline;
}

.addresses .userProfile_privacyPolicyBox_password {
  margin: 210px auto 10px auto;
}

@media screen and (max-width: 768px) {
  .ordersPage:has(#orderDetailsPage) {
    background-color: #F4F4F4;
  }
}
@media screen and (max-width: 768px) {
  .ordersPage:has(#orderDetailsPage) footer {
    display: none;
  }
}

.userProfileWrapper_orders {
  background-image: url("/images/postcodebox/homeBGDesk.png");
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
  height: 240px;
}
#orderDetailsPage .userProfileWrapper_orders {
  height: 210px;
}
@media screen and (max-width: 768px) {
  #orderDetailsPage .userProfileWrapper_orders {
    display: none;
  }
}
#orderDetailsPage .userProfileWrapper_orders .innerOne {
  margin: 30px auto 20px auto;
}
#orderDetailsPage .userProfileWrapper_orders .innerOne h2 {
  text-align: center;
  margin-top: 30px;
}
.userProfileWrapper_orders .inner .qr-banner {
  height: 115px;
  background-color: #F4F4F4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.userProfileWrapper_orders .inner .qr-banner img {
  position: absolute;
}
.userProfileWrapper_orders .inner .qr-banner .qr-image-top {
  width: 5.625rem;
  height: 5.875rem;
  top: -0.5625rem;
  left: -6.875rem;
}
.userProfileWrapper_orders .inner .qr-banner .qr-image-bottom {
  bottom: 0;
  left: -188px;
}
.userProfileWrapper_orders .inner .qr-banner-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.375rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 100%;
  position: relative;
}
.userProfileWrapper_orders .inner .qr-banner-content * {
  margin: 0;
}
.userProfileWrapper_orders .inner .qr-banner-content .title {
  font-size: 36px;
  line-height: 26px;
  color: #007A53;
  font-family: "Papa Sans Heavy";
}
.userProfileWrapper_orders .inner .qr-banner-content .subtitle {
  font-size: 20px;
  line-height: 16px;
  font-family: "Papa Sans Medium";
  text-transform: uppercase;
}
.userProfileWrapper_orders .inner .qr-banner-content .description {
  line-height: 16px;
}
.userProfileWrapper_orders .innerOne {
  max-width: 325px;
  margin: 40px auto 20px auto;
}
.userProfileWrapper_orders .innerOne h2 {
  text-align: center;
  margin-top: 40px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 25px;
  color: white;
}
.userProfileWrapper_orders .innerOne .userProfileTopText {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 1.2;
  color: white;
}
.userProfileWrapper_orders .innerOne p {
  text-align: center;
}
.userProfileWrapper_orders .userProfileBox_orders {
  width: 100%;
  float: left;
  padding: 24px 16px 100px;
}
.userProfileWrapper_orders .userProfileBox_orders .activeOrders, .userProfileWrapper_orders .userProfileBox_orders .oldOrders {
  max-width: 37.625rem;
  margin: 0 auto;
}
.userProfileWrapper_orders .userProfileBox_orders .activeOrders h3, .userProfileWrapper_orders .userProfileBox_orders .oldOrders h3 {
  text-align: center;
  margin-bottom: 1rem;
}
.userProfileWrapper_orders .userProfileBox_orders .numberOrder {
  font-weight: bold;
}
.userProfileWrapper_orders .userProfileBox_orders .btnTrack {
  background-color: #007D4A;
  color: white;
  border-radius: 5px;
  border: none;
  width: 100%;
  height: 33px;
  cursor: pointer;
  font-size: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 6px;
}
.userProfileWrapper_orders .userProfileBox_orders .detailsBox {
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
}
.userProfileWrapper_orders .userProfileBox_orders .detailsBox .openDetails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #007D4A;
  text-decoration: none;
}
.userProfileWrapper_orders .userProfileBox_orders .detailsBox .openDetails span {
  margin-right: 6px;
  font-weight: bold;
}
.userProfileWrapper_orders .userProfileBox_orders .detailOrder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-block: 16px;
  margin-inline: 16px;
  border-top: 1px solid #D9D9D9;
  gap: 10px;
}
.userProfileWrapper_orders .userProfileBox_orders .detailOrder .detailsBoxLeft,
.userProfileWrapper_orders .userProfileBox_orders .detailOrder .detailsBoxTop {
  -ms-flex-preferred-size: calc(50% - 5px);
      flex-basis: calc(50% - 5px);
}
.userProfileWrapper_orders .userProfileBox_orders .detailOrder .detailsBoxLeft div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.userProfileWrapper_orders .userProfileBox_orders .detailOrder .detailsBoxTrack {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  text-decoration: none;
}
.userProfileWrapper_orders .userProfileBox_orders .addressDetail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 650px) {
  .userProfileWrapper_orders .userProfileBox_orders .addressDetail {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.userProfileWrapper_orders .basket {
  width: 50%;
  float: right;
  padding: 80px 200px;
}
@media only screen and (max-width: 2200px) {
  .userProfileWrapper_orders .basket {
    padding: 80px 100px;
  }
}
@media only screen and (max-width: 1300px) {
  .userProfileWrapper_orders .basket {
    width: 100%;
    padding: 80px 200px;
  }
  .userProfileWrapper_orders .basket {
    display: none !important;
  }
}
@media only screen and (max-width: 900px) {
  .userProfileWrapper_orders .basket {
    width: 100%;
    padding: 80px 100px;
  }
}
@media only screen and (max-width: 650px) {
  .userProfileWrapper_orders .basket {
    width: 100%;
    padding: 60px 30px;
  }
}

#orderDetailsPage .reorderStatusContainer {
  margin-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  #orderDetailsPage .reorderStatusContainer {
    display: none;
    margin-top: 1rem;
    margin-bottom: 0;
    padding: 0 1rem;
  }
}
@media screen and (max-width: 768px) {
  #orderDetailsPage .reorderStatusContainer.mobile {
    display: block;
  }
}
@media screen and (min-width: 769px) {
  #orderDetailsPage .reorderStatusContainer.mobile {
    display: none;
  }
}
#orderDetailsPage .reorderStatusContainer h2 {
  margin-bottom: 1rem;
  font-size: 28px;
  line-height: 20px;
  font-weight: 700;
  color: #007A53;
  text-align: start;
}
#orderDetailsPage .reorderStatusContainer p {
  margin-bottom: 0;
  font-size: 1rem;
  line-height: 120%;
  color: #545454;
}
@media screen and (max-width: 768px) {
  #orderDetailsPage .reorderStatusContainer p {
    text-align: center;
  }
}
#orderDetailsPage .mobileHero {
  display: none;
  padding: 1.5rem 1.5rem 0;
  background-color: #F4F4F4;
  overflow: hidden;
}
#orderDetailsPage .mobileHero:has(.reorder) {
  padding: 0.75rem 1.5rem 0;
}
#orderDetailsPage .mobileHero a {
  font-size: 1.5rem;
  color: black;
  margin-right: 0.625rem;
  position: absolute;
}
#orderDetailsPage .mobileHero .titleContainer {
  text-align: center;
  margin: 0 auto;
}
#orderDetailsPage .mobileHero .titleContainer .title {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-weight: 700;
  margin: 0.625rem 0;
}
#orderDetailsPage .mobileHero .titleContainer h2, #orderDetailsPage .mobileHero .titleContainer img {
  display: none;
}
#orderDetailsPage .mobileHero .titleContainer.reorder {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
#orderDetailsPage .mobileHero .titleContainer.reorder h2 {
  display: block;
  font-size: 2.5rem;
  line-height: 90%;
  color: #007a53;
  font-family: "Papa Sans Heavy";
  margin: 0 0 0.5rem;
}
#orderDetailsPage .mobileHero .titleContainer.reorder img {
  display: block;
  position: absolute;
  width: 74px;
  height: 74px;
  top: -1.25rem;
  right: -5.875rem;
}
#orderDetailsPage .mobileHero .titleContainer.reorder .title {
  font-size: 1.25rem;
  line-height: 1.25rem;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #orderDetailsPage .mobileHero {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.orderData {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: 1120px;
  margin: 0 auto;
  padding: 2.5rem 1.25rem 6.25rem;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .orderData {
    padding: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.orderData .orderDetailsContainer {
  -ms-flex-preferred-size: 41%;
      flex-basis: 41%;
}
.orderData .orderDetailsContainer .fixedDetails {
  position: sticky;
  top: 1.875rem;
}
.orderData .orderDetailsContainer .fixedDetails .infoLine {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.orderData .orderDetailsContainer .fixedDetails .infoLine.noReorder {
  margin-top: 1.875rem;
  margin-bottom: 0;
  background-color: #FAD3D0;
  color: #8B170D;
  border-radius: 5px;
  padding: 6px 8px;
  font-size: 14px;
}
.orderData .orderDetailsContainer .fixedDetails .infoLine.noReorder i {
  font-size: 20px;
}
.orderData .orderDetailsContainer .fixedDetails .infoLine i {
  margin-right: 0.5rem;
}
@media screen and (max-width: 900px) {
  .orderData .orderDetailsContainer {
    -ms-flex-preferred-size: 46%;
        flex-basis: 46%;
  }
}
@media screen and (max-width: 768px) {
  .orderData .orderDetailsContainer {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
  .orderData .orderDetailsContainer h2 {
    display: none;
  }
  .orderData .orderDetailsContainer .fixedDetails {
    position: unset;
  }
  .orderData .orderDetailsContainer .fixedDetails .infoLine.noReorder {
    display: none;
  }
}
.orderData .orderDetailsBasket .box {
  padding: 2rem;
}
.orderData .orderDetailsBasket .box.reorderVersion {
  padding: 1rem;
}
.orderData .orderDetailsBasket .box.reorderVersion .basketRow .fillRow,
.orderData .orderDetailsBasket .box.reorderVersion .basketRow .amount {
  font-weight: 700;
}
.orderData .box {
  padding: 1.5rem;
  background-color: #F4F4F4;
  border-radius: 0.625rem;
  margin-bottom: 1.375rem;
}
@media screen and (max-width: 768px) {
  .orderData .box {
    border-radius: 0;
    margin-bottom: 0;
  }
}
.orderData .box h2 {
  text-align: center;
  margin-bottom: 1.5rem;
  margin-top: 0;
  color: #464646;
}
.orderData .box .orderProperties {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1.5rem 0.625rem;
}
.orderData .box .orderProperties .property {
  -ms-flex-preferred-size: calc(50% - 0.3125rem);
      flex-basis: calc(50% - 0.3125rem);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.orderData .box .orderProperties .property i {
  margin-top: 0.125rem;
  margin-right: 1rem;
}
.orderData .box .orderProperties .property p {
  margin: 0;
  color: #464646;
}
.orderData .box .orderProperties .property .title {
  font-size: 1rem;
  line-height: 1rem;
}
.orderData .box .orderProperties .property .value {
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 700;
}
.orderData .reorderCtaBox {
  padding-top: 1.125rem;
}
.orderData .reorderCtaBox.topBox {
  padding-top: 0;
}
.orderData .reorderCtaBox.topBox .box h2 {
  font-size: 2.5rem;
}
.orderData .reorderCtaBox.mobile {
  display: none;
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  .orderData .reorderCtaBox {
    display: none;
  }
  .orderData .reorderCtaBox.mobile {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
  }
  .orderData .reorderCtaBox.mobile.reorderVersion .box {
    padding: 1rem;
  }
  .orderData .reorderCtaBox .box {
    background-color: white;
  }
  .orderData .reorderCtaBox img {
    display: none;
  }
}
.orderData .reorderCtaBox .box {
  position: relative;
}
@media screen and (max-width: 768px) {
  .orderData .reorderCtaBox .box {
    background-color: white;
  }
}
.orderData .reorderCtaBox .box h2 {
  color: #007a53;
  text-transform: uppercase;
  font-size: 2rem;
  line-height: 2rem;
  position: relative;
  z-index: 2;
}
.orderData .reorderCtaBox .box h2 .bold {
  font-family: "Papa Sans Heavy";
  letter-spacing: -0.0625rem;
}
.orderData .reorderCtaBox .box h2 .small {
  font-size: 1.5rem;
  line-height: 1.5rem;
  font-family: "Papa Sans Medium";
  font-weight: 500;
}
.orderData .reorderCtaBox .box h2 .price {
  color: black;
  font-family: "Papa Sans Medium";
  font-weight: 500;
}
.orderData .reorderCtaBox .box .reorderCta {
  width: 100%;
  height: unset;
  padding: 1.25rem;
  font-size: 1.25rem;
  line-height: 1.25rem;
  font-weight: 700;
  border-radius: 0.3125rem;
}
.orderData .reorderCtaBox .box details {
  margin-bottom: 16px;
}
.orderData .reorderCtaBox .box details i {
  color: #007a53;
}
.orderData .reorderCtaBox .box details[open] i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.orderData .reorderCtaBox .box details > p {
  margin-top: 10px;
}
.orderData .reorderCtaBox .box summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.orderData .reorderCtaBox .box summary::marker, .orderData .reorderCtaBox .box summary ::-webkit-details-marker {
  display: none;
  content: "";
}
.orderData .reorderCtaBox img {
  position: absolute;
  width: 4.625rem;
  height: 4.625rem;
  left: 0.875rem;
  top: -1.25rem;
}
@media screen and (max-width: 970px) {
  .orderData .reorderCtaBox img {
    top: -1.4rem;
  }
}
@media screen and (max-width: 768px) {
  .orderData .reorderCtaBox img {
    display: none;
  }
}
.orderData .reorderCtaBox .reorderAdditionalDetails {
  font-size: 1.5rem;
  line-height: 1.5rem;
}
.orderData .reorderCtaBox .reorderAdditionalDetails span {
  font-weight: 700;
}
.orderData .reorderCtaBox .costs {
  border: 0.1875rem solid #AAAAAA;
  border-radius: 0.625rem;
  padding: 0.875rem 1rem;
  background-color: white;
  margin-bottom: 1rem;
}
.orderData .reorderCtaBox .costs .savings,
.orderData .reorderCtaBox .costs .fee {
  margin-bottom: 8px;
  font-size: 1.125rem;
  line-height: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  color: #545454;
}
.orderData .reorderCtaBox .costs .savings .crossed,
.orderData .reorderCtaBox .costs .fee .crossed {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: right;
  margin-right: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.25rem;
  text-decoration: line-through;
}
.orderData .reorderCtaBox .costs .total {
  font-size: 1.375rem;
  line-height: 1.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: 700;
}
.orderData .reorderCtaBox .costs .hline {
  height: 1px;
  width: 100%;
  background-color: #dbdbdb;
  margin-bottom: 0.5rem;
}
.orderData .reorderCtaBox .viewPreviousOrder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.orderData .reorderCtaBox .viewPreviousOrder button {
  cursor: pointer;
  border: none;
  margin: 1rem auto 0;
  text-align: center;
  text-decoration: underline;
  background-color: inherit;
}
.orderData .reorderCtaBox .infoLine {
  margin: 1rem 0 0 0;
}
.orderData .reorderCtaBox .infoLine:nth-of-type(2) {
  margin: 0.75rem 0 0 0;
}
.orderData .reorderCtaBox .infoLine i {
  margin-right: 0.5rem;
}
.orderData .orderDetailsBasket {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  color: #464646;
}
.orderData .orderDetailsBasket .hr {
  display: none;
}
@media screen and (max-width: 768px) {
  .orderData .orderDetailsBasket {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    background-color: #f4f4f4;
  }
  .orderData .orderDetailsBasket .hr {
    display: block;
    border-top: 1px solid #dbdbdb;
    margin: 0 24px;
  }
  .orderData .orderDetailsBasket .box {
    padding-bottom: 260px;
  }
  .orderData .orderDetailsBasket .box.reorderVersion {
    padding-bottom: 350px;
  }
  .orderData .orderDetailsBasket .box h2 {
    text-align: start;
  }
}
.orderData .orderDetailsBasket .allergens {
  background-color: white;
  border-radius: 0.625rem;
  padding: 0.5625rem;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #464646;
  margin-bottom: 1rem;
}
.orderData .orderDetailsBasket .allergens summary {
  color: #545454;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.25rem;
}
.orderData .orderDetailsBasket .allergens .allergens-info {
  font-size: 0.875rem;
  line-height: 0.875rem;
}
.orderData .orderDetailsBasket .allergens .allergens-info span {
  font-weight: 700;
}
.orderData .orderDetailsBasket .allergens[open] summary i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.orderData .orderDetailsBasket .allergens summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.orderData .orderDetailsBasket .allergens summary i {
  color: #007a53;
}
.orderData .orderDetailsBasket .allergens summary::marker, .orderData .orderDetailsBasket .allergens summary::-webkit-details-marker {
  display: none;
  content: "";
}
.orderData .orderDetailsBasket .allergens .allergens-info {
  margin-top: 1rem;
}
.orderData .orderDetailsBasket .basketRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 5px;
  font-size: 20px;
  line-height: 20px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.orderData .orderDetailsBasket .basketRow .fillRow {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 10px;
}
.orderData .orderDetailsBasket .basketRow.deal .fillRow {
  color: #007a53;
}
.orderData .orderDetailsBasket .basketRow .saving {
  margin-right: 1rem;
  text-decoration: line-through;
  font-size: 16px;
  line-height: 16px;
  color: #B40C24;
}
.orderData .orderDetailsBasket .basketRow .amount {
  font-size: 1.375rem;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.orderData .orderDetailsBasket .basketRow.deal:not(.subtotalProperty) .amount {
  color: #007a53;
}
.orderData .orderDetailsBasket .basketRow.last .fillRow,
.orderData .orderDetailsBasket .basketRow.last .amount {
  font-weight: 700;
}
.orderData .orderDetailsBasket .orderItems .orderItem {
  margin-bottom: 1.5rem;
}
.orderData .orderDetailsBasket .orderItems .orderItem .basketRow {
  margin-bottom: 0.75rem;
}
.orderData .orderDetailsBasket .orderItems .orderItem .dealItem:not(:last-of-type) {
  margin-bottom: 0.75rem;
}
.orderData .orderDetailsBasket .orderItems .orderItem .specifications p {
  margin: 0.5rem 1rem 0;
}
.orderData .orderDetailsBasket .orderItems .orderItem .specifications p .bold {
  font-weight: 700;
}
.orderData .orderDetailsBasket .orderItems.reorder .orderItem {
  margin-bottom: 1rem;
}
.orderData .orderDetailsBasket .orderItems.reorder .orderItem:last-of-type {
  margin-bottom: 0 !important;
}
.orderData .orderDetailsBasket .orderItems.reorder .orderItem.removedProduct .product {
  opacity: 66%;
}
.orderData .orderDetailsBasket .orderItems.reorder .orderItem.removedProduct .infoLine {
  margin: 1.25rem 0 0 0;
  color: #B40C24;
}
.orderData .orderDetailsBasket .orderItems.reorder .orderItem.removedProduct .infoLine i {
  margin-right: 0.5rem;
}
.orderData .orderDetailsBasket .orderItems.reorder .orderItem.deal {
  border: 3px solid #aaa;
  border-radius: 0.625rem;
  padding: 1rem 0.75rem;
  margin-bottom: 1rem;
}
.orderData .orderDetailsBasket .orderItems.reorder .orderItem.deal .fa-tag {
  display: inline-block;
  margin-right: 0.5rem;
}
.orderData .orderDetailsBasket .orderItems.reorder .orderItem.deal .saving {
  margin-right: 0.5rem;
}
.orderData .orderDetailsBasket .orderItems.reorder .orderItem .size,
.orderData .orderDetailsBasket .orderItems.reorder .orderItem .specifications {
  font-size: 0.75rem;
  line-height: 1.25rem;
}
.orderData .orderDetailsBasket .orderItems.reorder .orderItem .size p,
.orderData .orderDetailsBasket .orderItems.reorder .orderItem .specifications p {
  margin: 0;
}
.orderData .orderDetailsBasket .orderItems.reorder .dealItem,
.orderData .orderDetailsBasket .orderItems.reorder .orderItem:not(.deal) {
  background-color: white;
  padding: 0.875rem;
  border-radius: 0.625rem;
}
.orderData .orderDetailsBasket .orderItems.reorder .dealItem .product,
.orderData .orderDetailsBasket .orderItems.reorder .orderItem:not(.deal) .product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.5rem;
}
.orderData .orderDetailsBasket .orderItems.reorder .dealItem .product img,
.orderData .orderDetailsBasket .orderItems.reorder .orderItem:not(.deal) .product img {
  width: 3.4375rem;
  height: 3.4375rem;
  border-radius: 0.3125rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.orderData .orderDetailsBasket .orderItems.reorder .dealItem .product .right,
.orderData .orderDetailsBasket .orderItems.reorder .orderItem:not(.deal) .product .right {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.orderData .orderDetailsBasket .orderItems.reorder .dealItem .product .right .productTitle,
.orderData .orderDetailsBasket .orderItems.reorder .orderItem:not(.deal) .product .right .productTitle {
  font-size: 1.25rem;
  line-height: 1.375rem;
  font-weight: 700;
  margin: 0;
}
.orderData .orderDetailsBasket .orderItems.reorder .dealItem .product .right .size,
.orderData .orderDetailsBasket .orderItems.reorder .orderItem:not(.deal) .product .right .size {
  margin: 0;
}
.orderData .orderDetailsBasket .orderItems.reorder .dealItem .product .right .specifications p,
.orderData .orderDetailsBasket .orderItems.reorder .orderItem:not(.deal) .product .right .specifications p {
  margin-left: 0;
}
.orderData .orderDetailsBasket .basketFooter .subtotalProperty {
  border-top: 1px solid #dbdbdb;
  padding: 24px 0;
}
.orderData .orderDetailsBasket .basketFooter .subtotalProperty.last {
  padding-bottom: 0;
  font-size: 1.5rem;
}
.orderData .orderDetailsBasket .basketFooter .subtotalProperty.last .amount {
  font-size: 1.5rem;
}
.orderData .orderDetailsBasket .basketFooter .infoLine {
  margin-top: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.orderData .orderDetailsBasket .basketFooter .infoLine.noReorder {
  margin-top: 1.5rem;
  margin-bottom: 0;
  background-color: #FAD3D0;
  color: #8B170D;
  border-radius: 5px;
  padding: 6px 8px;
  font-size: 14px;
}
.orderData .orderDetailsBasket .basketFooter .infoLine.noReorder i {
  font-size: 20px;
}
@media screen and (min-width: 769px) {
  .orderData .orderDetailsBasket .basketFooter .infoLine.noReorder {
    display: none;
  }
}
.orderData .orderDetailsBasket .basketFooter .infoLine i {
  margin-right: 0.5rem;
}

.section1_DeliverySpots_desktop {
  background-image: url("/images/postcodebox/homeBGDesk.png");
  background-size: cover;
  background-repeat: repeat;
  background-position: center;
  height: 390px;
  overflow: visible;
}
@media only screen and (max-width: 768px) {
  .section1_DeliverySpots_desktop {
    /*  background-image: url('/images/delivery spots/people.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: -28px;
    height: 733px;
    width: 106%;    */
    display: none;
  }
}
.section1_DeliverySpots_desktop .section1_header {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.section1_DeliverySpots_desktop .section1_header .center_header .logo_section1 {
  width: 100px;
  height: auto;
}
.section1_DeliverySpots_desktop .section1_header .rSide_header {
  padding: 5px;
  background-color: #efefef;
  border-radius: 20px;
}
.section1_DeliverySpots_desktop .mainPhoto_desktop {
  display: block;
  margin: 0 auto;
  width: 430px;
  height: auto;
}
@media only screen and (max-width: 768px) {
  .section1_DeliverySpots_desktop .mainPhoto_desktop {
    display: none;
  }
}
.section1_DeliverySpots_desktop .mainPhoto_mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .section1_DeliverySpots_desktop .mainPhoto_mobile {
    display: block;
  }
}

.section1_DeliverySpots_mobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .section1_DeliverySpots_mobile {
    display: block;
  }
  .section1_DeliverySpots_mobile .section1_header_mobile {
    background-color: rgb(245, 151, 1);
    /*padding: 10px;*/
    /*display: flex;
          justify-content: space-between;
          align-items: center;*/
  }
  .section1_DeliverySpots_mobile .section1_header_mobile .center_header_mobile .logo_section1 {
    width: 100px;
    height: auto;
  }
  .section1_DeliverySpots_mobile .section1_header_mobile .rSide_header_mobile {
    padding: 5px;
    background-color: #efefef;
    border-radius: 20px;
  }
  .section1_DeliverySpots_mobile .mainPhoto_mobile {
    width: 100%;
    height: auto;
  }
}

.section2_DeliverySpots {
  margin: 15px 0;
}
.section2_DeliverySpots p {
  width: 600px;
  display: block;
  margin: 58px auto 20px auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .section2_DeliverySpots p {
    margin-top: 0;
    width: 94%;
  }
}
.section2_DeliverySpots button {
  width: 350px;
  height: 45px;
  border: 1px solid #007d4a;
  color: #007d4a;
  background-color: #fff;
  padding: 2px 12px;
  border-radius: 5px;
  display: block;
  margin: 0 auto 20px auto;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  font-weight: bold;
  font-size: 22px;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  .section2_DeliverySpots button {
    width: 94%;
  }
}
@media only screen and (max-width: 325px) {
  .section2_DeliverySpots button {
    font-size: 20px;
  }
}
.section2_DeliverySpots button i {
  margin-right: 7px;
}

.section3_DeliverySpots {
  margin: 50px 0 70px 0;
}
.section3_DeliverySpots img {
  width: 100px;
  height: auto;
  display: block;
  margin: 0 auto;
}
.section3_DeliverySpots .section3_headline {
  padding: 5px;
  font-size: 25px;
  font-weight: bold;
  display: block;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .section3_DeliverySpots .stores {
    width: 94% !important;
  }
}
.section3_DeliverySpots .section3_text {
  width: 600px;
  display: block;
  margin: 5px auto 20px auto;
  text-align: center;
}
@media only screen and (max-width: 768px) {
  .section3_DeliverySpots .section3_text {
    width: 94%;
  }
}
.section3_DeliverySpots input[type=text] {
  width: 350px;
  height: 56px !important;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  padding: 20px;
  display: block;
  margin: 0 auto;
  border: none;
  color: #000000;
  font-size: 16px;
  -webkit-appearance: none;
}
@media only screen and (max-width: 768px) {
  .section3_DeliverySpots input[type=text] {
    width: 94%;
  }
}

.popUpcontainer {
  width: 375px;
  border-radius: 5px;
  background-image: url("/images/marble_bg.jpg");
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
}
@media only screen and (max-width: 768px) {
  .popUpcontainer {
    width: 100%;
  }
}
.popUpcontainer .overlay_popUp_header {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 105px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  clip-path: polygon(0 0, 100% 0, 100% 90px, 0 100%);
}
@media only screen and (min-width: 769px) {
  .popUpcontainer .overlay_popUp_header {
    display: none;
  }
}
.popUpcontainer .top_popUp_mobile {
  display: none;
  position: relative;
}
@media only screen and (max-width: 768px) {
  .popUpcontainer .top_popUp_mobile {
    display: block;
    width: 100%;
    height: 90px;
    position: relative;
    background-color: rgba(0, 0, 0, 0.35);
  }
  .popUpcontainer .top_popUp_mobile .popUp_header_mobile {
    background-color: rgb(245, 151, 1);
    padding: 0 10px 20px 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 90px;
  }
  .popUpcontainer .top_popUp_mobile .popUp_header_mobile .center_header_popUp_mobile .logo_popUp {
    width: 100px;
    height: auto;
  }
  .popUpcontainer .top_popUp_mobile .popUp_header_mobile .rSide_header_popUp_mobile {
    padding: 5px;
    background-color: #efefef;
    border-radius: 20px;
  }
}
.popUpcontainer .top_popUp_mobile i {
  color: #fff;
  top: 12px;
  left: 12px;
  z-index: 3;
  font-size: 20px;
}
.popUpcontainer .top_popUp {
  position: relative;
}
.popUpcontainer .top_popUp img {
  position: absolute;
  left: -16px;
  top: -50px;
  overflow: visible;
  width: 300px;
  z-index: 3;
}
.popUpcontainer .bottom_popUp {
  padding: 10px;
}
.popUpcontainer .bottom_popUp .card1_bottom_popUp_box {
  text-align: left;
  display: block;
  /*margin: 10px auto;*/
  /*margin-bottom: 20px;*/
  background-color: #fff;
  /*box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);*/
  cursor: pointer;
  width: 100%;
  background: none;
  /*display: flex;*/
  border: 0;
  padding: 0;
  margin-bottom: 20px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.popUpcontainer .bottom_popUp .card1_bottom_popUp_box .card1_bottom_popUp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.popUpcontainer .bottom_popUp .card1_bottom_popUp_box .card1_bottom_popUp .greenText {
  /*color: #007d4a;*/
  color: #007d4a;
  margin-top: 10px;
  font-size: 14px;
}
.popUpcontainer .bottom_popUp .card1_bottom_popUp_box .card1_bottom_popUp .greenText .fa-clock {
  margin-right: 5px;
}
.popUpcontainer .bottom_popUp .card1_bottom_popUp_box .card1_bottom_popUp .card1_lSide {
  padding: 10px 5px 10px 10px;
}
.popUpcontainer .bottom_popUp .card1_bottom_popUp_box .card1_bottom_popUp .card1_lSide .name {
  font-weight: bold;
  margin-bottom: 5px;
}
.popUpcontainer .bottom_popUp .card1_bottom_popUp_box .card1_bottom_popUp .card1_lSide .street {
  margin-bottom: 10px;
}
.popUpcontainer .bottom_popUp .card1_bottom_popUp_box .card1_bottom_popUp .card1_rSide {
  height: 38px;
  width: 38px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  background-color: #007d4a;
  border-bottom-left-radius: 100%;
}
.popUpcontainer .bottom_popUp .card1_bottom_popUp_box .card1_bottom_popUp .card1_rSide i {
  margin-top: 6px;
  margin-left: 6px;
  font-size: 18px;
}
.popUpcontainer .bottom_popUp .card1_bottom_popUp_box:hover {
  background-color: #007d4a !important;
  color: #fff;
}
.popUpcontainer .bottom_popUp .card1_bottom_popUp_box:hover .card1_rSide {
  background-color: #ed8b00 !important;
}
.popUpcontainer .bottom_popUp .card1_bottom_popUp_box:hover .greenText {
  color: #fff;
}
.popUpcontainer .bottom_popUp .card2_bottom_popUp {
  padding: 10px 5px 10px 10px;
  display: block;
  margin: 10px auto;
  padding: 7px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  text-align: left;
  display: block;
  /*margin: 10px auto;*/
  /*margin-bottom: 20px;*/
  background-color: #dbdbdb;
  /*box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);*/
  /*cursor: pointer;*/
  width: 100%;
  /*background: none;*/
  /*display: flex;*/
  border: 0;
  /*padding: 0;*/
  margin-bottom: 20px;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  overflow: hidden;
}
.popUpcontainer .bottom_popUp .card2_bottom_popUp .name {
  font-weight: bold;
  margin-bottom: 5px;
}
.popUpcontainer .bottom_popUp .card2_bottom_popUp .street {
  margin-bottom: 10px;
}
.popUpcontainer .bottom_popUp .card2_bottom_popUp .redText {
  color: #e42313;
  margin-top: 10px;
  font-size: 14px;
}
.popUpcontainer .bottom_popUp .card2_bottom_popUp .redText .fa-clock {
  margin-right: 5px;
}
.popUpcontainer .bottom_popUp .card3_bottom_popUp {
  display: block;
  margin: 10px auto;
  padding: 7px;
}
.popUpcontainer .bottom_popUp .card3_bottom_popUp .card3_bottom_popUp_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.popUpcontainer .bottom_popUp .card3_bottom_popUp .card3_bottom_popUp_box i {
  color: #007d4a;
  margin-right: 8px;
}
.popUpcontainer .bottom_popUp .card3_bottom_popUp .card3_bottom_popUp_box .linkStyle {
  color: #007d4a;
  text-decoration: underline;
}

@media only screen and (max-width: 768px) {
  .whiteBand {
    display: none;
  }
}

.newHead {
  display: none;
}
@media only screen and (max-width: 768px) {
  .newHead {
    display: block;
    position: relative;
    height: 71px;
  }
  .newHead i {
    color: #ffffff;
    position: absolute;
    top: 30px;
    left: 10px;
    cursor: pointer;
  }
  .newHead img {
    /*position: absolute;*/
    max-height: 144px;
    /*bottom: -102px;
    left: -23px;*/
    z-index: 10;
    display: block;
    margin: 0 auto;
    overflow: visible;
    position: relative;
  }
}

.slantMap {
  clip-path: polygon(0 2.7%, 100% 0, 100% 100%, 0% 100%);
}

@media only screen and (min-width: 769px) {
  .deliverySpotsHeadBand:after {
    content: "";
    display: block;
    background-color: transparent !important;
    position: absolute;
    bottom: -20px;
    width: 110%;
    height: 30px;
    left: -5%;
    -webkit-transform: rotate(-2.7deg);
            transform: rotate(-2.7deg);
    z-index: 4;
  }
}
/*@media only screen and (min-width: 769px) {
    .settingsModal
    .settingsModalInner
    .head:after {
        //display: none;
        content: "";
        display: block;
        background-color: transparent;
        position: absolute;
        bottom: -20px;
        width: 110%;
        height: 30px;
        left: -5%;
        transform: rotate(-2.7deg);
        z-index: 4;
        //display: block;
    }
}*/
.postCodeBox .innerOne {
  display: none;
}

#dg-loader {
  text-align: center;
  position: relative;
  top: 98px;
  z-index: 100;
}

.bannerContainer {
  width: 80%;
  height: 80%;
}
.bannerContainer .offersRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}
.bannerContainer .offersRow .button_left {
  background-color: white;
  padding: 2px 10px;
  color: #007d4a;
  border: 1px solid #007d4a;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 5px;
  width: 50%;
  height: 40px;
  font-size: 20px;
  font-weight: 700;
  margin-right: 3px;
}
.bannerContainer .offersRow .button_right {
  background-color: #007d4a;
  padding: 2px 10px;
  color: white;
  border: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 5px;
  width: 50%;
  height: 40px;
  font-size: 20px;
  font-weight: 700;
}
.bannerContainer .offersRow .offersRow1 {
  /*display: flex;
  justify-content: center;
  width: 100%;
  overflow: hidden;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -ms-flex-negative: 1;
      flex-shrink: 1;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -ms-flex-item-align: auto;
      -ms-grid-row-align: auto;
      align-self: auto;
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
  /*width: 50%;*/
}
@media only screen and (max-width: 768px) {
  .bannerContainer .offersRow .offersRow1 {
    display: block;
    width: 100%;
    padding: 0;
    overflow: visible;
  }
}
.bannerContainer .offersRow .offersRow1 .offersRow1_leftBox {
  /*width: 50%;*/
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
  padding: 15px;
}
@media only screen and (max-width: 768px) {
  .bannerContainer .offersRow .offersRow1 .offersRow1_leftBox {
    width: 100%;
    padding: 0;
    margin: 10px 0 10px 0;
  }
}
.bannerContainer .offersRow .offersRow1 .offersRow1_leftBox .offersRow1_left,
.bannerContainer .offersRow .offersRow1 .offersRow1_leftBox .offersRow2_left {
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
.bannerContainer .offersRow .offersRow1 .offersRow1_leftBox .img-fluid {
  width: 100%;
  height: auto;
}
.bannerContainer .offersRow .offersRow1 .offersRow1_leftBox .offersRow1_left_bottom {
  background-color: white;
  padding: 10px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
.bannerContainer .offersRow .offersRow1 .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_bottom_text {
  height: 72px;
}
.bannerContainer .offersRow .offersRow1 .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_bottom_text p {
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0 !important;
}
.bannerContainer .offersRow .offersRow1 .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.bannerContainer .offersRow .offerEntry {
  display: block !important;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  border: 0;
  background-color: #fff;
  background: #fff;
  cursor: pointer;
  text-align: left;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  padding: 0;
  width: 100%;
}
.bannerContainer .offersRow .offerEntry .offerInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.bannerContainer .offersRow .offerEntry .offerInner .offImg {
  width: 100%;
}
.bannerContainer .offersRow .offerEntry .offerInner .offImg img {
  max-width: 100%;
  width: 100%;
  height: auto;
}
.bannerContainer .offersRow .offerEntry .offerInner .Mid {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 20px;
  height: 115px;
}
.bannerContainer .offersRow .offerEntry .offerInner .Mid .header .name {
  color: #464646;
  font-size: 16px;
  line-height: 16px;
  margin: 0;
  margin-bottom: 12px;
}
.bannerContainer .offersRow .offerEntry .offerInner .Mid .body {
  color: #464646;
  font-size: 16px;
  line-height: 16px;
}
.bannerContainer .offersRow .offerEntry .offerInner .rSide {
  padding: 10px;
  color: #007d4a;
}
.bannerContainer .offersRow .offerEntry .offerInner > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #fff;
  margin: 10px;
  width: 100%;
  text-align: left;
  text-transform: uppercase;
}
.bannerContainer .offersRow .offerEntry .offerInner > a:hover {
  color: #007d4a;
}
.bannerContainer .offersRow .offerEntry:hover {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.65);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.65);
}
.bannerContainer .offersRow .offerEntry.feat {
  margin: 0 auto;
  width: calc(50% - 10px);
}
@media only screen and (max-width: 680px) {
  .bannerContainer .offersRow .offerEntry.feat {
    width: 100%;
  }
}

.inner .innerOne .userProfileBox_details .userProfileBox_button .btnRegister {
  background-color: #CBCBCB;
}
.inner .innerOne .userProfileBox_details .userProfileBox_link a {
  display: inline-block;
}
.inner .innerOne .userProfileBox_details .userProfileBox_link a .success {
  color: #007d4a;
  margin: auto;
  display: inline;
  text-decoration: none;
  margin-right: 23px;
}
.inner .innerOne .userProfileBox_details .userProfileBox_link a .backToProfile {
  text-decoration: underline;
}
.inner .innerOne .userProfileBox_password .userProfile_currentPassword .fa-eye, .inner .innerOne .userProfileBox_password .userProfile_newPassword .fa-eye {
  color: #007d4a;
  margin-right: 37px;
}
.inner .innerOne .userProfileBox_password .userProfile_currentPassword .fa-eye-slash, .inner .innerOne .userProfileBox_password .userProfile_newPassword .fa-eye-slash {
  display: none;
  float: right;
  margin-right: 37px;
  margin-top: -28px;
  position: relative;
  z-index: 2;
  color: #cccccc;
}
.inner .innerOne .userProfileBox_password .userProfileBox_button .btnRegister {
  background-color: #CBCBCB;
}
.inner > .inner-button {
  display: block;
  max-width: 325px;
  background: #007D4A;
  margin: 27px auto 0px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
  font-size: 22px;
  text-align: center;
  padding: 10px 0px;
}
.inner > .inner-button:hover {
  text-decoration: none;
}

.papaRewardsContainer .header_papa_rewards {
  background-image: url("/images/paparewards/20525.030-Papa-Rewards-Page-Banner-Desktop(1)-SS.jpg");
  background-repeat: no-repeat;
  background-size: auto 273px;
  overflow: visible;
}
.papaRewardsContainer .header_papa_rewards.newLoyaltyScheme {
  background-image: none;
  max-width: 61rem;
  margin: 0 auto;
}
.papaRewardsContainer .header_papa_rewards.newLoyaltyScheme .centerBox_papa_rewards,
.papaRewardsContainer .header_papa_rewards.newLoyaltyScheme .bottomSection {
  display: none;
}
@media only screen and (min-width: 1160px) {
  .papaRewardsContainer .header_papa_rewards {
    /*background-size: 100% 273px;*/
    background-size: cover;
    max-height: 300px;
  }
}
@media only screen and (max-width: 375px) {
  .papaRewardsContainer .header_papa_rewards {
    background-image: url("/images/paparewards/20525.030-Papa-Rewards-Page-Banner-Mobile(1)-SS-375x391.jpg");
    background-size: auto;
  }
}
.papaRewardsContainer .header_papa_rewards .homeHeader {
  background: transparent;
}
.papaRewardsContainer .header_papa_rewards .homeHeader .innerH {
  max-width: 100%;
  padding-right: 0;
}
.papaRewardsContainer .header_papa_rewards .homeHeader .logoCont {
  padding: 10px 15px;
  background-color: transparent;
}
.papaRewardsContainer .header_papa_rewards .homeHeader .logoCont img {
  background-color: transparent;
}
.papaRewardsContainer .header_papa_rewards .homeHeader .lSide,
.papaRewardsContainer .header_papa_rewards .homeHeader .rSide {
  background-color: transparent;
  width: calc(50% - 96px);
}
.papaRewardsContainer .header_papa_rewards .homeHeader .rSide .accountBtn {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-right: 15px;
}
.papaRewardsContainer .header_papa_rewards .homeHeader .rSide .accountBtn:before {
  display: none;
}
.papaRewardsContainer .header_papa_rewards .homeHeader .rSide .accountBtn .innerr {
  border-radius: 15px;
  padding: 5px;
}
.papaRewardsContainer .header_papa_rewards .homeHeader .rSide .accountBtn .innerr .txt {
  display: none;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .header_papa_rewards #cbLoggedIn {
    margin: 120px auto 20px auto;
  }
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards {
  background-color: #fff;
  display: block;
  margin: 40px auto 10px auto;
  max-width: 600px;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards {
    max-width: 90%;
    margin: 120px auto 90px auto;
  }
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 30px;
}
@media only screen and (max-width: 500px) {
  .papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards {
    padding: 10px;
  }
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards img {
  width: 73%;
  display: block;
  margin: -65px auto 10px auto;
}
@media only screen and (max-width: 485px) {
  .papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards img {
    margin: -40px auto 10px auto;
  }
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards h4 {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards p {
  text-align: center;
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards .text_papa_rewards {
    padding: 10px 20px 0px 20px;
  }
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards .buttons_papa_rewards {
  margin-top: 20px;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards .buttons_papa_rewards {
    margin-bottom: 15px;
  }
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards .buttons_papa_rewards .leftBttn {
  padding: 10px 37px;
  color: #fff;
  background-color: #007d4a;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 30px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards .buttons_papa_rewards .leftBttn {
    padding: 10px 26px;
  }
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards .buttons_papa_rewards .rightBttn {
  padding: 10px 37px;
  color: #007d4a;
  background-color: #fff;
  border: 1px solid #007d4a;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 30px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .inner_centerBox_papa_rewards .buttons_papa_rewards .rightBttn {
    padding: 10px 26px;
  }
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .ribbon {
  background-image: url("/images/paparewards/PR-ribbon.png");
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  color: #fff;
  height: 86px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .ribbon .ribbonInner {
  width: 65%;
  display: block;
  margin: 0 auto;
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .ribbon .ribbonInner .ribbonInner_center_desktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 86px;
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .ribbon .ribbonInner .ribbonInner_center_desktop .number {
  font-size: 60px;
  font-weight: bold;
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .ribbon .ribbonInner .ribbonInner_center_desktop .text_leftS_desktop,
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .ribbon .ribbonInner .ribbonInner_center_desktop .text_rightS_desktop {
  font-size: 24px;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .ribbon .ribbonInner .ribbonInner_center_desktop {
    display: none;
  }
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .ribbon .ribbonInner .ribbonInner_center_mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 86px;
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .ribbon .ribbonInner .ribbonInner_center_mobile .number {
  font-size: 60px;
  font-weight: bold;
}
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .ribbon .ribbonInner .ribbonInner_center_mobile .text_leftS_mobile,
.papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .ribbon .ribbonInner .ribbonInner_center_mobile .text_rightS_mobile {
  font-size: 24px;
}
@media only screen and (min-width: 768px) {
  .papaRewardsContainer .header_papa_rewards .centerBox_papa_rewards .ribbon .ribbonInner .ribbonInner_center_mobile {
    display: none;
  }
}
.papaRewardsContainer .header_papa_rewards .bottomSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .header_papa_rewards .bottomSection {
    padding: 10px;
  }
}
.papaRewardsContainer .header_papa_rewards .bottomSection .leftS {
  margin-right: 20px;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .header_papa_rewards .bottomSection .leftS {
    text-align: center;
    margin-right: 10px;
  }
}
.papaRewardsContainer .header_papa_rewards .bottomSection .leftS .fa-stopwatch {
  margin-right: 5px;
}
.papaRewardsContainer .header_papa_rewards .bottomSection .rightS {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .header_papa_rewards .bottomSection .rightS {
    text-align: center;
  }
}
.papaRewardsContainer .header_papa_rewards .bottomSection .rightS .fa-history {
  margin-right: 5px;
}
.papaRewardsContainer .header_papa_rewards .bottomSection .rightS a {
  color: #1c1c1c;
  text-decoration: underline;
}
.papaRewardsContainer .pointsHistory {
  margin: 100px auto 0px auto;
  display: block;
  overflow-x: auto;
  padding: 20px;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .pointsHistory {
    margin: 0px auto 0px auto;
  }
}
.papaRewardsContainer .pointsHistory h2 {
  text-align: center;
  font-size: 25px;
}
.papaRewardsContainer .pointsHistory table {
  margin: 0 auto;
  background-color: rgb(248, 248, 248);
  border-radius: 5px;
}
.papaRewardsContainer .pointsHistory table thead {
  display: block;
  text-align: center;
  padding: 5px;
  font-size: 20px;
  font-weight: bold;
  white-space: nowrap;
  /*@media only screen and (min-width: 768px) {
      tr {
          td {
              width: 200px;
          }
      }
  }*/
}
.papaRewardsContainer .pointsHistory table tbody {
  display: block;
  max-height: 336px;
  overflow-y: auto;
}
.papaRewardsContainer .pointsHistory table tbody tr {
  background-color: white;
  border: 1px solid rgb(248, 248, 248);
}
.papaRewardsContainer .pointsHistory table tbody tr td {
  text-align: center;
  padding: 5px;
  white-space: nowrap;
}
.papaRewardsContainer .pointsHistory table td:first-child {
  width: 80px;
  border-left: 0;
}
@media only screen and (min-width: 768px) {
  .papaRewardsContainer .pointsHistory table td:first-child {
    width: 200px;
  }
}
.papaRewardsContainer .pointsHistory table td:first-child + td {
  width: 40px;
}
@media only screen and (min-width: 768px) {
  .papaRewardsContainer .pointsHistory table td:first-child + td {
    width: 200px;
  }
}
.papaRewardsContainer .pointsHistory table td:first-child + td + td {
  width: 90px;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .papaRewardsContainer .pointsHistory table td:first-child + td + td {
    width: 200px;
  }
}
.papaRewardsContainer .pointsHistory table td:first-child + td + td + td {
  width: 80px;
}
.papaRewardsContainer .more_info_papa_rewards {
  width: 80%;
  display: block;
  margin: 0px auto 30px auto;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .more_info_papa_rewards {
    margin: 0px auto 100px auto;
  }
}
.papaRewardsContainer .more_info_papa_rewards h4 {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
.papaRewardsContainer .more_info_papa_rewards .first_phrase {
  margin-bottom: 0px;
  margin-top: 30px;
  font-size: 20px;
}
.papaRewardsContainer .more_info_papa_rewards .customerService {
  color: #1c1c1c;
  text-decoration: underline;
}
.papaRewardsContainer .more_info_papa_rewards .termsCond {
  color: #1c1c1c;
  text-decoration: underline;
}
.papaRewardsContainer .more_info_papa_rewards p {
  font-size: 20px;
}
.papaRewardsContainer .getStarted_papa_rewards {
  background-image: url("/images/paparewards/PR-background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 60px;
  margin-top: 50px;
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards {
  display: block;
  margin: 0 auto;
  width: 26%;
  min-width: 320px;
}
@media only screen and (max-width: 380px) {
  .papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards {
    width: 90%;
    min-width: 90%;
    display: block;
    margin: 0 auto;
  }
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .title_section h4 {
  text-align: center;
  padding: 78px 0px 20px 0px;
  font-size: 25px;
  font-weight: bold;
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .register_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .register_section .fa-user-circle {
  margin-right: 20px;
  font-size: 20px;
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .register_section .subtitle {
  margin-bottom: 3px;
  font-weight: bold;
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .order_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .order_section .fa-pizza-slice {
  margin-right: 20px;
  font-size: 20px;
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .order_section .subtitle {
  margin-bottom: 3px;
  font-weight: bold;
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .redeeming_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .redeeming_section .fa-gift {
  margin-right: 20px;
  font-size: 20px;
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .redeeming_section .subtitle {
  margin-bottom: 3px;
  font-weight: bold;
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .buttons_section {
  margin-top: 20px;
  text-align: center;
  padding-bottom: 87px;
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .buttons_section .leftBttn {
  padding: 10px 37px;
  color: #fff;
  background-color: #007d4a;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 30px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .buttons_section .leftBttn {
    padding: 10px 26px;
  }
}
.papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .buttons_section .rightBttn {
  padding: 10px 37px;
  color: #007d4a;
  background-color: #fff;
  border: 1px solid #007d4a;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 30px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .getStarted_papa_rewards .inner_getStarted_papa_rewards .buttons_section .rightBttn {
    padding: 10px 26px;
  }
}
.papaRewardsContainer .favourites_papa_rewards {
  margin-top: 130px;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .favourites_papa_rewards {
    margin-top: 0px !important;
  }
}
.papaRewardsContainer .favourites_papa_rewards .title_section {
  margin: 60px auto 50px auto;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
.papaRewardsContainer .favourites_papa_rewards .buttons_papa_rewards {
  display: block;
  margin: 20px auto 0 auto;
  height: 100px;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .favourites_papa_rewards .buttons_papa_rewards {
    margin-bottom: 15px;
  }
}
.papaRewardsContainer .favourites_papa_rewards .buttons_papa_rewards .innerBtnsPapaRewards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.papaRewardsContainer .favourites_papa_rewards .buttons_papa_rewards .innerBtnsPapaRewards .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 150.36px;
  color: #fff;
  background-color: #007d4a;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 50px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .favourites_papa_rewards .buttons_papa_rewards .innerBtnsPapaRewards .leftBttn {
    width: 128.36px;
  }
}
.papaRewardsContainer .favourites_papa_rewards .buttons_papa_rewards .innerBtnsPapaRewards .rightBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  width: 131.45px;
  color: #007d4a;
  background-color: #fff;
  border: 1px solid #007d4a;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 50px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .favourites_papa_rewards .buttons_papa_rewards .innerBtnsPapaRewards .rightBttn {
    width: 109.45px;
  }
}
.papaRewardsContainer .favourites_papa_rewards .papaRewardsCarousel {
  width: 1400px;
  max-width: 100%;
  margin: 20px auto;
  padding: 20px 0;
  overflow: hidden;
}
.papaRewardsContainer .favourites_papa_rewards .papaRewardsCarousel .inner .slick-list {
  overflow: visible !important;
}
.papaRewardsContainer .favourites_papa_rewards .papaRewardsCarousel .inner .leftSection {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 20px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  display: inline-block;
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .favourites_papa_rewards .papaRewardsCarousel .inner .leftSection {
    width: 100%;
  }
}
.papaRewardsContainer .favourites_papa_rewards .papaRewardsCarousel .inner .leftSection .topImage_leftSection {
  background-image: url("/images/paparewards/Group_14.png");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  height: 150px;
  position: relative;
}
.papaRewardsContainer .favourites_papa_rewards .papaRewardsCarousel .inner .leftSection .topImage_leftSection .redCircle {
  background-image: url("/images/paparewards/PR-roundel.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  border-radius: 50%;
  width: 120px;
  height: 120px;
  line-height: 0.8;
  position: absolute;
  top: 2px;
  right: 10px;
}
.papaRewardsContainer .favourites_papa_rewards .papaRewardsCarousel .inner .leftSection .topImage_leftSection .redCircle .reward {
  font-size: 21px;
}
.papaRewardsContainer .favourites_papa_rewards .papaRewardsCarousel .inner .leftSection .topImage_leftSection .redCircle .number {
  font-size: 68px;
  font-weight: bold;
}
.papaRewardsContainer .favourites_papa_rewards .papaRewardsCarousel .inner .leftSection .topImage_leftSection .redCircle .points {
  font-size: 24px;
}
.papaRewardsContainer .favourites_papa_rewards .papaRewardsCarousel .inner .leftSection .bottom_description {
  padding: 10px;
  min-height: 96px;
}
.papaRewardsContainer .favourites_papa_rewards .papaRewardsCarousel .inner .leftSection .bottom_description .subtitle_bottom_description {
  text-transform: uppercase;
  margin-bottom: 3px;
}
.papaRewardsContainer .favourites_papa_rewards .papaRewardsCarousel .inner .leftSection .bottom_description .greenBtn {
  padding: 4px 10px;
  color: #fff;
  background-color: #007d4a;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 28px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 18px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  display: inline-block;
  width: 100%;
}
.papaRewardsContainer .favourites_papa_rewards .buttons_section {
  margin-top: 80px;
  text-align: center;
  padding-bottom: 15px;
}
.papaRewardsContainer .favourites_papa_rewards .buttons_section .leftBttn {
  padding: 10px 37px;
  color: #fff;
  background-color: #007d4a;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 30px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .favourites_papa_rewards .buttons_section .leftBttn {
    padding: 10px 26px;
  }
}
.papaRewardsContainer .favourites_papa_rewards .buttons_section .rightBttn {
  padding: 10px 37px;
  color: #007d4a;
  background-color: #fff;
  border: 1px solid #007d4a;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 30px;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer .favourites_papa_rewards .buttons_section .rightBttn {
    padding: 10px 26px;
  }
}
.papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards {
  background-image: url("/images/paparewards/PR-background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 60px;
  margin-top: 50px;
}
.papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards .inner_getStarted_papa_rewards {
  display: block;
  margin: 0 auto;
  width: 26%;
  min-width: 320px;
  padding-bottom: 70px;
}
@media only screen and (max-width: 380px) {
  .papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards .inner_getStarted_papa_rewards {
    width: 90%;
    min-width: 90%;
    display: block;
    margin: 0 auto;
  }
}
.papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards .inner_getStarted_papa_rewards .title_section h4 {
  text-align: center;
  padding: 78px 0px 20px 0px;
  font-size: 25px;
  font-weight: bold;
}
.papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards .inner_getStarted_papa_rewards .register_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}
.papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards .inner_getStarted_papa_rewards .register_section .fa-user-circle {
  margin-right: 20px;
  font-size: 20px;
}
.papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards .inner_getStarted_papa_rewards .register_section .subtitle {
  margin-bottom: 3px;
  font-weight: bold;
}
.papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards .inner_getStarted_papa_rewards .order_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}
.papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards .inner_getStarted_papa_rewards .order_section .fa-pizza-slice {
  margin-right: 20px;
  font-size: 20px;
}
.papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards .inner_getStarted_papa_rewards .order_section .subtitle {
  margin-bottom: 3px;
  font-weight: bold;
}
.papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards .inner_getStarted_papa_rewards .redeeming_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}
.papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards .inner_getStarted_papa_rewards .redeeming_section .fa-gift {
  margin-right: 20px;
  font-size: 20px;
}
.papaRewardsContainer .favourites_papa_rewards .howToClaim_papa_rewards .inner_getStarted_papa_rewards .redeeming_section .subtitle {
  margin-bottom: 3px;
  font-weight: bold;
}
.papaRewardsContainer#pr-update .header_papa_rewards {
  position: relative;
  z-index: 2;
  background-image: url("/images/postcodebox/homeBGDesk.png");
}
.papaRewardsContainer#pr-update .getStarted_papa_rewards {
  background-image: none;
  margin-bottom: 60px;
  margin-top: 50px;
}
.papaRewardsContainer#pr-update .getStarted_papa_rewards .inner_getStarted_papa_rewards {
  display: block;
  margin: 0 auto;
  width: 1040px;
  max-width: 90%;
}
@media only screen and (max-width: 380px) {
  .papaRewardsContainer#pr-update .getStarted_papa_rewards .inner_getStarted_papa_rewards {
    width: 90%;
    min-width: 90%;
    display: block;
    margin: 0 auto;
  }
}
.papaRewardsContainer#pr-update .favourites_papa_rewards {
  margin-top: -30px;
}
.papaRewardsContainer#pr-update .change-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
  padding-bottom: 50px;
}
.papaRewardsContainer#pr-update .change-container .register_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  width: calc(50% - 16px);
}
@media only screen and (max-width: 768px) {
  .papaRewardsContainer#pr-update .change-container .register_section {
    width: 100%; /* 1 item per row on small screens */
  }
}
.papaRewardsContainer#pr-update .inner {
  width: 1040px;
  max-width: 90%;
  margin: 0 auto;
}
.papaRewardsContainer#pr-update .inner p {
  text-align: center;
  font-size: 20px;
  font-weight: 100;
}
.papaRewardsContainer#pr-update .inner ul {
  margin-top: 40px;
}
.papaRewardsContainer#pr-update .inner ul li {
  text-align: left;
  font-size: 20px;
  font-weight: 100;
  line-height: 24px;
  padding-bottom: 5px;
}
.papaRewardsContainer#pr-update .inner.wideSection p {
  text-align: left;
}
.papaRewardsContainer#pr-update .inner.wideSection ul {
  margin-top: unset;
}
.papaRewardsContainer#pr-update .inner.wideSection ul li b {
  font-weight: bold;
}
.papaRewardsContainer#pr-update .panel {
  background-color: #fff;
  padding-bottom: 78px;
}
.papaRewardsContainer#pr-update .panel .inner h2 {
  text-align: center;
  padding: 78px 0px 20px 0px;
  font-size: 25px;
  font-weight: bold;
}
.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion {
  margin-bottom: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 5px 20px;
          box-shadow: rgba(0, 0, 0, 0.15) 0 5px 20px;
  border-radius: 5px;
}
.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn {
  position: relative;
  background-color: #fff;
  border: none;
  padding: 20px;
  text-align: left;
  cursor: pointer;
  font-size: 18px;
  font-weight: bold;
  border-radius: 5px;
}
.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn::marker, .papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn::-webkit-details-marker {
  display: none;
  content: "";
}
.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 30px;
  font-family: monospace;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  background-color: #007D4A;
  border: 1px solid #007D4A;
  -webkit-transform: translate(0%, -50%) rotate(0deg);
          transform: translate(0%, -50%) rotate(0deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2px;
  padding-left: 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn div {
  width: calc(100% - 50px);
}
.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-content {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 0 0 8px 8px;
  font-size: 18px;
}
.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-content ul {
  margin-top: unset;
}
.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-content ul li b {
  font-weight: bold;
}
.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion[open] .faq-accordion-btn {
  border-bottom: 1px solid #f3f3f3;
  border-radius: 5px 5px 0 0;
}
.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion[open] .faq-accordion-btn::after {
  content: "-";
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 30px;
  font-family: monospace;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  color: #007D4A;
  background-color: #fff;
  border: 1px solid #007D4A;
  -webkit-transform: translate(0%, -50%) rotate(0deg);
          transform: translate(0%, -50%) rotate(0deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 5px;
  padding-left: 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion[open] summary ~ * {
  overflow: hidden;
  -webkit-animation: heightUp 0.3s ease-in-out;
          animation: heightUp 0.3s ease-in-out;
}
.papaRewardsContainer:has(.newRewardsPage) {
  background-color: #F0F0F0;
}
.papaRewardsContainer .newRewardsPage {
  background-color: #F0F0F0;
}
.papaRewardsContainer .newRewardsPage .pageContainer {
  max-width: 780px;
  padding: 0 40px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .papaRewardsContainer .newRewardsPage .pageContainer {
    padding: 0 20px;
  }
}
.papaRewardsContainer .newRewardsPage .banner {
  padding: 1.25rem 1rem;
  margin-bottom: 30px;
  border-radius: 10px;
  background: radial-gradient(197.62% 91.06% at 98.74% 0%, #58956B 0%, #014C20 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px;
  overflow: hidden;
}
.papaRewardsContainer .newRewardsPage .banner .content {
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.papaRewardsContainer .newRewardsPage .banner .content svg {
  width: 180px;
  height: 28px;
}
.papaRewardsContainer .newRewardsPage .banner .content h1 {
  margin: 0;
  font-family: "Papa Sans Heavy";
  font-size: 40px;
  line-height: 38px;
}
.papaRewardsContainer .newRewardsPage .banner .content h1 span {
  color: #CFEB0C;
}
.papaRewardsContainer .newRewardsPage .banner .content p {
  margin: 0;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .papaRewardsContainer .newRewardsPage .banner {
    padding: 30px 5px 30px 10px;
    margin-bottom: 24px;
    gap: 0;
  }
  .papaRewardsContainer .newRewardsPage .banner .content {
    gap: 12px;
  }
  .papaRewardsContainer .newRewardsPage .banner .content svg {
    width: 140px;
    height: 20px;
  }
  .papaRewardsContainer .newRewardsPage .banner .content h1 {
    font-size: 28px;
    line-height: 24px;
  }
  .papaRewardsContainer .newRewardsPage .banner .content p {
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    margin-right: 10px;
  }
  .papaRewardsContainer .newRewardsPage .banner img {
    width: 102px;
    height: 110px;
  }
}
.papaRewardsContainer .newRewardsPage .contentBox {
  margin-bottom: 48px;
}
.papaRewardsContainer .newRewardsPage .contentBox.bottomSpacing {
  margin-bottom: 74px;
}
.papaRewardsContainer .newRewardsPage .contentBox p {
  text-align: center;
  margin-bottom: 30px;
  font-size: 20px;
  line-height: 28px;
}
.papaRewardsContainer .newRewardsPage .contentBox p a {
  display: inline;
  text-decoration: underline;
}
.papaRewardsContainer .newRewardsPage .contentBox p a:hover {
  text-decoration: none;
}
.papaRewardsContainer .newRewardsPage .contentBox p.small {
  font-size: 16px;
  line-height: 20px;
}
.papaRewardsContainer .newRewardsPage .contentBox .logInButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  gap: 8px;
  margin: 0 auto;
}
.papaRewardsContainer .newRewardsPage .contentBox .logInButtons.bottomSpacing {
  margin-bottom: 48px;
}
.papaRewardsContainer .newRewardsPage .contentBox .logInButtons a {
  padding: 12px;
  color: white;
  width: 135px;
  height: 42px;
}
.papaRewardsContainer .newRewardsPage .contentBox .logInButtons a:hover {
  color: black;
}
@media screen and (max-width: 768px) {
  .papaRewardsContainer .newRewardsPage .contentBox {
    margin-bottom: 30px;
  }
  .papaRewardsContainer .newRewardsPage .contentBox.bottomSpacing,
  .papaRewardsContainer .newRewardsPage .contentBox .logInButtons.bottomSpacing {
    margin-bottom: 30px;
  }
  .papaRewardsContainer .newRewardsPage .contentBox p, .papaRewardsContainer .newRewardsPage .contentBox p.small {
    margin-bottom: 30px;
    font-size: 14px;
    line-height: 18px;
  }
}
.papaRewardsContainer .newRewardsPage .subtitle {
  margin: 0 auto 30px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-family: "Papa Sans Heavy";
  font-size: 28px;
  line-height: 28px;
  text-align: center;
}
.papaRewardsContainer .newRewardsPage .subtitle.brown {
  color: #710500;
}
.papaRewardsContainer .newRewardsPage .subtitle.narrow {
  max-width: 280px;
}
.papaRewardsContainer .newRewardsPage .subtitle.uppercase {
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .papaRewardsContainer .newRewardsPage .subtitle {
    margin: 0 auto 16px;
    line-height: 24px;
  }
}
.papaRewardsContainer .newRewardsPage .pointsCards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0.625rem;
  width: 100%;
  margin-bottom: 48px;
}
@media screen and (max-width: 768px) {
  .papaRewardsContainer .newRewardsPage .pointsCards {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 320px) {
  .papaRewardsContainer .newRewardsPage .pointsCards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.papaRewardsContainer .newRewardsPage .pointsCards .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0.625rem;
  gap: 0.5rem;
  padding: 0.625rem;
  -ms-flex-preferred-size: calc(50% - 0.3125rem);
      flex-basis: calc(50% - 0.3125rem);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: relative;
}
.papaRewardsContainer .newRewardsPage .pointsCards .box .amountCointainer {
  position: absolute;
  right: 10px;
  bottom: 10px;
}
@media screen and (max-width: 768px) {
  .papaRewardsContainer .newRewardsPage .pointsCards .box {
    height: unset;
    position: unset;
  }
  .papaRewardsContainer .newRewardsPage .pointsCards .box .amountCointainer {
    position: unset;
  }
}
.papaRewardsContainer .newRewardsPage .pointsCards .box.popupPointsCard {
  background: radial-gradient(49.46% 51.64% at 1.81% 1.84%, #58956B 0%, #014C20 100%), #F5E8DC;
  color: white;
}
.papaRewardsContainer .newRewardsPage .pointsCards .box.popupPointsCard h3 span {
  color: #CFEB0C;
}
.papaRewardsContainer .newRewardsPage .pointsCards .box.popupPointsCard .amount {
  background: #CFEB0C;
}
.papaRewardsContainer .newRewardsPage .pointsCards .box.popupPointsCard .amount .pointsNr {
  color: #FF0000;
  font-size: 2.5rem;
  line-height: 1.875rem;
}
.papaRewardsContainer .newRewardsPage .pointsCards .box.popupPointsCard .amount .pointsNr span {
  font-size: 1rem;
  line-height: 1rem;
  color: #024D21;
}
.papaRewardsContainer .newRewardsPage .pointsCards .box.popupDoughCard {
  background: #710500;
  color: #F5E8DC;
}
.papaRewardsContainer .newRewardsPage .pointsCards .box.popupDoughCard .amount {
  background: #F5E8DC;
}
.papaRewardsContainer .newRewardsPage .pointsCards .box.popupDoughCard .amount .doughNr {
  color: #710500;
  font-size: 2.5rem;
  line-height: 2.125rem;
}
.papaRewardsContainer .newRewardsPage .pointsCards .box.popupDoughCard .amount .doughNr span {
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.papaRewardsContainer .newRewardsPage .pointsCards .box h3 {
  font-size: 1.5rem;
  line-height: 1.25rem;
  font-family: "Papa Sans Heavy";
  margin: 0;
}
.papaRewardsContainer .newRewardsPage .pointsCards .box p {
  font-size: 0.875rem;
  line-height: 1.125rem;
  margin: 0;
  max-width: 180px;
}
@media screen and (max-width: 768px) {
  .papaRewardsContainer .newRewardsPage .pointsCards .box p {
    max-width: 200px;
  }
}
.papaRewardsContainer .newRewardsPage .pointsCards .box .amountCointainer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.papaRewardsContainer .newRewardsPage .pointsCards .box .amount {
  margin-left: auto;
  margin-top: auto;
  font-family: "Papa Sans Heavy";
  font-weight: 700;
  padding: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.375rem;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory {
  margin-bottom: 80px;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .expiryText {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  text-align: center;
  margin: 0 auto 30px;
  font-weight: 700;
  font-size: 16px;
  line-height: 18px;
}
@media screen and (max-width: 768px) {
  .papaRewardsContainer .newRewardsPage .doughShemePointsHistory .expiryText {
    font-size: 14px;
    line-height: 16px;
  }
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .historyContainer {
  background-color: white;
  border-radius: 10px;
  position: relative;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .historyContainer:after {
  position: absolute;
  bottom: 0;
  content: "";
  height: 0;
  width: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(247, 247, 247, 0)), to(#F7F7F7));
  background: linear-gradient(180deg, rgba(247, 247, 247, 0) 0%, #F7F7F7 100%);
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .historyContainer[open] i {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .historyContainer[open]:after {
  height: 30px;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .historyContainer .tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  border-top: 1px solid #DBDBDB;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .historyContainer .tabs .table-header {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 70px 1fr;
  grid-template-columns: 1fr 70px 1fr;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .historyContainer .tabs .table-header .header-cell {
  margin: 0;
  background: rgba(219, 219, 219, 0.5);
  font-size: 20px;
  line-height: 26px;
  font-weight: 700;
  padding: 6px 16px;
  border-bottom: none;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .historyContainer .tabs > p {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  padding: 0.75rem 1rem;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .historyContainer .tabs > p.active {
  border-bottom: 1px solid #000;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 18px 20px;
  cursor: pointer;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory summary::-webkit-details-marker {
  content: "";
  background: none;
  color: rgba(0, 0, 0, 0);
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory summary h3 {
  margin: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  width: 100%;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory summary i {
  color: #007A53;
  font-size: 16px;
  line-height: 16px;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .history {
  text-align: center;
  background: url(/images/paparewards/history_table_bg.png);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 70px 1fr;
  grid-template-columns: 1fr 70px 1fr;
  max-height: 300px;
  overflow-y: auto;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .history:not(.visible) {
  display: none;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .history:empty {
  height: 50px;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .history p {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0;
  font-size: 16px;
  line-height: 16px;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .history p.bold {
  font-weight: 700;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .history .cell {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 16px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-bottom: 1px solid #DBDBDB;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .history .cell:not(.header-cell):nth-of-type(3n+1) {
  padding-left: 0;
  margin-left: 16px;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .history .cell:not(.header-cell):nth-of-type(3n) {
  padding-right: 0;
  margin-right: 16px;
}
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .history .cell:nth-last-of-type(1),
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .history .cell:nth-last-of-type(2),
.papaRewardsContainer .newRewardsPage .doughShemePointsHistory .history .cell:nth-last-of-type(3) {
  border-bottom: none;
}
.papaRewardsContainer .newRewardsPage .explainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
  margin-bottom: 48px;
}
.papaRewardsContainer .newRewardsPage .explainer .step {
  padding: 14px 18px;
  background-color: white;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
.papaRewardsContainer .newRewardsPage .explainer .step .stepContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
}
.papaRewardsContainer .newRewardsPage .explainer .step .stepContent p {
  margin-bottom: 0;
}
.papaRewardsContainer .newRewardsPage .explainer .step .stepContent .tag {
  text-transform: uppercase;
  font-family: "Papa Sans Medium";
  color: #2D5D2A;
  font-size: 14px;
  line-height: 14px;
}
.papaRewardsContainer .newRewardsPage .explainer .step .stepContent .title {
  color: #710500;
  font-size: 20px;
  line-height: 20px;
  font-family: "Papa Sans Medium";
  text-transform: uppercase;
}
.papaRewardsContainer .newRewardsPage .explainer .step .stepContent .description {
  font-size: 14px;
  line-height: 20px;
}
.papaRewardsContainer .newRewardsPage .explainer .step svg {
  width: 72px;
  height: 72px;
  min-width: 72px;
}
@media screen and (max-width: 768px) {
  .papaRewardsContainer .newRewardsPage .explainer {
    gap: 16px;
    margin-bottom: 30px;
  }
  .papaRewardsContainer .newRewardsPage .explainer .step {
    padding: 14px 16px;
  }
}
.papaRewardsContainer .newRewardsPage .faqs {
  background: #F5E8DC;
  padding: 50px 0 74px;
}
.papaRewardsContainer .newRewardsPage .faqs details {
  background-color: white;
  border-radius: 10px;
  margin-bottom: 4px;
}
.papaRewardsContainer .newRewardsPage .faqs details .content {
  border-top: 1px solid #DBDBDB;
  padding: 20px 16px;
}
.papaRewardsContainer .newRewardsPage .faqs details .content p {
  margin: 0;
  font-size: 16px;
  line-height: 18px;
}
.papaRewardsContainer .newRewardsPage .faqs details h3 {
  margin: 0;
  font-size: 16px;
  line-height: 16px;
  padding: 7px 0;
  font-weight: 400;
}
.papaRewardsContainer .newRewardsPage .faqs details i {
  color: #007A53;
}
.papaRewardsContainer .newRewardsPage .faqs details[open] i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.papaRewardsContainer .newRewardsPage .faqs summary::marker, .papaRewardsContainer .newRewardsPage .faqs summary::-webkit-details-marker {
  display: none;
  content: "";
}
.papaRewardsContainer .newRewardsPage .faqs summary .summaryContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  padding: 20px;
}

.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn::marker,
.papaRewardsContainer#pr-update .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn::-webkit-details-marker {
  display: none;
  content: "";
}

.giftcardsContainer .header_giftcards {
  background-image: url("/images/paparewards/Mask Group 53@2x_desktop.png");
  background-repeat: no-repeat;
  background-size: auto 273px;
  overflow: visible;
}
@media only screen and (min-width: 768px) {
  .giftcardsContainer .header_giftcards {
    background-size: cover;
    max-height: 300px;
  }
}
@media only screen and (max-width: 375px) {
  .giftcardsContainer .header_giftcards {
    background-image: url("/images/paparewards/Mask Group 53@2x_mobile.png");
    background-size: auto;
  }
}
.giftcardsContainer .header_giftcards .homeHeader {
  background: transparent;
}
.giftcardsContainer .header_giftcards .homeHeader .innerH {
  max-width: 100%;
  padding-right: 0;
}
.giftcardsContainer .header_giftcards .homeHeader .logoCont {
  padding: 10px 15px;
  background-color: transparent;
}
.giftcardsContainer .header_giftcards .homeHeader .logoCont img {
  background-color: transparent;
}
.giftcardsContainer .header_giftcards .homeHeader .lSide,
.giftcardsContainer .header_giftcards .homeHeader .rSide {
  background-color: transparent;
  width: calc(50% - 60px);
}
.giftcardsContainer .header_giftcards .homeHeader .rSide .accountBtn {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-right: 15px;
}
.giftcardsContainer .header_giftcards .homeHeader .rSide .accountBtn:before {
  display: none;
}
.giftcardsContainer .header_giftcards .homeHeader .rSide .accountBtn .innerr {
  border-radius: 15px;
  padding: 5px;
}
.giftcardsContainer .header_giftcards .homeHeader .rSide .accountBtn .innerr .txt {
  display: none;
}
.giftcardsContainer .header_giftcards .centerBox_giftcards {
  display: block;
  margin: 40px auto 10px auto;
  max-width: 600px;
  border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  .giftcardsContainer .header_giftcards .centerBox_giftcards {
    max-width: 90%;
    margin: 30px auto 30px auto;
  }
}
.giftcardsContainer .header_giftcards .centerBox_giftcards .inner_centerBox_giftcards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.giftcardsContainer .header_giftcards .centerBox_giftcards .inner_centerBox_giftcards img {
  width: 73%;
  display: block;
  margin: -20px auto 10px auto;
}
@media only screen and (max-width: 485px) {
  .giftcardsContainer .header_giftcards .centerBox_giftcards .inner_centerBox_giftcards img {
    margin: -40px auto 10px auto;
  }
}
.giftcardsContainer .bodyContent_giftcards {
  margin-top: 130px;
}
@media only screen and (max-width: 768px) {
  .giftcardsContainer .bodyContent_giftcards {
    margin-top: 0px !important;
  }
}
.giftcardsContainer .bodyContent_giftcards .title_section {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
  margin: 0 auto;
  width: 26%;
  min-width: 320px;
}
@media only screen and (max-width: 380px) {
  .giftcardsContainer .bodyContent_giftcards .title_section {
    width: 90%;
    min-width: 90%;
  }
}
.giftcardsContainer .bodyContent_giftcards .title_section span {
  color: #148f6a;
}
.giftcardsContainer .bodyContent_giftcards .copy_section {
  margin: 40px auto 0 auto;
  text-align: center;
  width: 60%;
  min-width: 320px;
}
@media only screen and (max-width: 768px) {
  .giftcardsContainer .bodyContent_giftcards .copy_section {
    margin-top: 30px;
  }
}
@media only screen and (max-width: 380px) {
  .giftcardsContainer .bodyContent_giftcards .copy_section {
    width: 90%;
    min-width: 90%;
  }
}
.giftcardsContainer .bodyContent_giftcards .copy_section a {
  color: #148f6a;
}
.giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards {
  background-image: url("/images/paparewards/PR-background.jpg");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-bottom: 60px;
  margin-top: 50px;
}
@media only screen and (max-width: 768px) {
  .giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards {
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
.giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards .inner_howToRedeem_giftcards {
  display: block;
  margin: 0 auto;
  width: 26%;
  min-width: 320px;
  padding-bottom: 70px;
}
@media only screen and (max-width: 380px) {
  .giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards .inner_howToRedeem_giftcards {
    width: 90%;
    min-width: 90%;
    display: block;
    margin: 0 auto;
  }
}
.giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards .inner_howToRedeem_giftcards .title_section h4 {
  text-align: center;
  padding: 78px 0px 20px 0px;
  font-size: 25px;
  font-weight: bold;
}
.giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards .inner_howToRedeem_giftcards .choose_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}
.giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards .inner_howToRedeem_giftcards .choose_section .fa-shopping-bag {
  margin-right: 20px;
  font-size: 20px;
}
.giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards .inner_howToRedeem_giftcards .choose_section .subtitle {
  margin-bottom: 3px;
  font-weight: bold;
}
.giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards .inner_howToRedeem_giftcards .order_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}
.giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards .inner_howToRedeem_giftcards .order_section .fa-pizza-slice {
  margin-right: 20px;
  font-size: 20px;
}
.giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards .inner_howToRedeem_giftcards .order_section .subtitle {
  margin-bottom: 3px;
  font-weight: bold;
}
.giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards .inner_howToRedeem_giftcards .complete_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
}
.giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards .inner_howToRedeem_giftcards .complete_section .fa-receipt {
  margin-right: 20px;
  font-size: 20px;
}
.giftcardsContainer .bodyContent_giftcards .howToRedeem_giftcards .inner_howToRedeem_giftcards .complete_section .subtitle {
  margin-bottom: 3px;
  font-weight: bold;
}
.giftcardsContainer .bodyContent_giftcards .more_info_giftcards {
  width: 80%;
  display: block;
  margin: 0px auto 30px auto;
}
@media only screen and (max-width: 768px) {
  .giftcardsContainer .bodyContent_giftcards .more_info_giftcards {
    margin: 0px auto 100px auto;
  }
}
.giftcardsContainer .bodyContent_giftcards .more_info_giftcards h4 {
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
.giftcardsContainer .bodyContent_giftcards .more_info_giftcards .first_phrase {
  margin-bottom: 0px;
  margin-top: 30px;
  font-size: 20px;
}
.giftcardsContainer .bodyContent_giftcards .more_info_giftcards .customerService {
  color: #1c1c1c;
  text-decoration: underline;
}
.giftcardsContainer .bodyContent_giftcards .more_info_giftcards .termsCond {
  color: #1c1c1c;
  text-decoration: underline;
}
.giftcardsContainer .bodyContent_giftcards .more_info_giftcards p {
  font-size: 20px;
}

.unsubscribeBoxWrapper {
  margin: 0 auto 20px;
  background-image: url("../images/postcodebox/homeBGDesk.png");
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
  height: 235px;
}

.subscriptionBox {
  max-width: 325px;
  margin: 0px auto 10px auto;
}
.subscriptionBox h2 {
  text-align: center;
  margin-top: 40px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 25px;
  color: #fff;
}
.subscriptionBox .unsubscribeTopText {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 50px;
  color: #fff;
}
.subscriptionBox p {
  text-align: center;
}

.innerOne {
  max-width: 325px;
  margin: 0px auto 10px auto;
}
.innerOne h2 {
  text-align: center;
  margin-top: 40px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 25px;
}
.innerOne .unsubscribeTopText {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 50px;
}
.innerOne p {
  text-align: center;
}
.innerOne .unsubscribeBoxTotal {
  background-color: white;
  border-radius: 5px;
  padding: 10px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  width: 100%;
}
.innerOne .unsubscribeBoxTotal ::-webkit-input-placeholder {
  color: #cccccc;
}
.innerOne .unsubscribeBoxTotal ::-moz-placeholder {
  color: #cccccc;
}
.innerOne .unsubscribeBoxTotal :-ms-input-placeholder {
  color: #cccccc;
}
.innerOne .unsubscribeBoxTotal ::-ms-input-placeholder {
  color: #cccccc;
}
.innerOne .unsubscribeBoxTotal ::placeholder {
  color: #cccccc;
}
.innerOne .unsubscribeBoxTotal input.hasC ~ label {
  top: -10px;
  font-size: 12px;
  color: #1c1c1c;
  background-color: #fff;
}
.innerOne .unsubscribeBoxTotal input.valid {
  border-color: #007d4a !important;
}
.innerOne .unsubscribeBoxTotal input.valid ~ label {
  color: #007d4a;
}
.innerOne .unsubscribeBoxTotal input.invalid {
  border-color: #e42313 !important;
}
.innerOne .unsubscribeBoxTotal input.invalid ~ label {
  color: #e42313;
}
.innerOne .unsubscribeBoxTotal input.valid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  width: 18px;
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_valid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.innerOne .unsubscribeBoxTotal input.invalid {
  border-color: red !important;
}
.innerOne .unsubscribeBoxTotal input.invalid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  width: 18px;
  font-family: "Font Awesome 5 Pro";
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_invalid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.innerOne .unsubscribeBoxTotal input[type=text] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.innerOne .unsubscribeBoxTotal .btnUnsubscribe {
  width: 100%;
  border-radius: 5px;
  background-color: #CBCBCB;
  color: white;
  font-weight: 700;
  border: none;
  font-size: 20px;
  height: 40px;
  margin-bottom: 10px;
  cursor: pointer;
}
.innerOne .unsubscribeBoxTotal .btnUnsubscribe:disabled {
  pointer-events: none;
}
.innerOne .unsubscribeBoxTotal .btnUnsubscribe:not(:disabled) {
  cursor: pointer;
}
.innerOne .unsubscribeBoxTotal .success {
  color: #007d4a;
  margin: auto;
  display: inline;
  text-decoration: none;
  margin-right: 23px;
}

.userProfile_privacyPolicyBox_unsubscribe {
  max-width: 325px;
  margin: 70px auto 10px auto;
  display: block;
}
.userProfile_privacyPolicyBox_unsubscribe p {
  text-align: center;
  margin: 0;
  padding: 10px 0;
  line-height: 1.2;
}
.userProfile_privacyPolicyBox_unsubscribe a {
  color: black;
  text-decoration: underline;
}
.userProfile_privacyPolicyBox_unsubscribe a:hover {
  color: #007d4a;
}

@media only screen and (max-width: 768px) {
  .innerOne {
    margin-top: 0px;
  }
}
@media only screen and (max-width: 768px) {
  .unsubscribeBox {
    margin-top: 0;
  }
}
@media only screen and (max-width: 400px) {
  .unsubscribeBox {
    margin: 0 auto 5px auto;
    display: block;
  }
}
@media only screen and (max-width: 1200px) {
  .unsubscribeBoxWrapper {
    background-size: cover;
  }
}
#genericMenuPage .foodBackground, #genericDealsPage .foodBackground {
  margin: 0 auto 20px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background-image: url("/static/assets/homepage/headers/hover.png"), url("/static/assets/homepage/headers/background.png");
  background-position: center, center;
  background-size: cover, cover;
  overflow: visible;
  height: 18rem;
}
#genericMenuPage .postCodeBox .innerOne, #genericDealsPage .postCodeBox .innerOne {
  margin-top: 0px;
}
#genericMenuPage .menuPage.mainContainer.bannerContainer, #genericDealsPage .menuPage.mainContainer.bannerContainer {
  width: unset;
  height: unset;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .introText, #genericDealsPage .menuPage.mainContainer .sectWrap .introText {
  width: 840px;
  max-width: 100%;
  text-align: center;
  font-size: 18px;
  padding: 20px 20px 0 20px;
  margin: 0 auto;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .introText h1, #genericDealsPage .menuPage.mainContainer .sectWrap .introText h1 {
  font-size: 1.35rem;
  margin: 10px;
  font-weight: bold;
  text-transform: uppercase;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .notice, #genericDealsPage .menuPage.mainContainer .sectWrap .notice {
  width: 100%;
  max-width: 830px;
  padding-inline: 15px;
  margin: 24px auto;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .notice .inner, #genericDealsPage .menuPage.mainContainer .sectWrap .notice .inner {
  background-color: #FBE1BE;
  border-radius: 5px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .notice .inner div:first-of-type, #genericDealsPage .menuPage.mainContainer .sectWrap .notice .inner div:first-of-type {
  padding-right: 10px;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow {
  width: 840px;
  max-width: 100%;
  margin: 5px auto;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow .productEntry, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow .productEntry {
  height: unset;
  min-height: unset;
  cursor: unset;
}
@media only screen and (min-width: 1430px) {
  #genericMenuPage .menuPage.mainContainer .sectWrap .productsRow .productEntry, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow .productEntry {
    margin: 10px 10px 20px 10px;
    width: calc(33% - 20px);
  }
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow .productEntry .prodDesc, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow .productEntry .prodDesc {
  display: block;
  padding-bottom: 20px;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex {
  width: 950px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex {
  width: 982px;
  margin: 48px auto 5px auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 29px;
  padding: 0 16px 0 16px !important;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .oneBannerContainer,
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .twoBannersContainer, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .oneBannerContainer,
#genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .twoBannersContainer {
  width: 100%;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .bannerSection, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .bannerSection {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .bannerSection:hover, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .bannerSection:hover {
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.65);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0.65);
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .bannerSection img, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .bannerSection img {
  width: 100%;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .twoBannersContainer, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .twoBannersContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 22.35px;
}
@media only screen and (max-width: 600px) {
  #genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex {
    gap: 10px;
  }
  #genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .desktopBannerImage, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .desktopBannerImage {
    display: none;
  }
  #genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .mobileBannerImage, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .mobileBannerImage {
    display: block !important;
  }
  #genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .twoBannersContainer, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .twoBannersContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex .productEntry, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex .productEntry {
  -ms-flex-preferred-size: calc(30.33% - 20px);
      flex-basis: calc(30.33% - 20px);
  margin: 20px !important;
  min-height: unset !important;
  cursor: pointer !important;
  max-width: 290px !important;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .productEntry, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .productEntry {
  width: 450px !important;
  max-width: 450px !important;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 31%;
          flex: 1 0 31%;
  margin: 12px;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .productEntry.placeholder, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .productEntry.placeholder {
  visibility: hidden;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .productEntry .prodImage, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .productEntry .prodImage {
  height: unset !important;
}
#genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex .productEntry .prodImage, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex .productEntry .prodImage {
  background-size: cover !important;
}
@media only screen and (max-width: 768px) {
  #genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex .productEntry, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex .productEntry {
    -ms-flex-preferred-size: calc(29.33% - 20px);
        flex-basis: calc(29.33% - 20px);
    cursor: pointer !important;
    max-width: 340px !important;
  }
}
@media only screen and (max-width: 600px) {
  #genericMenuPage .introText, #genericDealsPage .introText {
    width: 100% !important;
  }
  #genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex .productEntry,
  #genericMenuPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .productEntry, #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex .productEntry,
  #genericDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .productEntry {
    margin: 0 0 30px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}

.dealsPage {
  max-width: 982px;
  margin: auto;
}

.dealsPage .offersRow {
  margin: 10px 0;
}

@media only screen and (max-width: 768px) {
  .dealsPage .offersRow {
    margin: 16px 16px 34px;
  }
}
.dealsPage .offersRow .heroDealsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  gap: 20px;
  padding: 15px;
}
.dealsPage .offersRow .heroDealsContainer .triggerDealBuilder {
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .dealsPage .offersRow .heroDealsContainer {
    padding: 0;
    gap: 10px;
  }
}
.dealsPage .offersRow .heroDealsContainer .twoColumnsDeals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 20px;
}

.dealsPage .offersRow .heroDealsContainer .fullHeroDeal,
#storeDealsPage .offersRow .heroDealsContainer .fullHeroDeal,
.dealsPage .offersRow .heroDealsContainer .twoColumnsDeals .dealElement {
  width: 100%;
  height: 254px;
  background-repeat: no-repeat;
  position: relative;
  border-radius: 5px;
  background-size: cover;
  background-position: center;
}

.dealsPage .offersRow .heroDealsContainer .twoColumnsDeals .dealElement {
  width: calc(50% - 10px);
  height: 152px;
}

@media only screen and (max-width: 768px) {
  .dealsPage .offersRow .heroDealsContainer .twoColumnsDeals {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
  }
  .dealsPage .offersRow .heroDealsContainer .fullHeroDeal,
  .dealsPage .offersRow .heroDealsContainer .twoColumnsDeals .dealElement {
    width: 100%;
    height: 156px;
  }
}
.customerServicePage .contentInner .contentSizer {
  width: 600px;
}
.customerServicePage .contentInner .introText {
  font-size: 20px;
  text-align: center;
  margin-top: 50px;
}
.customerServicePage .storeBox {
  margin: 0 auto;
  width: 600px;
  text-align: center;
  background-color: #EFEFEF;
  height: 170px;
  padding: 30px;
  max-width: 100%;
  border-radius: 5px;
}
.customerServicePage .storeBox h2 {
  font-size: 25px;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  margin-bottom: 30px;
  margin-top: 10px;
}
.customerServicePage .storeBox select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: url(../images/icons/chevron_down_blue.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-size: 14px;
  border: 1px solid #dbdbdb;
  border-radius: 5px;
  padding-left: 7px;
  cursor: pointer;
  width: 467px;
  background-color: white;
  max-width: 100%;
  white-space: pre-wrap;
  padding-right: 30px;
  max-height: 50px;
  min-height: 45px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
}
.customerServicePage .storeBox select:hover {
  border-color: #ed8b00;
}
@media only screen and (max-width: 768px) {
  .customerServicePage .storeBox {
    width: auto;
    margin: 20px;
    padding: 20px;
  }
}
.customerServicePage .contentDetails {
  height: 320px;
}
@media only screen and (min-width: 320px) {
  .customerServicePage .contentDetails {
    height: 350px;
  }
}
@media only screen and (min-width: 375px) {
  .customerServicePage .contentDetails {
    height: 320px;
  }
}
@media only screen and (min-width: 539px) {
  .customerServicePage .contentDetails {
    height: 250px;
  }
}
@media only screen and (min-width: 768px) {
  .customerServicePage .contentDetails {
    height: 280px;
  }
}
.customerServicePage .moreHelp {
  margin: 70px auto;
  width: 600px;
  text-align: center;
  max-width: 100%;
  padding: 0 20px;
}
.customerServicePage .moreHelp h2 {
  font-size: 25px;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.customerServicePage .moreHelp p {
  font-size: 20px;
  text-align: center;
}
.customerServicePage .moreHelp a {
  color: #007D4A;
  cursor: pointer;
  text-decoration: underline;
}
.customerServicePage .topInfo {
  width: 1080px;
  margin: 0 auto;
  max-width: 100%;
  padding: 25px 5px;
}
.customerServicePage .topInfo ul {
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-right: 40px;
}
.customerServicePage .topInfo ul li {
  max-width: 100%;
}
.customerServicePage .topInfo ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: initial;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  font-size: 18px;
  line-height: 1.1;
  color: #1c1c1c;
  margin: 20px 10px;
}
.customerServicePage .topInfo ul li a .licon {
  margin-left: 5px;
}
.customerServicePage .topInfo ul li a .ficon {
  color: #007d4a;
  margin-right: 10px;
  font-size: 25px;
}
.customerServicePage .topInfo ul li a:hover {
  text-decoration: none;
  color: #ed8b00;
}
.customerServicePage .topInfo ul li a:hover .ficon {
  color: #ed8b00;
}
.customerServicePage .topInfo ul li a span {
  max-width: 200px;
}
@media only screen and (min-width: 769px) {
  .customerServicePage .topInfo ul li ul {
    margin: 0 75px 0 40px;
  }
  .customerServicePage .topInfo ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
@media only screen and (max-width: 768px) {
  .customerServicePage .topInfo ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-padding-start: 10px;
            padding-inline-start: 10px;
  }
}
@media only screen and (max-width: 768px) {
  .customerServicePage .topInfo {
    padding: 10px 0px;
  }
}

@font-face {
  font-family: "Italian Plate No2";
  font-weight: 400;
  src: url("fonts/italianplateno2-regular.otf");
}
@font-face {
  font-family: "Italian Plate No2";
  font-weight: 700;
  src: url("fonts/italianplateno2-bold.otf");
}
@font-face {
  font-family: "Italian Plate No2";
  font-weight: 900;
  src: url("fonts/italianplateno2-black.otf");
}
@font-face {
  font-family: "Papa Sans Heavy";
  font-weight: 900;
  src: url("fonts/papasans-heavy.ttf") format("truetype");
}
@font-face {
  font-family: "Papa Sans Medium";
  font-weight: 500;
  src: url("fonts/PapaSans-MediumCondensed.ttf") format("truetype");
}
@font-face {
  font-family: "Papa Sans Regular";
  font-weight: 400;
  src: url("fonts/PapaSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Quantico";
  src: url("fonts/quantico-regular.ttf") format("truetype");
}
@font-face {
  font-family: "Quantico Heavy";
  font-weight: 700;
  src: url("fonts/quantico-bold.ttf") format("truetype");
}
.trackYourOrderPage {
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.orderTrackerBody {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  margin: 0 auto;
  width: 100%;
  color: #000000;
}

.orderTrackerBody .mediumEntry span {
  font-weight: bold;
}

.orderTrackerBody .headerDesktopBox .headerContainerDesktop {
  width: 100%;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
  background-image: url("../images/order_tracker/order-tracker-green-background.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.orderTrackerBody .headerDesktopBox .headerContainerDesktop .papaJohnsLogo {
  width: 165px;
}
.orderTrackerBody .headerDesktopBox .headerContainerDesktop .headerTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 30px;
}
.orderTrackerBody .headerDesktopBox .headerContainerDesktop .headerTitle .title {
  color: #FFF;
  font-family: "Papa Sans Heavy";
  font-size: 52.967px;
  text-transform: uppercase;
}
.orderTrackerBody .headerDesktopBox .headerContainerDesktop .headerTitle .headerIcon {
  width: 102.832px;
}
.orderTrackerBody .headerMobileBox {
  background-image: url("../images/order_tracker/order-tracker-green-background.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 88px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 8px;
}
.orderTrackerBody .headerMobileBox .papaJohnsLogo {
  width: 138px;
  height: 29px;
}
.orderTrackerBody .headerMobileBox .orderRespOnly {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
.orderTrackerBody .headerMobileBox .orderRespOnly .mediumEntry {
  margin: 0;
  min-width: unset;
}
.orderTrackerBody .headerMobileBox .orderRespOnly .mediumEntry span {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  text-transform: none;
}
.orderTrackerBody .headerMobileBox .orderRespOnly .mediumEntry .big {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  color: #fff;
}
.orderTrackerBody .headerMobileBox .orderRespOnly .moreBtn {
  background: none;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  line-height: 16px;
  color: #fff;
  padding: 0;
}
@-webkit-keyframes slide-up {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-up {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@-webkit-keyframes slide-down {
  0% {
    -webkit-transform: translateY(-500%);
            transform: translateY(-500%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
@keyframes slide-down {
  0% {
    -webkit-transform: translateY(-500%);
            transform: translateY(-500%);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
.orderTrackerBody .feedbackWidgetContainer {
  margin: 64px auto 10px;
  max-width: 440px;
  width: 100%;
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 5px;
  border: 1px solid #E5E5E5;
  background: #FFF;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
  z-index: 31;
  -webkit-animation: slide-up 0.5s ease-out forwards;
          animation: slide-up 0.5s ease-out forwards;
}
@media only screen and (max-width: 859px) {
  .orderTrackerBody .feedbackWidgetContainer {
    max-width: unset;
    bottom: 0;
    border-radius: 24px 24px 0px 0px;
    padding: 40px 24px;
    margin-bottom: 0;
  }
}
.orderTrackerBody .feedbackWidgetContainer .title {
  color: #464646;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.8px;
}
@media only screen and (max-width: 346px) {
  .orderTrackerBody .feedbackWidgetContainer .title {
    font-size: 19px;
  }
}
@media only screen and (max-width: 330px) {
  .orderTrackerBody .feedbackWidgetContainer .title {
    font-size: 18px;
  }
}
.orderTrackerBody .feedbackWidgetContainer .subtitle {
  color: #464646;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: -0.56px;
}
.orderTrackerBody .feedbackWidgetContainer .emojiContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 8px;
  margin-top: 8px;
}
.orderTrackerBody .feedbackWidgetContainer .emojiContainer .emojiBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 5px;
  border: 1px solid #545454;
  background: #FFF;
  cursor: pointer;
}
@media only screen and (max-width: 420px) {
  .orderTrackerBody .feedbackWidgetContainer .emojiContainer .emojiBox {
    padding: 10px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .orderTrackerBody .feedbackWidgetContainer .emojiContainer .emojiBox:hover {
    background: #F5E8DC;
  }
}
.orderTrackerBody .feedbackWidgetContainer .emojiContainer .emojiBox:active {
  background: #F5E8DC;
}
.orderTrackerBody .feedbackWidgetContainer .emojiContainer .emojiBox img {
  width: 33px;
}
@media only screen and (max-width: 330px) {
  .orderTrackerBody .feedbackWidgetContainer .emojiContainer .emojiBox img {
    width: 25px;
  }
}
.orderTrackerBody .thankYouMessageContainer {
  margin: 64px auto 68.05px;
  max-width: 440px;
  width: 100%;
  padding: 24px 40px 40px 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
  border: 1px solid #E5E5E5;
  background: #FFF;
  -webkit-box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.3);
  z-index: 31;
  -webkit-animation: slide-up 0.5s ease-out forwards;
          animation: slide-up 0.5s ease-out forwards;
}
@media only screen and (max-width: 859px) {
  .orderTrackerBody .thankYouMessageContainer {
    max-width: unset;
    bottom: 0;
    border-radius: 24px 24px 0px 0px;
    padding: 40px 24px;
    margin-bottom: 0;
  }
}
.orderTrackerBody .thankYouMessageContainer .emojiBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
}
.orderTrackerBody .thankYouMessageContainer .emojiBox img {
  width: 34.881px;
  height: 32px;
}
.orderTrackerBody .thankYouMessageContainer .title {
  color: #464646;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -0.8px;
  text-align: center;
}

@media only screen and (max-width: 859px) {
  .orderTrackerBody .headerDesktopBox {
    display: none;
  }
}
.orderTrackerBody .headerMobileBox button:focus {
  outline: none;
}

.orderTrackerBody .headerMobileBox .mediumEntry {
  margin-bottom: 10px;
  text-transform: uppercase;
  white-space: nowrap;
  min-width: 120px;
  margin-right: 30px;
}

.orderTrackerBody .headerMobileBox .mediumEntry a {
  color: #000000;
  text-decoration: none;
}

.orderTrackerBody .headerMobileBox .mediumEntry span {
  color: #707070;
  display: block;
  font-size: 12px;
}

.orderTrackerBody .headerMobileBox .mediumEntry span.big {
  color: #000;
  font-size: 20px;
  font-weight: 600;
}

.orderTrackerBody .headerMobileBox .detailBox {
  padding: 0px 10px 10px 10px;
}

@media only screen and (min-width: 860px) {
  .orderTrackerBody .headerMobileBox {
    display: none;
  }
}
.orderTrackerBody .headerMobileBox .imgCont {
  padding: 10px 20px 15px 20px;
  position: relative;
}

.orderTrackerBody .headerMobileBox .imgCont img.logoImage {
  position: relative;
  z-index: 10;
  max-width: 80px;
}

.orderTrackerBody .headerMobileBox .imgCont:after {
  content: "";
  background-color: #D82C1C;
  width: 120%;
  display: block;
  height: 120%;
  position: absolute;
  bottom: -2%;
  left: -10%;
  -webkit-transform: rotate(1.25deg);
  transform: rotate(1.25deg);
}

.orderTrackerBody .headerMobileBox .imgCont .trackImg {
  position: absolute;
  bottom: -10px;
  left: 0;
  z-index: 11;
  max-width: 300px;
}

@media only screen and (max-width: 860px) {
  .orderTrackerBody .headerMobileBox .imgCont {
    padding: 10px 10px 0px 10px;
  }
  .orderTrackerBody .headerMobileBox .imgCont:after {
    height: 135%;
    bottom: 25%;
    -webkit-transform: rotate(-7deg);
    transform: rotate(-7deg);
  }
  .orderTrackerBody .headerMobileBox .imgCont .trackImg {
    max-width: 245px;
    left: auto !important;
    right: 10%;
    top: 18%;
  }
}
@media only screen and (max-width: 576px) {
  .orderTrackerBody .headerMobileBox .imgCont {
    padding: 10px 10px 15px 10px;
  }
  .orderTrackerBody .headerMobileBox .imgCont .trackImg {
    max-width: 205px;
    left: auto !important;
    right: 10px;
    top: 18%;
  }
}
@media only screen and (max-width: 576px) {
  .orderTrackerBody .headerMobileBox .imgCont {
    padding: 5px 10px 5px 10px;
    position: relative;
  }
  .orderTrackerBody .headerMobileBox .imgCont img.logoImage {
    max-width: 66px;
  }
  .orderTrackerBody .headerMobileBox .imgCont:after {
    height: 130%;
    bottom: 28%;
  }
  .orderTrackerBody .headerMobileBox.embed {
    overflow: hidden;
    position: relative;
  }
  .orderTrackerBody .headerMobileBox.embed:after {
    content: "";
    background-color: #fff;
    width: 110%;
    left: -5%;
    height: 100px;
    left: -5%;
    bottom: 69%;
    position: absolute;
    -webkit-transform: rotate(-3.5deg);
    transform: rotate(-3.5deg);
  }
}
@media only screen and (max-width: 576px) and (max-width: 576px) {
  .orderTrackerBody .headerMobileBox.embed .orderRespOnly {
    padding-top: 10px;
  }
}
.orderTrackerBody .orderDetailsBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 120px;
  background: #F4F4F4;
  margin: 0 auto;
  justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding-top: 30px;
}
.orderTrackerBody .orderDetailsBox .firstBox,
.orderTrackerBody .orderDetailsBox .secondBox,
.orderTrackerBody .orderDetailsBox .thirdBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
.orderTrackerBody .orderDetailsBox .boxSectionWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 5px;
}

.orderTrackerBody .orderDetailsBox .mediumEntry {
  text-transform: uppercase;
  white-space: nowrap;
  min-width: 120px;
}

.orderTrackerBody .orderDetailsBox .mediumEntry a {
  color: #464646;
  text-decoration: none;
}

.orderTrackerBody .orderDetailsBox .mediumEntry span {
  color: #464646;
  display: block;
  font-size: 14px;
  font-weight: 400;
}

.orderTrackerBody .orderDetailsBox .mediumEntry span.big {
  color: #464646;
  font-size: 20px;
  font-weight: 900;
}

.orderTrackerBody .orderDetailsBox .mediumEntry:last-of-type {
  margin-right: 0;
}

.orderTrackerBody .statusCont {
  margin: 20px 0 10px 0;
}

.orderTrackerBody .statusCont .statusBox .statusImgCont {
  background-position: center center !important;
  background-size: 100% auto !important;
  background-repeat: no-repeat !important;
}

/* START : DEFAULT - inactive */
.orderTrackerBody .statusCont .statusBox:first-of-type .statusImgCont {
  background: url(/images/order_tracker/making_inactive.gif);
}

.orderTrackerBody .statusCont .statusBox:nth-of-type(2) .statusImgCont {
  background: url(/images/order_tracker/oven_inactive.gif);
}

.orderTrackerBody .statusCont .statusBox:nth-of-type(3) .statusImgCont {
  background: url(/images/order_tracker/cutting_inactive.gif);
}

.orderTrackerBody .statusCont .statusBox:nth-of-type(4) .statusImgCont {
  background: url(/images/order_tracker/on_the_way_inactive.gif);
}

.orderTrackerBody .statusCont .statusBox:nth-of-type(4).collection .statusImgCont {
  background: url(/images/order_tracker/ready_to_collect_inactive.gif);
}

.orderTrackerBody .statusCont .statusBox:nth-of-type(5) .statusImgCont {
  background: url(/images/order_tracker/enjoy_inactive.gif);
}

/* END : DEFAULT - inactive */
/* START : BOX 1 */
.orderTrackerBody .statusCont.stepOne .statusBox:first-of-type .statusImgCont {
  background: url(/images/order_tracker/making_current.gif);
}

.orderTrackerBody .statusCont.stepOne .statusBox:nth-of-type(2) .statusImgCont {
  background: url(/images/order_tracker/oven_inactive.gif);
}

.orderTrackerBody .statusCont.stepOne .statusBox:nth-of-type(3) .statusImgCont {
  background: url(/images/order_tracker/cutting_inactive.gif);
}

.orderTrackerBody .statusCont.stepOne .statusBox:nth-of-type(4) .statusImgCont {
  background: url(/images/order_tracker/on_the_way_inactive.gif);
}

.orderTrackerBody .statusCont.stepOne .statusBox:nth-of-type(4).collection .statusImgCont {
  background: url(/images/order_tracker/ready_to_collect_inactive.gif);
}

.orderTrackerBody .statusCont.stepOne .statusBox:nth-of-type(5) .statusImgCont {
  background: url(/images/order_tracker/enjoy_inactive.gif);
}

/* END : BOX 1 */
/* START : BOX 2 */
.orderTrackerBody .statusCont.stepTwo .statusBox:first-of-type .statusImgCont {
  background: url(/images/order_tracker/making_done.gif);
}

.orderTrackerBody .statusCont.stepTwo .statusBox:nth-of-type(2) .statusImgCont {
  background: url(/images/order_tracker/oven_current.gif);
}

.orderTrackerBody .statusCont.stepTwo .statusBox:nth-of-type(3) .statusImgCont {
  background: url(/images/order_tracker/cutting_inactive.gif);
}

.orderTrackerBody .statusCont.stepTwo .statusBox:nth-of-type(4) .statusImgCont {
  background: url(/images/order_tracker/on_the_way_inactive.gif);
}

.orderTrackerBody .statusCont.stepTwo .statusBox:nth-of-type(4).collection .statusImgCont {
  background: url(/images/order_tracker/ready_to_collect_inactive.gif);
}

.orderTrackerBody .statusCont.stepTwo .statusBox:nth-of-type(5) .statusImgCont {
  background: url(/images/order_tracker/enjoy_inactive.gif);
}

/* END : BOX 2 */
/* START : BOX 3 */
.orderTrackerBody .statusCont.stepThree .statusBox:first-of-type .statusImgCont {
  background: url(/images/order_tracker/making_done.gif);
}

.orderTrackerBody .statusCont.stepThree .statusBox:nth-of-type(2) .statusImgCont {
  background: url(/images/order_tracker/oven_done.gif);
}

.orderTrackerBody .statusCont.stepThree .statusBox:nth-of-type(3) .statusImgCont {
  background: url(/images/order_tracker/cutting_current.gif);
}

.orderTrackerBody .statusCont.stepThree .statusBox:nth-of-type(4) .statusImgCont {
  background: url(/images/order_tracker/on_the_way_inactive.gif);
}

.orderTrackerBody .statusCont.stepThree .statusBox:nth-of-type(4).collection .statusImgCont {
  background: url(/images/order_tracker/ready_to_collect_inactive.gif);
}

.orderTrackerBody .statusCont.stepThree .statusBox:nth-of-type(5) .statusImgCont {
  background: url(/images/order_tracker/enjoy_inactive.gif);
}

/* END : BOX 3 */
/* START : BOX 4 */
.orderTrackerBody .statusCont.stepFour .statusBox:first-of-type .statusImgCont {
  background: url(/images/order_tracker/making_done.gif);
}

.orderTrackerBody .statusCont.stepFour .statusBox:nth-of-type(2) .statusImgCont {
  background: url(/images/order_tracker/oven_done.gif);
}

.orderTrackerBody .statusCont.stepFour .statusBox:nth-of-type(3) .statusImgCont {
  background: url(/images/order_tracker/cutting_done.gif);
}

.orderTrackerBody .statusCont.stepFour .statusBox:nth-of-type(4) .statusImgCont {
  background: url(/images/order_tracker/on_the_way_current.gif);
}

.orderTrackerBody .statusCont.stepFour .statusBox:nth-of-type(4).collection .statusImgCont {
  background: url(/images/order_tracker/ready_to_collect_current.gif);
}

.orderTrackerBody .statusCont.stepFour .statusBox:nth-of-type(5) .statusImgCont {
  background: url(/images/order_tracker/enjoy_inactive.gif);
}

/* END : BOX 4 */
/* START : BOX 5 */
.orderTrackerBody .statusCont.stepFive .statusBox:first-of-type .statusImgCont {
  background: url(/images/order_tracker/making_done.gif);
}

.orderTrackerBody .statusCont.stepFive .statusBox:nth-of-type(2) .statusImgCont {
  background: url(/images/order_tracker/oven_done.gif);
}

.orderTrackerBody .statusCont.stepFive .statusBox:nth-of-type(3) .statusImgCont {
  background: url(/images/order_tracker/cutting_done.gif);
}

.orderTrackerBody .statusCont.stepFive .statusBox:nth-of-type(4) .statusImgCont {
  background: url(/images/order_tracker/on_the_way_done.gif);
}

.orderTrackerBody .statusCont.stepFive .statusBox:nth-of-type(4).collection .statusImgCont {
  background: url(/images/order_tracker/ready_to_collect_done.gif);
}

.orderTrackerBody .statusCont.stepFive .statusBox:nth-of-type(5) .statusImgCont {
  background: url(/images/order_tracker/enjoy_current.gif);
}

/* END : BOX 5 */
.orderTrackerBody .statusCont .statusBoxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

.orderTrackerBody .statusCont .statusBoxes .statusBox {
  border: 1px solid #E5E5E5;
  padding: 18px 16px;
  border-radius: 6px;
  margin: 0 3px;
  background-color: #fff;
  min-width: 230px;
}

.orderTrackerBody .statusCont .statusBoxes .statusBox .statusImgCont {
  display: inline-block;
  width: 117px;
  height: 117px;
}

.orderTrackerBody .statusCont .statusBoxes .statusBox .boxTitleOrder {
  color: #3B3B3B;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 10px;
  margin-top: 22px;
  font-size: 16px;
}

.orderTrackerBody .statusCont .statusBoxes .statusBox p {
  display: none;
  color: #3B3B3B;
  font-size: 12px;
  font-weight: 300;
  height: 28px;
  line-height: 14px;
  font-family: "Roboto Condensed", "Lucida Grande", Tahoma, Sans-Serif;
}

.orderTrackerBody .statusCont .statusBoxes .statusBox.current {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
  border-color: #008454;
}

.orderTrackerBody .statusCont .statusBoxes .statusBox.current img, .orderTrackerBody .statusCont .statusBoxes .statusBox.current .statusImgCont {
  margin-top: 28px;
}

.orderTrackerBody .statusCont .statusBoxes .statusBox.current h2 {
  color: #008454;
}

.orderTrackerBody .statusCont .statusBoxes .statusBox.current p {
  max-width: 300px;
  display: inline-block;
  font-family: "Roboto Condensed", "Lucida Grande", Tahoma, Sans-Serif;
}

.track-order-uber {
  border-radius: 25px 25px 0 0;
  border-bottom: 1px solid #F4F4F4;
  background: #F3F3F3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-animation: slide-down 0.5s ease-out forwards;
          animation: slide-down 0.5s ease-out forwards;
}
.track-order-uber .tracker-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.625rem 4.375rem;
  cursor: pointer;
}
@media screen and (max-width: 859px) {
  .track-order-uber .tracker-bar {
    padding: 23px;
  }
}
.track-order-uber .tracker-bar > div:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 21px;
}
.track-order-uber .tracker-bar .order-logo {
  background: url(/images/order_tracker/on_the_way_current.gif) no-repeat;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-size: cover;
}
.track-order-uber .tracker-bar span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-weight: bold;
}
.track-order-uber .tracker-map {
  display: none;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.track-order-uber.active {
  position: fixed;
  top: 11.25rem;
  width: 100%;
  height: calc(100vh - 11.25rem);
  z-index: 50;
  -webkit-animation: slide-up 0.5s ease-out forwards;
          animation: slide-up 0.5s ease-out forwards;
}
@media screen and (max-width: 859px) {
  .track-order-uber.active {
    top: 5rem;
    height: calc(100vh - 5rem);
    border-radius: 10px 10px 0 0;
  }
}
.track-order-uber.active .tracker-bar .arrow-down {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
}
.track-order-uber.active .tracker-map {
  display: block;
}

@media only screen and (min-width: 769px) {
  .orderTrackerBody .statusCont .mediumLine, .orderTrackerBody .statusCont .smallLine {
    display: none;
  }
}
@media only screen and (max-width: 769px) {
  .orderTrackerBody .statusCont {
    position: relative;
  }
  .orderTrackerBody .statusCont .mediumLine, .orderTrackerBody .statusCont .smallLine {
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    content: "";
    background-color: #e5e5e5;
    display: block;
    position: absolute;
    width: 1px;
    top: 45px;
    left: 29px;
    z-index: 15;
  }
  .orderTrackerBody .statusCont .smallLine {
    display: none;
  }
  .orderTrackerBody .statusCont .statusBoxes {
    padding: 10px 5px 0px 5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox {
    padding: 10px 20px;
    margin-bottom: 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-left: 40px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-color: #FCFCFC;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox .statusImgCont {
    width: 95px;
    height: 95px;
    min-width: 95px;
    margin-top: 0;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox .boxTitleOrder, .orderTrackerBody .statusCont .statusBoxes .statusBox p {
    width: 100%;
    color: #E5E5E5;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox .boxContent {
    text-align: left;
    padding-right: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox .boxTitleOrder {
    position: relative;
    margin-top: 0;
    font-size: 20px;
    margin-bottom: 5px;
    z-index: 30;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox p {
    margin-bottom: auto;
    height: auto;
    font-size: 16px;
    line-height: 18px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.inactive, .orderTrackerBody .statusCont .statusBoxes .statusBox.done {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.inactive .statusImgCont, .orderTrackerBody .statusCont .statusBoxes .statusBox.done .statusImgCont {
    margin-top: -25px;
    margin-bottom: -25px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.current {
    -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2);
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.current .statusImgCont {
    margin-top: 0;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.current p {
    color: #3B3B3B;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.current img {
    padding-top: 0;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.done h2 {
    color: #3B3B3B;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.inactive h2 {
    margin-bottom: 0;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.inactive h2:after {
    z-index: 20;
    position: absolute;
    top: 3px;
    left: -25px;
    height: 10px;
    width: 10px;
    display: block;
    content: "";
    background-color: #E5E5E5;
    border-radius: 100%;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.current h2:after {
    z-index: 20;
    position: absolute;
    top: 0px;
    left: -27px;
    height: 14px;
    width: 14px;
    display: block;
    content: "";
    background-color: #008454;
    border-radius: 100%;
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.done h2 {
    margin-bottom: 0;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.done h2:after {
    z-index: 20;
    position: absolute;
    top: 3px;
    left: -25px;
    height: 10px;
    width: 10px;
    display: block;
    content: "";
    background-color: #008454;
    border-radius: 100%;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox:first-of-type.done h2:after {
    z-index: 20;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox:first-of-type.done h2:before {
    content: "";
    width: 10px;
    height: 25px;
    position: absolute;
    left: -25px;
    top: -15px;
    z-index: 19;
    background-color: #fff;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox:last-of-type.inactive h2:after {
    z-index: 3;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox:last-of-type.inactive h2:before {
    content: "";
    width: 20px;
    height: 14px;
    position: absolute;
    left: -34px;
    top: 13px;
    z-index: 2;
    background-color: #fff;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox:last-of-type.current h2:after {
    z-index: 3;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox:last-of-type.current h2:before {
    content: "";
    width: 30px;
    height: 42px;
    position: absolute;
    left: -34px;
    top: 14px;
    z-index: 2;
    background-color: #fff;
  }
}
@media only screen and (max-width: 1260px) and (min-width: 769px) {
  .orderTrackerBody .statusCont .statusBoxes {
    max-width: 100%;
    width: 100%;
    position: relative;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox {
    margin-left: 0;
    margin-right: 0;
    min-width: 230px;
  }
  .orderTrackerBody .statusCont.stepOne .statusBox:first-of-type {
    z-index: 10;
  }
  .orderTrackerBody .statusCont.stepOne .statusBox:nth-of-type(2) {
    z-index: 9;
  }
  .orderTrackerBody .statusCont.stepOne .statusBox:nth-of-type(3) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
    margin-left: -160px;
    z-index: 8;
  }
  .orderTrackerBody .statusCont.stepOne .statusBox:nth-of-type(4) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
    margin-left: -160px;
    z-index: 7;
  }
  .orderTrackerBody .statusCont.stepOne .statusBox:nth-of-type(5) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    margin-left: -160px;
    z-index: 6;
  }
  .orderTrackerBody .statusCont.stepTwo .statusBox:first-of-type {
    z-index: 9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
    margin-right: -140px;
  }
  .orderTrackerBody .statusCont.stepTwo .statusBox:nth-of-type(2) {
    z-index: 10;
  }
  .orderTrackerBody .statusCont.stepTwo .statusBox:nth-of-type(3) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 8;
  }
  .orderTrackerBody .statusCont.stepTwo .statusBox:nth-of-type(4) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.93);
    transform: scale(0.93);
    margin-left: -160px;
    z-index: 7;
  }
  .orderTrackerBody .statusCont.stepTwo .statusBox:nth-of-type(5) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    margin-left: -160px;
    z-index: 6;
  }
  .orderTrackerBody .statusCont.stepThree .statusBox:first-of-type {
    z-index: 8;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.93);
    transform: scale(0.93);
    margin-right: -160px;
  }
  .orderTrackerBody .statusCont.stepThree .statusBox:nth-of-type(2) {
    z-index: 9;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.96);
    transform: scale(0.96);
    margin-right: -160px;
  }
  .orderTrackerBody .statusCont.stepThree .statusBox:nth-of-type(3) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
  }
  .orderTrackerBody .statusCont.stepThree .statusBox:nth-of-type(4) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 7;
  }
  .orderTrackerBody .statusCont.stepThree .statusBox:nth-of-type(5) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
    margin-left: -140px;
    z-index: 6;
  }
  .orderTrackerBody .statusCont.stepFour .statusBox:first-of-type {
    z-index: 8;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
    margin-right: -140px;
  }
  .orderTrackerBody .statusCont.stepFour .statusBox:nth-of-type(2) {
    z-index: 8;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
    margin-right: -140px;
  }
  .orderTrackerBody .statusCont.stepFour .statusBox:nth-of-type(3) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-right: -140px;
    z-index: 9;
  }
  .orderTrackerBody .statusCont.stepFour .statusBox:nth-of-type(4) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
  }
  .orderTrackerBody .statusCont.stepFour .statusBox:nth-of-type(5) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 6;
  }
  .orderTrackerBody .statusCont.stepFive .statusBox:first-of-type {
    z-index: 8;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.91);
    transform: scale(0.91);
    margin-left: -120px;
  }
  .orderTrackerBody .statusCont.stepFive .statusBox:nth-of-type(2) {
    z-index: 8;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
    margin-left: -120px;
  }
  .orderTrackerBody .statusCont.stepFive .statusBox:nth-of-type(3) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-left: -120px;
    -webkit-transform: scale(0.97);
    transform: scale(0.97);
    z-index: 9;
  }
  .orderTrackerBody .statusCont.stepFive .statusBox:nth-of-type(4) {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 10;
    margin-left: -120px;
  }
  .orderTrackerBody .statusCont.stepFive .statusBox:nth-of-type(5) {
    margin-left: -140px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    margin-right: -110px;
    z-index: 11;
    overflow: hidden;
  }
}
@media only screen and (max-width: 543px) {
  .orderTrackerBody .statusCont .smallLine {
    display: block;
  }
  .orderTrackerBody .statusCont .mediumLine {
    display: none;
  }
}
@media only screen and (max-width: 576px) {
  .orderTrackerBody .statusCont {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox {
    padding-right: 10px;
    border-color: #E5E5E5;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox .boxContent {
    padding-right: 10px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox img {
    max-height: 80px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox .statusImgCont {
    width: 78px;
    height: 78px;
    min-width: 78px;
    padding-top: 0 !important;
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox .boxTitleOrder {
    font-size: 16px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox p {
    font-size: 12px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.inactive h2, .orderTrackerBody .statusCont .statusBoxes .statusBox.done h2 {
    margin-bottom: 0;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.inactive .statusImgCont, .orderTrackerBody .statusCont .statusBoxes .statusBox.done .statusImgCont {
    margin-top: -20px !important;
    margin-bottom: -20px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox:first-of-type.done h2:before {
    height: 20px;
    top: -13px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox.inactive, .orderTrackerBody .statusCont .statusBoxes .statusBox.done {
    margin: 17px 3px 17px 3px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox:last-of-type {
    margin-bottom: 22px;
  }
  .orderTrackerBody .statusCont .statusBoxes .statusBox:last-of-type.current {
    margin-bottom: 10px;
  }
}
.orderTrackerBody {
  overflow-y: auto;
  position: relative;
}

.mobileDetailCont {
  z-index: 200;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  display: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  opacity: 0;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.mobileDetailCont.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mobileDetailCont.visible {
  opacity: 1;
}

.mobileDetailCont .mobileDetailModal {
  background-color: #f5f5f5;
  position: relative;
  width: 100%;
  padding: 0 10px 10px 10px;
}

.mobileDetailCont .mobileDetailModal .inner {
  position: relative;
  z-index: 10;
  padding-top: 30px;
}

.mobileDetailCont .mobileDetailModal .mediumEntry {
  text-transform: uppercase;
  margin-bottom: 26px;
}

.mobileDetailCont .mobileDetailModal .mediumEntry span {
  display: block;
  font-size: 12px;
  white-space: normal;
  color: #707070;
}

.mobileDetailCont .mobileDetailModal .mediumEntry span a {
  text-decoration: none;
  color: #000;
}

.mobileDetailCont .mobileDetailModal .mediumEntry span.big {
  display: inline-block;
  margin-top: 3px;
  color: #000;
  font-weight: 600;
  font-size: 18px;
}

.mobileDetailCont .mobileDetailModal:after {
  z-index: 9;
  background-color: #f5f5f5;
  height: 70%;
  position: absolute;
  bottom: -33%;
  left: -5%;
  -webkit-transform: rotate(7deg);
  transform: rotate(7deg);
  content: "";
  display: block;
  width: 110%;
}

@media only screen and (max-width: 900px) {
  .mobileDetailCont .mobileDetailModal:after {
    bottom: -20%;
  }
}
@media only screen and (max-width: 576px) {
  .mobileDetailCont .mobileDetailModal:after {
    bottom: -15%;
  }
}
.lastUpdatedBox {
  text-align: center;
  color: #3B3B3B;
  font-style: italic;
  font-size: 12px;
}

.fancyboxTrackerPopup {
  display: none;
}

.fancyboxTrackerPopup {
  overflow-x: hidden;
  max-width: 350px;
}

.fancyScrollable {
  overflow-y: auto;
}

.orderTrackerModal {
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  max-width: 250px;
}
.orderTrackerModal a {
  color: #008454;
}
.orderTrackerModal p {
  margin-bottom: 0;
}

.orderTrackerModal .content {
  text-align: center;
}

.orderTrackerModal .content img {
  width: 117px;
  height: 117px;
}

.orderTrackerModal .content h2 {
  color: #007a53;
  margin: 20px 0 20px 0;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
}

.orderTrackerModal.feedback {
  max-width: 320px;
}
.orderTrackerModal.feedback .content h1 {
  color: #464646;
  font-size: 20px;
  font-weight: bold;
  margin-top: 25px;
}

.orderTrackerModal.notArrived {
  max-width: 320px;
  overflow: unset;
}
.orderTrackerModal.notArrived p, .orderTrackerModal.notArrived h2 {
  color: #464646;
}
.orderTrackerModal.notArrived h2 {
  text-transform: capitalize;
  margin: 25px 0 5px 0;
}
.orderTrackerModal.notArrived button {
  height: 40px;
  border-radius: 5px;
  border: none;
  background-color: #007D4A;
  font-size: 16px;
  font-weight: bold;
  color: #FFFFFF;
}

@media only screen and (max-width: 480px) {
  .fancyboxTrackerPopup {
    min-width: unset;
  }
}
.tipJar--box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  position: relative;
}

@media only screen and (max-width: 660px) {
  .tipJar--box {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
}
.tipJar--box .tipJar--logo img {
  max-width: 150px;
  margin: auto;
  display: block;
}

@media only screen and (max-width: 440px) {
  .tipJar--box .tipJar--logo img {
    max-width: 120px;
  }
}
@media only screen and (max-width: 375px) {
  .tipJar--box .tipJar--logo img {
    max-width: 100px;
  }
}
.tipJar--box .tipJar--text {
  text-align: center;
  padding-left: 3rem;
  padding-right: 3rem;
}

@media only screen and (max-width: 660px) {
  .tipJar--box .tipJar--text {
    padding-left: 0rem;
    padding-right: 0rem;
  }
}
.tipJar--box .tipJar--text h1 {
  font-size: 1.5rem;
  font-weight: 900;
  margin-top: 1.5rem;
  margin-bottom: 1rem;
}

@media only screen and (max-width: 660px) {
  .tipJar--box .tipJar--text h1 {
    font-size: 2.25rem;
    line-height: 45px;
  }
  .tipJar--box .tipJar--text h1 br {
    display: block !important;
  }
}
@media only screen and (max-width: 475px) {
  .tipJar--box .tipJar--text h1 {
    font-size: 2rem;
  }
}
@media only screen and (max-width: 440px) {
  .tipJar--box .tipJar--text h1 {
    font-size: 1.75rem;
    line-height: 35px;
  }
}
@media only screen and (max-width: 390px) {
  .tipJar--box .tipJar--text h1 {
    font-size: 1.5rem;
    line-height: 30px;
  }
}
@media only screen and (max-width: 330px) {
  .tipJar--box .tipJar--text h1 {
    font-size: 1.25rem;
    line-height: 25px;
  }
}
.tipJar--box .tipJar--text a {
  color: #000;
  font-size: 16px;
  font-weight: 900;
  text-decoration: underline;
}

.tipJar--box .tipJar--button {
  background-color: #01FFCD;
  padding: 1rem;
}

@media only screen and (max-width: 440px) {
  .tipJar--box .tipJar--button {
    padding: 0.5rem 0.75rem;
  }
}
.tipJar--box .tipJar--button a {
  text-transform: uppercase;
  font-weight: 700;
  color: #000;
  text-decoration: none;
  font-size: 1.5rem;
}

@media only screen and (max-width: 475px) {
  .tipJar--box .tipJar--button a {
    font-size: 1.25rem;
  }
}
@media only screen and (max-width: 440px) {
  .tipJar--box .tipJar--button a {
    font-size: 1rem;
  }
}
@media only screen and (max-width: 375px) {
  .tipJar--box .tipJar--button a {
    font-size: 0.9rem;
  }
}
.tipJar--box .tipJar--button a:hover {
  text-decoration: underline;
}

.tipJar--box .tipJar--button a i {
  font-size: 21px;
}

@media only screen and (max-width: 440px) {
  .tipJar--box .tipJar--button a i {
    font-size: 16px;
  }
}
@media only screen and (max-width: 375px) {
  .tipJar--box .tipJar--button a i {
    font-size: 14px;
  }
}
.tipJar--inner {
  background-color: #F1F1F1;
  padding: 1.5rem;
  z-index: 99999;
  max-width: 400px;
  margin: auto;
  font-family: "Roboto Condensed", sans-serif;
}

.tipJar--inner h1 {
  text-transform: uppercase;
  font-family: "Roboto Condensed" sans-serif;
  font-size: 1.5rem;
  font-weight: 700;
  position: relative;
  margin-bottom: 1.5rem;
  color: #000;
}

.tipJar--inner h1:after {
  content: "";
  width: 120px;
  height: 5px;
  background-color: #01FFCD;
  position: absolute;
  left: 0;
  bottom: -7px;
}

.tipJar--inner p {
  line-height: 20px;
  font-size: 100%;
}

.delivery-pin {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 20px auto 20px auto;
  position: relative;
  width: 80%;
  max-width: 1175px;
  height: 80px;
  font-size: 16px;
  font-family: "Papa Sans Regular";
  border-radius: 8px;
}
@media (max-width: 1200px) {
  .delivery-pin {
    width: 94%;
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
            box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  }
}
.delivery-pin .icon-section {
  background: #007A53;
  padding: 10px 14px 10px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
@media (max-width: 480px) {
  .delivery-pin .icon-section {
    display: none;
  }
}
.delivery-pin .text-section {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 10px 14px 10px 14px;
  background-color: #fff;
  border-top: 1px solid #f4f4f4;
  border-bottom: 1px solid #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@media (max-width: 480px) {
  .delivery-pin .text-section {
    border-left: 1px solid #f4f4f4;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
}
.delivery-pin .text-section strong {
  font-size: 16px;
  display: block;
  font-family: "Papa Sans Heavy";
}
.delivery-pin .pin {
  font-family: "Papa Sans Heavy";
  font-size: 54px;
  color: #007A53;
  padding: 10px 20px 10px 20px;
  background: #f4f4f4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.orderTrackerBody .delivery-pin {
  max-width: 500px;
}

.promotionContainer.rugby {
  background-image: url("/images/rugbypromotion/rugbyballbg-low.jpg");
}
.promotionContainer.rugby .centerBox_promotion_mobile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 40px auto 10px auto;
  position: relative;
  width: 310px;
  height: auto;
  display: none;
}
@media only screen and (max-width: 1200px) {
  .promotionContainer.rugby .centerBox_promotion_mobile {
    display: block;
  }
}
.promotionContainer.rugby .centerBox_promotion_mobile .inner_centerBox_promotion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  background: #000000 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
.promotionContainer.rugby .centerBox_promotion_mobile .inner_centerBox_promotion .title_banner_promotion {
  text-align: center;
  font: normal normal bold 40px/48px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 40px;
  width: 50%;
  margin-right: auto;
}
.promotionContainer.rugby .centerBox_promotion_mobile .inner_centerBox_promotion .headerImg {
  background: transparent;
  position: absolute;
  top: -10px;
  left: 147px;
  width: 63%;
}
.promotionContainer.rugby .centerBox_promotion_mobile .text_promotion {
  text-align: center;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  font-size: 20px;
  margin-top: 40px;
}
.promotionContainer.rugby .centerBox_promotion_mobile .buttons_promotion {
  margin-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.rugby .centerBox_promotion_mobile .buttons_promotion .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #FF0000;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
  width: 160px;
  height: 56px;
}
.promotionContainer.rugby .centerBox_promotion_mobile .buttons_promotion .rightBttn {
  text-align: center;
  font: normal normal bold 22px/27px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  font-size: 22px;
  opacity: 1;
}
.promotionContainer.rugby .centerBox_promotion_mobile .buttons_promotion .rightBttn .registerBtn {
  color: #FF0000;
  cursor: pointer;
  text-decoration: none;
}
.promotionContainer.rugby .centerBox_promotion_mobile .promotion_status {
  color: #ffffff;
}
.promotionContainer.rugby .centerBox_promotion, .promotionContainer.rugby .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background,
.promotionContainer.rugby .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background,
.promotionContainer.rugby .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto 10px auto;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  background: #000000 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  opacity: 1;
  position: relative;
  width: 950px;
  height: 451px;
}
@media only screen and (max-width: 1200px) {
  .promotionContainer.rugby .centerBox_promotion, .promotionContainer.rugby .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background,
  .promotionContainer.rugby .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background,
  .promotionContainer.rugby .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background {
    display: none;
  }
}
.promotionContainer.rugby .centerBox_promotion .inner_centerBox_promotion, .promotionContainer.rugby .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.rugby .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.rugby .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px;
  padding-right: 0;
  width: 60%;
}
.promotionContainer.rugby .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.rugby .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.rugby .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.rugby .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion {
  text-align: center;
  font: normal normal bold 40px/48px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 40px;
  opacity: 1;
  margin-right: auto;
}
.promotionContainer.rugby .centerBox_promotion .inner_centerBox_promotion .text_promotion, .promotionContainer.rugby .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.rugby .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.rugby .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 20px;
}
.promotionContainer.rugby .centerBox_promotion .inner_centerBox_promotion .buttons_promotion, .promotionContainer.rugby .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.rugby .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.rugby .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion {
  margin-top: 20px;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.rugby .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.rugby .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.rugby .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.rugby .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #FF0000;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
  width: 160px;
  height: 56px;
}
.promotionContainer.rugby .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.rugby .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.rugby .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.rugby .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn {
  text-align: center;
  font: normal normal bold 22px/27px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 22px;
}
.promotionContainer.rugby .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.rugby .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.rugby .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.rugby .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn {
  color: #FF0000;
  cursor: pointer;
  text-decoration: none;
}
.promotionContainer.rugby .centerBox_promotion .inner_centerBox_promotion .promotion_status, .promotionContainer.rugby .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status, .promotionContainer.studentsPromotion .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.rugby .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.rugby .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status {
  color: #ffffff;
}
.promotionContainer.rugby .centerBox_promotion .headerImg, .promotionContainer.rugby .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg, .promotionContainer.studentsPromotion .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .headerImg,
.promotionContainer.rugby .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .headerImg,
.promotionContainer.rugby .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .headerImg {
  background: transparent;
  position: absolute;
  top: -30px;
  left: 575px;
  width: 47%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.rugby .centerBox_promotion .headerImg, .promotionContainer.rugby .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg, .promotionContainer.studentsPromotion .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.rugby .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.rugby .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.rugby .centerBox_promotion__solid-background .headerImg {
    top: -18px;
    left: 194px;
  }
}
.promotionContainer.rugby .contentContainer .form_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 86px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.rugby .contentContainer .form_section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.rugby .contentContainer .form_section .leftSide,
.promotionContainer.rugby .contentContainer .form_section .rightSide {
  width: 465px;
  height: 348px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin: 0 10px;
  padding: 55px 20px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.rugby .contentContainer .form_section .leftSide,
  .promotionContainer.rugby .contentContainer .form_section .rightSide {
    width: 335px;
    height: 100%;
    margin-bottom: 10px;
  }
}
.promotionContainer.rugby .contentContainer .form_section .rightSide ::-webkit-input-placeholder {
  color: #cccccc;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide ::-moz-placeholder {
  color: #cccccc;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide :-ms-input-placeholder {
  color: #cccccc;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide ::-ms-input-placeholder {
  color: #cccccc;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide ::placeholder {
  color: #cccccc;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide select {
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 100%;
  text-overflow: ellipsis;
  padding-left: 3px;
  height: 30px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/icons/chevron_down_blue.svg);
  background-image: url(../images/icons/chevron_down_blue.svg);
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-repeat: no-repeat;
  background-repeat-x: no-repeat;
  background-position: calc(100% - 10px) center;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  padding-right: 25px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  min-height: 40px;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide select:hover {
  border-color: #007d4a;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide input.hasC ~ label {
  top: -10px;
  font-size: 12px;
  color: #1c1c1c;
  background-color: #fff;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide input.valid {
  border-color: #007d4a !important;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide input.valid ~ label {
  color: #007d4a;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide input.invalid {
  border-color: #e42313 !important;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide input.invalid ~ label {
  color: #e42313;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide input.valid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  width: 18px;
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_valid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide input.invalid {
  border-color: red !important;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide input.invalid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  width: 18px;
  font-family: "Font Awesome 5 Pro";
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_invalid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide input[type=text] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox1 {
  margin-bottom: 25px;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide button {
  width: 100%;
  border-radius: 5px;
  background-color: #007d4a;
  color: white;
  font-weight: 700;
  border: none;
  font-size: 20px;
  height: 40px;
  margin-bottom: 10px;
  cursor: pointer;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .beforeClick {
  margin-right: 14px !important;
  margin-top: -38px !important;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 {
  margin-bottom: 20px;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 p {
  text-align: left;
  margin-left: 20px;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 {
  display: inline-block;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper p {
  padding-top: 8px;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .terms-link {
  text-align: left;
  text-decoration: underline;
  font: normal normal normal 16px/18px Italian Plate No2;
  letter-spacing: 0px;
  color: #007D4A;
  cursor: pointer;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
  cursor: pointer;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.promotionContainer.rugby .contentContainer .form_section .rightSide .form_error {
  margin-bottom: 10px;
  color: red;
}
.promotionContainer.rugby .contentContainer .form_section .title_form {
  text-align: left;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-bottom: 16px;
}
.promotionContainer.rugby .contentContainer .form_section .text_form {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer.rugby .contentContainer .sponsors_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.promotionContainer.rugby .contentContainer .sponsors_section .title {
  text-align: center;
  font: normal normal bold 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  opacity: 1;
  text-transform: uppercase;
  margin-bottom: 21px;
}
.promotionContainer.rugby .contentContainer .sponsors_section .sponsors_images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.rugby .contentContainer .sponsors_section .sponsors_images img {
  height: 80px;
  margin: 0 25px;
}
.promotionContainer.rugby .contentContainer .entry_confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 80px 0;
}
.promotionContainer.rugby .contentContainer .entry_confirmation .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 950px;
  height: 275px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin-bottom: 22px;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.rugby .contentContainer .entry_confirmation .panel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.rugby .contentContainer .entry_confirmation .panel img {
  -o-object-fit: fill;
     object-fit: fill;
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.rugby .contentContainer .entry_confirmation .panel img {
    width: 100%;
  }
}
.promotionContainer.rugby .contentContainer .entry_confirmation .panel .left_image {
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 95% 50%, 100% 100%);
}
@media only screen and (max-width: 768px) {
  .promotionContainer.rugby .contentContainer .entry_confirmation .panel .left_image {
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 95%, 0% 100%);
  }
}
.promotionContainer.rugby .contentContainer .entry_confirmation .panel .second_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.rugby .contentContainer .entry_confirmation .panel .second_section .title_panel {
  text-align: center;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer.rugby .contentContainer .entry_confirmation .panel .second_section .text_panel {
  text-align: center;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-top: 18px;
  padding: 0 40px 0 40px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.rugby .contentContainer .entry_confirmation .panel .second_section {
    width: 100%;
    margin: 31px 11px 17px 11px;
  }
}
.promotionContainer.rugby .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.prices {
  margin: 60px auto 50px auto !important;
}
.promotionContainer.rugby .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.terms h4 {
  padding: 20px 0px 20px 0px !important;
}
.promotionContainer.rugby .contentContainer .favourites_promotion .getStarted_promotion .text_section.prizes {
  padding-bottom: 0 !important;
}
.promotionContainer.rugby .contentContainer .tm_panel {
  text-align: center;
  margin-bottom: 40px;
  font-size: 14px;
}

.promotionContainer.pepperonidiffuser {
  background-color: #404040;
  position: relative;
}
.promotionContainer.pepperonidiffuser::before {
  content: "";
  background-image: url("/texture-green-background.jpeg");
  background-size: 100% 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.8;
  z-index: 2;
}
.promotionContainer.pepperonidiffuser::after {
  content: "";
  background-image: url("/pattern.png");
  background-size: 364px 364px;
  background-position: center;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  z-index: 1;
}
.promotionContainer.pepperonidiffuser > div {
  position: relative;
  z-index: 3;
}
.promotionContainer.pepperonidiffuser .centerBox_container {
  margin: 0 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.pepperonidiffuser .centerBox_promotion, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0.625rem auto 0.625rem auto;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  background: #fff 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  opacity: 1;
  position: relative;
  width: 950px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.pepperonidiffuser .centerBox_promotion, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background,
  .promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background,
  .promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 335px;
    height: unset;
  }
}
.promotionContainer.pepperonidiffuser .centerBox_promotion .inner_centerBox_promotion, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion {
  padding: 3.75rem 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.pepperonidiffuser .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion {
  text-align: left;
  font: normal normal bold 40px/48px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  font-size: 30px;
  line-height: 30px;
  opacity: 1;
  margin-right: auto;
}
.promotionContainer.pepperonidiffuser .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion span, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span {
  color: #DA102E;
}
.promotionContainer.pepperonidiffuser .centerBox_promotion .inner_centerBox_promotion .text_promotion, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  font-size: 20px;
}
.promotionContainer.pepperonidiffuser .centerBox_promotion .inner_centerBox_promotion .buttons_promotion, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion {
  margin-top: 20px;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.pepperonidiffuser .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #007A53;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
  width: 160px;
  height: 56px;
}
.promotionContainer.pepperonidiffuser .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn {
  text-align: center;
  font: normal normal bold 22px/27px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  font-size: 22px;
}
.promotionContainer.pepperonidiffuser .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn {
  color: #DA102E;
  cursor: pointer;
  text-decoration: none;
}
.promotionContainer.pepperonidiffuser .centerBox_promotion .inner_centerBox_promotion .promotion_status, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status {
  color: #ffffff;
}
.promotionContainer.pepperonidiffuser .centerBox_promotion .headerImg, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .headerImg,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .headerImg,
.promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .headerImg {
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.pepperonidiffuser .centerBox_promotion .headerImg, .promotionContainer.pepperonidiffuser .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg, .promotionContainer.studentsPromotion .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.pepperonidiffuser .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.pepperonidiffuser .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.pepperonidiffuser .centerBox_promotion__solid-background .headerImg {
    top: -18px;
    left: 194px;
  }
}
.promotionContainer.pepperonidiffuser .contentContainer .image_panels {
  margin: 80px 20px;
}
.promotionContainer.pepperonidiffuser .contentContainer .image_panels .panel {
  margin-bottom: 0;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 86px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.pepperonidiffuser .contentContainer .form_section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .leftSide,
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide {
  width: 465px;
  height: 348px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin: 0 10px;
  padding: 55px 20px;
}
@media only screen and (max-width: 818px) {
  .promotionContainer.pepperonidiffuser .contentContainer .form_section .leftSide,
  .promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide {
    width: 335px;
    height: 100%;
    margin-bottom: 10px;
  }
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide ::-webkit-input-placeholder {
  color: #cccccc;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide ::-moz-placeholder {
  color: #cccccc;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide :-ms-input-placeholder {
  color: #cccccc;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide ::-ms-input-placeholder {
  color: #cccccc;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide ::placeholder {
  color: #cccccc;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide select {
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 100%;
  text-overflow: ellipsis;
  padding-left: 3px;
  height: 30px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/icons/chevron_down_blue.png);
  background-image: url(../images/icons/chevron_down_blue.png);
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-repeat: no-repeat;
  background-repeat-x: no-repeat;
  background-position: calc(100% - 10px) center;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  padding-right: 25px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  min-height: 40px;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide select:hover {
  border-color: #007d4a;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide input.hasC ~ label {
  top: -10px;
  font-size: 12px;
  color: #1c1c1c;
  background-color: #fff;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide input.valid {
  border-color: #007d4a !important;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide input.valid ~ label {
  color: #007d4a;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide input.invalid {
  border-color: #e42313 !important;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide input.invalid ~ label {
  color: #e42313;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide input.valid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  width: 18px;
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_valid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide input.invalid {
  border-color: red !important;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide input.invalid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  width: 18px;
  font-family: "Font Awesome 5 Pro";
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_invalid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide input[type=text] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox1 {
  margin-bottom: 25px;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide button {
  width: 100%;
  border-radius: 5px;
  background-color: #007d4a;
  color: white;
  font-weight: 700;
  border: none;
  font-size: 20px;
  height: 40px;
  margin-bottom: 10px;
  cursor: pointer;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .beforeClick {
  margin-right: 14px !important;
  margin-top: -38px !important;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 {
  margin-bottom: 20px;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 p {
  text-align: left;
  margin-left: 20px;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 {
  display: inline-block;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper p {
  padding-top: 8px;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .terms-link {
  text-align: left;
  text-decoration: underline;
  font: normal normal normal 16px/18px Italian Plate No2;
  letter-spacing: 0px;
  color: #007D4A;
  cursor: pointer;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
  cursor: pointer;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark:hover {
  -webkit-filter: brightness(95%);
          filter: brightness(95%);
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .rightSide .form_error {
  margin-bottom: 10px;
  color: red;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .title_form {
  text-align: left;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-bottom: 16px;
}
.promotionContainer.pepperonidiffuser .contentContainer .form_section .text_form {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer.pepperonidiffuser .contentContainer .entry_confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 80px 0;
}
.promotionContainer.pepperonidiffuser .contentContainer .entry_confirmation .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 950px;
  height: 275px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin-bottom: 22px;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.pepperonidiffuser .contentContainer .entry_confirmation .panel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.pepperonidiffuser .contentContainer .entry_confirmation .panel img {
  -o-object-fit: fill;
     object-fit: fill;
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.pepperonidiffuser .contentContainer .entry_confirmation .panel img {
    width: 100%;
  }
}
.promotionContainer.pepperonidiffuser .contentContainer .entry_confirmation .panel .left_image {
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 95% 50%, 100% 100%);
}
@media only screen and (max-width: 768px) {
  .promotionContainer.pepperonidiffuser .contentContainer .entry_confirmation .panel .left_image {
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 95%, 0% 100%);
  }
}
.promotionContainer.pepperonidiffuser .contentContainer .entry_confirmation .panel .second_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.pepperonidiffuser .contentContainer .entry_confirmation .panel .second_section .title_panel {
  text-align: center;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer.pepperonidiffuser .contentContainer .entry_confirmation .panel .second_section .text_panel {
  text-align: center;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-top: 18px;
  padding: 0 40px 0 40px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.pepperonidiffuser .contentContainer .entry_confirmation .panel .second_section {
    width: 100%;
    margin: 31px 11px 17px 11px;
  }
}
.promotionContainer.pepperonidiffuser .contentContainer .favourites_promotion .getStarted_promotion {
  padding-top: 9.3125rem;
  padding-bottom: 8.0625rem;
}
.promotionContainer.pepperonidiffuser .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion {
  width: 60%;
}
.promotionContainer.pepperonidiffuser .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.prices {
  margin: 60px auto 50px auto !important;
}
.promotionContainer.pepperonidiffuser .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.terms h4 {
  padding: 20px 0px 20px 0px !important;
}
.promotionContainer.pepperonidiffuser .contentContainer .favourites_promotion .getStarted_promotion .text_section {
  width: 100%;
  margin: 0;
}
.promotionContainer.pepperonidiffuser .contentContainer .favourites_promotion .getStarted_promotion .text_section.prizes {
  padding-bottom: 0 !important;
}

@font-face {
  font-family: "Italian Plate No2";
  font-weight: 400;
  src: url("fonts/italianplateno2-regular.otf");
}
@font-face {
  font-family: "Italian Plate No2";
  font-weight: 700;
  src: url("fonts/italianplateno2-bold.otf");
}
@font-face {
  font-family: "Italian Plate No2";
  font-weight: 900;
  src: url("fonts/italianplateno2-black.otf");
}
@font-face {
  font-family: "Papa Sans Heavy";
  font-weight: 900;
  src: url("fonts/papasans-heavy.ttf") format("truetype");
}
@font-face {
  font-family: "Papa Sans Medium";
  font-weight: 500;
  src: url("fonts/PapaSans-MediumCondensed.ttf") format("truetype");
}
@font-face {
  font-family: "Papa Sans Regular";
  font-weight: 400;
  src: url("fonts/PapaSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Quantico";
  src: url("fonts/quantico-regular.ttf") format("truetype");
}
@font-face {
  font-family: "Quantico Heavy";
  font-weight: 700;
  src: url("fonts/quantico-bold.ttf") format("truetype");
}
.promotionContainer.codPromotion {
  background-image: url(../images/gaming/call-of-duty-black-ops-6-hero-mobile-01-en-21may24\ 1.png);
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
  padding-bottom: 1.25rem;
  background-color: rgb(7, 12, 12);
}
.promotionContainer.codPromotion p {
  margin-bottom: 0;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .header.header.mobile .innerH .logoCont img {
    width: 13.625rem !important;
  }
}
.promotionContainer.codPromotion .header_promotion .homeHeader .lSide,
.promotionContainer.codPromotion .header_promotion .homeHeader .rSide {
  width: calc(50% - 13rem);
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .header_promotion .homeHeader .lSide,
  .promotionContainer.codPromotion .header_promotion .homeHeader .rSide {
    width: calc(50% - 6rem);
  }
}
.promotionContainer.codPromotion .linkButton {
  background-color: rgb(98, 129, 98);
  color: white;
  font-family: "Papa Sans Medium";
  font-size: 1.25rem;
  font-weight: 500;
  padding: 0.7188rem 6.5313rem;
  text-transform: uppercase;
  cursor: pointer;
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
  border: none;
}
.promotionContainer.codPromotion .linkButton:hover {
  background-color: rgba(98, 129, 98, 0.8);
  text-decoration: none;
}
.promotionContainer.codPromotion .contentContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 14.625rem;
  margin-bottom: 1rem;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer {
    margin-top: 6.25rem;
  }
}
.promotionContainer.codPromotion .contentContainer .mainImage {
  margin-bottom: 1.6875rem;
  width: 24.875rem;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .mainImage {
    width: 100%;
    margin-bottom: 1rem;
  }
}
.promotionContainer.codPromotion .contentContainer .secondaryImage {
  width: 23.875rem;
  margin-bottom: 4.875rem;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .secondaryImage {
    width: 100%;
  }
}
.promotionContainer.codPromotion .contentContainer .mainTitle {
  font-family: "Papa Sans Medium";
  font-weight: 500;
  font-size: 4.25rem;
  line-height: 4.25rem;
  text-align: center;
  padding: 0 1.25rem;
  color: rgb(250, 104, 1);
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .mainTitle {
    font-size: 3.5rem;
    line-height: 3rem;
    margin-bottom: 1.5rem;
  }
}
.promotionContainer.codPromotion .contentContainer .secondaryTitle {
  font-family: "Papa Sans Medium";
  font-weight: 500;
  font-size: 1.6875rem;
  line-height: 2.5rem;
  text-align: center;
  padding: 0 1.25rem;
  color: white;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .secondaryTitle {
    font-size: 1.6875rem;
    line-height: 2.5rem;
  }
}
.promotionContainer.codPromotion .contentContainer .textSection {
  text-align: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  color: white;
  max-width: 43.375rem;
  font-family: "Papa Sans Medium";
}
.promotionContainer.codPromotion .contentContainer .bgOrange {
  background-color: rgb(250, 104, 1);
}
.promotionContainer.codPromotion .contentContainer .bgGreen {
  background-color: rgb(98, 129, 98);
}
.promotionContainer.codPromotion .contentContainer .cardsContainerSection {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: min(100%, 65.625rem);
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 4.0625rem;
  margin-top: 1.5rem;
}
.promotionContainer.codPromotion .contentContainer .cardsContainerSection .cardsContainer {
  width: 100%;
  margin: 0 auto;
}
.promotionContainer.codPromotion .contentContainer .cardsContainerSection .cardsContainer .cardsWrapper {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  scrollbar-width: none;
  padding-left: 2.3125rem;
}
.promotionContainer.codPromotion .contentContainer .cardsContainerSection .cardsContainer .cardsWrapper .card {
  border: 0.0625rem solid black;
  border-radius: 0.625rem;
  background-image: url(../images/gaming/card_bkg.webp);
  padding: 1rem 1.375rem 2rem 1.375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 20rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 0.5rem;
}
.promotionContainer.codPromotion .contentContainer .cardsContainerSection .cardsContainer .cardsWrapper .card .cardTitleContainer {
  width: 18.125rem;
  height: 2.1875rem;
  background-image: url(../images/gaming/Title_Decoration1.webp);
  background-size: cover;
  background-position: center;
  text-align: center;
  margin-bottom: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.codPromotion .contentContainer .cardsContainerSection .cardsContainer .cardsWrapper .card .cardTitleContainer .cardTitle {
  font-family: "Papa Sans Medium";
  font-size: 1.25rem;
  line-height: 1rem;
  font-weight: 500;
  color: white;
}
.promotionContainer.codPromotion .contentContainer .cardsContainerSection .cardsContainer .cardsWrapper .card .titleDecoration1 {
  background-image: url(../images/gaming/Title_Decoration1.webp);
}
.promotionContainer.codPromotion .contentContainer .cardsContainerSection .cardsContainer .cardsWrapper .card .titleDecoration2 {
  background-image: url(../images/gaming/Title_Decoration2.webp);
}
.promotionContainer.codPromotion .contentContainer .cardsContainerSection .cardsContainer .cardsWrapper .card .titleDecoration3 {
  background-image: url(../images/gaming/Title_Decoration3.webp);
}
.promotionContainer.codPromotion .contentContainer .cardsContainerSection .cardsContainer .cardsWrapper .card .cardDescription {
  font-family: "Papa Sans Medium";
  font-size: 1rem;
  line-height: 1rem;
  font-weight: 400;
  color: white;
  margin-top: 1rem;
  text-align: center;
  text-transform: uppercase;
}
.promotionContainer.codPromotion .contentContainer .cardsContainerSection .cardsContainer .cardsWrapper .card:last-child {
  margin-right: 2.3125rem;
}
.promotionContainer.codPromotion .contentContainer .cardsContainerSection .cardsContainer::-webkit-scrollbar {
  display: none;
}
.promotionContainer.codPromotion .contentContainer .challengeSection {
  padding: 0 1.25rem;
  margin-top: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  background-image: url(../images/gaming/yellow_rectangle.svg);
  background-repeat: no-repeat;
  background-position: center right;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .challengeSection {
    margin-top: 4.6875rem;
  }
}
.promotionContainer.codPromotion .contentContainer .challengeSection .cerberusIcon {
  width: 11.25rem;
  height: 8.25rem;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .challengeSection .cerberusIcon {
    width: 8.4375rem;
    height: 6.1875rem;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection {
  position: relative;
  margin-top: 3.75rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
  overflow-x: hidden;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .disclaimerText {
  font-family: "Papa Sans Medium";
  font-size: 0.75rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: center;
  color: rgb(250, 104, 1);
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection .disclaimerText {
    font-size: 0.5rem;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection #startScreen {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #startScreen .findTheVaultImage {
  max-width: 90rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #startScreen .findTheVaultContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.3125rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.promotionContainer.codPromotion .contentContainer .minigameSection #startScreen .findTheVaultContainer .findTheVaultTitle {
  color: white;
  font-family: "Papa Sans Medium";
  font-weight: 500;
  font-size: 5rem;
  line-height: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.375rem;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #startScreen .findTheVaultContainer .findTheVaultTitle span {
  font-size: 2.5rem;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen {
  position: relative;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modalScreen {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  z-index: 6;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .smallModal {
  padding: 1.875rem !important;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal {
  position: relative;
  padding: 2.5rem;
  border-radius: 0.625rem;
  border: 0.125rem solid rgb(131, 132, 112);
  background-image: url(../images/gaming/modal-bg.png);
  color: white;
  max-width: 32.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal {
    max-width: 85%;
    padding: 2.5rem 1.875rem;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .closeButton {
  position: absolute;
  top: 5%;
  right: 5%;
  width: 1.625rem;
  height: 1.625rem;
  background-color: transparent;
  color: #8d8c76;
  border: 0.125rem solid #8d8c76;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalTitle {
  font-family: "Quantico Heavy";
  color: rgb(250, 104, 1);
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 2.5rem;
  letter-spacing: -0.06em;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalTitle {
    font-size: 1.875rem;
    line-height: 1.875rem;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalContent {
    gap: 0.25rem;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalContent .modalSubtitle {
  font-family: "Quantico";
  font-size: 0.8125rem;
  font-weight: 400;
  line-height: 1.75rem;
  color: rgba(255, 255, 255, 0.7);
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalContent .modalText {
  font-family: "Quantico";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalContent .orangeText {
  color: rgb(250, 104, 1);
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalContent .greenText {
  color: rgb(0, 122, 83);
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalContent .redText {
  color: rgb(228, 35, 19);
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalContent .blink {
  -webkit-animation-name: "blink-text";
          animation-name: "blink-text";
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  -webkit-animation-iteration-count: 5;
          animation-iteration-count: 5;
}
@-webkit-keyframes blink-text {
  50% {
    opacity: 0;
  }
}
@keyframes blink-text {
  50% {
    opacity: 0;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalHint {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.75rem;
  font-family: "Quantico Heavy";
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .mainButton {
  width: 100%;
  padding: 0.9rem 3.375rem;
  border: none;
  color: white;
  font-family: "Papa Sans Medium";
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1rem;
  cursor: pointer;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalSelectWrapper {
  position: relative;
  width: 100%;
  display: inline-block;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalSelectWrapper .modalSelect {
  width: 100%;
  border: 0.125rem solid rgb(255, 255, 255);
  padding: 0.8438rem 4.6875rem 0.8438rem 0.625rem;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  font-family: "Quantico";
  color: white;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalSelectWrapper .modalSelect option {
  color: black;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalSelectWrapper .modalSelectArrow {
  position: absolute;
  top: 50%;
  right: 0.9375rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  pointer-events: none;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalCheckboxContainer {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-family: "Quantico";
  color: white;
  font-size: 1rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalCheckboxContainer {
    font-size: 0.75rem;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalCheckboxContainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalCheckboxContainer .checkmark {
  width: 1.5rem;
  height: 1.5rem;
  border: 0.125rem solid white;
  display: inline-block;
  margin-right: 0.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalCheckboxContainer .checkmark {
    width: 1.125rem;
    height: 1.125rem;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalCheckboxContainer .checkmark::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0.4rem;
  width: 0.4rem;
  height: 0.8rem;
  border: solid orange;
  border-width: 0 0.2rem 0.2rem 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  display: none;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalCheckboxContainer .checkmark::before {
    top: 0.0125rem;
    left: 0.2125rem;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalCheckboxContainer input:checked + .checkmark::before {
  display: block;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalCheckboxContainer a {
  color: rgb(250, 104, 1);
  text-decoration: underline;
  margin: 0 0.2rem;
}
.promotionContainer.codPromotion .contentContainer .minigameSection #gameScreen .modal .modalCheckboxContainer a:hover {
  color: #ff8c42;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .vaultContainer {
  position: relative;
  border: 0.0625rem solid #fa6801;
  border-radius: 1.5rem;
}
@media screen and (max-width: 56.25rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection .vaultContainer {
    width: calc(100vw - 1.25rem);
    overflow: auto;
    border-radius: 1.5rem;
    border: 0.0625rem solid #fa6801;
    margin: 0.625rem;
    scrollbar-width: none;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection .vaultContainer .helpButton {
  position: absolute;
  top: 95%;
  left: 1%;
  width: 1.625rem;
  height: 1.625rem;
  background-color: transparent;
  color: #8d8c76;
  border: 0.125rem solid #8d8c76;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection .vaultContainer .helpButton {
    left: 3%;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection .vaultContainer .mapTitle {
  position: absolute;
  top: 94%;
  left: 42%;
  font-family: "Quantico";
  font-size: 1rem;
  font-weight: 700;
  line-height: 2.5rem;
  text-align: center;
  color: rgb(250, 104, 1);
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection .vaultContainer .mapTitle {
    left: 33%;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection .vault {
  width: 56.25rem;
  height: 42.3125rem;
  background-size: cover;
  background-position: center;
  overflow: auto;
  background-attachment: local;
  border-radius: 1.5rem;
  -webkit-transition: 1s ease;
  transition: 1s ease;
  scrollbar-width: none;
}
@media screen and (max-width: 56.25rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection .vault {
    border: none;
    width: 100%;
    height: auto;
    -webkit-box-shadow: inset 1.25rem 0 1.875rem -0.3125rem rgba(0, 0, 0, 0.9);
            box-shadow: inset 1.25rem 0 1.875rem -0.3125rem rgba(0, 0, 0, 0.9);
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection .gameContainer {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2.5rem auto;
  grid-template-columns: 2.5rem auto;
  -ms-grid-rows: 2.5rem auto;
  grid-template-rows: 2.5rem auto;
  width: 51.125rem;
  height: 38.1875rem;
  position: relative;
  color: rgb(174, 179, 147);
  margin: 2rem 1rem;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .gameContainer > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .gameContainer > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .gameContainer > *:nth-child(3) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .gameContainer > *:nth-child(4) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
@media only screen and (max-width: 56.25rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection .gameContainer {
    margin: 1rem 1rem 2rem 0;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection .x-label {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[17];
  grid-template-columns: repeat(17, 1fr);
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .x-label div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .y-label {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: (1fr)[12];
  grid-template-rows: repeat(12, 1fr);
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
}
@media only screen and (max-width: 56.25rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection .y-label {
    position: sticky;
    left: 0;
    z-index: 5;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection .y-label div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .map {
  -ms-grid-column: 2;
  -ms-grid-column-span: 1;
  grid-column: 2/3;
  -ms-grid-row: 2;
  -ms-grid-row-span: 1;
  grid-row: 2/3;
  position: relative;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 56.25rem) {
  .promotionContainer.codPromotion .contentContainer .minigameSection .map {
    min-width: 48.625rem;
  }
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid {
  position: absolute;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: (1fr)[17];
  grid-template-columns: repeat(17, 1fr);
  -ms-grid-rows: (1fr)[12];
  grid-template-rows: repeat(12, 1fr);
  width: 100%;
  height: 100%;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 4;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(5) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(6) {
  -ms-grid-row: 1;
  -ms-grid-column: 6;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(7) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(8) {
  -ms-grid-row: 1;
  -ms-grid-column: 8;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(9) {
  -ms-grid-row: 1;
  -ms-grid-column: 9;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(10) {
  -ms-grid-row: 1;
  -ms-grid-column: 10;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(11) {
  -ms-grid-row: 1;
  -ms-grid-column: 11;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(12) {
  -ms-grid-row: 1;
  -ms-grid-column: 12;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(13) {
  -ms-grid-row: 1;
  -ms-grid-column: 13;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(14) {
  -ms-grid-row: 1;
  -ms-grid-column: 14;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(15) {
  -ms-grid-row: 1;
  -ms-grid-column: 15;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(16) {
  -ms-grid-row: 1;
  -ms-grid-column: 16;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(17) {
  -ms-grid-row: 1;
  -ms-grid-column: 17;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(18) {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(19) {
  -ms-grid-row: 2;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(20) {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(21) {
  -ms-grid-row: 2;
  -ms-grid-column: 4;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(22) {
  -ms-grid-row: 2;
  -ms-grid-column: 5;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(23) {
  -ms-grid-row: 2;
  -ms-grid-column: 6;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(24) {
  -ms-grid-row: 2;
  -ms-grid-column: 7;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(25) {
  -ms-grid-row: 2;
  -ms-grid-column: 8;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(26) {
  -ms-grid-row: 2;
  -ms-grid-column: 9;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(27) {
  -ms-grid-row: 2;
  -ms-grid-column: 10;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(28) {
  -ms-grid-row: 2;
  -ms-grid-column: 11;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(29) {
  -ms-grid-row: 2;
  -ms-grid-column: 12;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(30) {
  -ms-grid-row: 2;
  -ms-grid-column: 13;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(31) {
  -ms-grid-row: 2;
  -ms-grid-column: 14;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(32) {
  -ms-grid-row: 2;
  -ms-grid-column: 15;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(33) {
  -ms-grid-row: 2;
  -ms-grid-column: 16;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(34) {
  -ms-grid-row: 2;
  -ms-grid-column: 17;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(35) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(36) {
  -ms-grid-row: 3;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(37) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(38) {
  -ms-grid-row: 3;
  -ms-grid-column: 4;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(39) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(40) {
  -ms-grid-row: 3;
  -ms-grid-column: 6;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(41) {
  -ms-grid-row: 3;
  -ms-grid-column: 7;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(42) {
  -ms-grid-row: 3;
  -ms-grid-column: 8;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(43) {
  -ms-grid-row: 3;
  -ms-grid-column: 9;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(44) {
  -ms-grid-row: 3;
  -ms-grid-column: 10;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(45) {
  -ms-grid-row: 3;
  -ms-grid-column: 11;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(46) {
  -ms-grid-row: 3;
  -ms-grid-column: 12;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(47) {
  -ms-grid-row: 3;
  -ms-grid-column: 13;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(48) {
  -ms-grid-row: 3;
  -ms-grid-column: 14;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(49) {
  -ms-grid-row: 3;
  -ms-grid-column: 15;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(50) {
  -ms-grid-row: 3;
  -ms-grid-column: 16;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(51) {
  -ms-grid-row: 3;
  -ms-grid-column: 17;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(52) {
  -ms-grid-row: 4;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(53) {
  -ms-grid-row: 4;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(54) {
  -ms-grid-row: 4;
  -ms-grid-column: 3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(55) {
  -ms-grid-row: 4;
  -ms-grid-column: 4;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(56) {
  -ms-grid-row: 4;
  -ms-grid-column: 5;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(57) {
  -ms-grid-row: 4;
  -ms-grid-column: 6;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(58) {
  -ms-grid-row: 4;
  -ms-grid-column: 7;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(59) {
  -ms-grid-row: 4;
  -ms-grid-column: 8;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(60) {
  -ms-grid-row: 4;
  -ms-grid-column: 9;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(61) {
  -ms-grid-row: 4;
  -ms-grid-column: 10;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(62) {
  -ms-grid-row: 4;
  -ms-grid-column: 11;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(63) {
  -ms-grid-row: 4;
  -ms-grid-column: 12;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(64) {
  -ms-grid-row: 4;
  -ms-grid-column: 13;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(65) {
  -ms-grid-row: 4;
  -ms-grid-column: 14;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(66) {
  -ms-grid-row: 4;
  -ms-grid-column: 15;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(67) {
  -ms-grid-row: 4;
  -ms-grid-column: 16;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(68) {
  -ms-grid-row: 4;
  -ms-grid-column: 17;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(69) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(70) {
  -ms-grid-row: 5;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(71) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(72) {
  -ms-grid-row: 5;
  -ms-grid-column: 4;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(73) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(74) {
  -ms-grid-row: 5;
  -ms-grid-column: 6;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(75) {
  -ms-grid-row: 5;
  -ms-grid-column: 7;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(76) {
  -ms-grid-row: 5;
  -ms-grid-column: 8;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(77) {
  -ms-grid-row: 5;
  -ms-grid-column: 9;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(78) {
  -ms-grid-row: 5;
  -ms-grid-column: 10;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(79) {
  -ms-grid-row: 5;
  -ms-grid-column: 11;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(80) {
  -ms-grid-row: 5;
  -ms-grid-column: 12;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(81) {
  -ms-grid-row: 5;
  -ms-grid-column: 13;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(82) {
  -ms-grid-row: 5;
  -ms-grid-column: 14;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(83) {
  -ms-grid-row: 5;
  -ms-grid-column: 15;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(84) {
  -ms-grid-row: 5;
  -ms-grid-column: 16;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(85) {
  -ms-grid-row: 5;
  -ms-grid-column: 17;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(86) {
  -ms-grid-row: 6;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(87) {
  -ms-grid-row: 6;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(88) {
  -ms-grid-row: 6;
  -ms-grid-column: 3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(89) {
  -ms-grid-row: 6;
  -ms-grid-column: 4;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(90) {
  -ms-grid-row: 6;
  -ms-grid-column: 5;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(91) {
  -ms-grid-row: 6;
  -ms-grid-column: 6;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(92) {
  -ms-grid-row: 6;
  -ms-grid-column: 7;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(93) {
  -ms-grid-row: 6;
  -ms-grid-column: 8;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(94) {
  -ms-grid-row: 6;
  -ms-grid-column: 9;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(95) {
  -ms-grid-row: 6;
  -ms-grid-column: 10;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(96) {
  -ms-grid-row: 6;
  -ms-grid-column: 11;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(97) {
  -ms-grid-row: 6;
  -ms-grid-column: 12;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(98) {
  -ms-grid-row: 6;
  -ms-grid-column: 13;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(99) {
  -ms-grid-row: 6;
  -ms-grid-column: 14;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(100) {
  -ms-grid-row: 6;
  -ms-grid-column: 15;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(101) {
  -ms-grid-row: 6;
  -ms-grid-column: 16;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(102) {
  -ms-grid-row: 6;
  -ms-grid-column: 17;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(103) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(104) {
  -ms-grid-row: 7;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(105) {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(106) {
  -ms-grid-row: 7;
  -ms-grid-column: 4;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(107) {
  -ms-grid-row: 7;
  -ms-grid-column: 5;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(108) {
  -ms-grid-row: 7;
  -ms-grid-column: 6;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(109) {
  -ms-grid-row: 7;
  -ms-grid-column: 7;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(110) {
  -ms-grid-row: 7;
  -ms-grid-column: 8;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(111) {
  -ms-grid-row: 7;
  -ms-grid-column: 9;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(112) {
  -ms-grid-row: 7;
  -ms-grid-column: 10;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(113) {
  -ms-grid-row: 7;
  -ms-grid-column: 11;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(114) {
  -ms-grid-row: 7;
  -ms-grid-column: 12;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(115) {
  -ms-grid-row: 7;
  -ms-grid-column: 13;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(116) {
  -ms-grid-row: 7;
  -ms-grid-column: 14;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(117) {
  -ms-grid-row: 7;
  -ms-grid-column: 15;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(118) {
  -ms-grid-row: 7;
  -ms-grid-column: 16;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(119) {
  -ms-grid-row: 7;
  -ms-grid-column: 17;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(120) {
  -ms-grid-row: 8;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(121) {
  -ms-grid-row: 8;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(122) {
  -ms-grid-row: 8;
  -ms-grid-column: 3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(123) {
  -ms-grid-row: 8;
  -ms-grid-column: 4;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(124) {
  -ms-grid-row: 8;
  -ms-grid-column: 5;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(125) {
  -ms-grid-row: 8;
  -ms-grid-column: 6;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(126) {
  -ms-grid-row: 8;
  -ms-grid-column: 7;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(127) {
  -ms-grid-row: 8;
  -ms-grid-column: 8;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(128) {
  -ms-grid-row: 8;
  -ms-grid-column: 9;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(129) {
  -ms-grid-row: 8;
  -ms-grid-column: 10;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(130) {
  -ms-grid-row: 8;
  -ms-grid-column: 11;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(131) {
  -ms-grid-row: 8;
  -ms-grid-column: 12;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(132) {
  -ms-grid-row: 8;
  -ms-grid-column: 13;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(133) {
  -ms-grid-row: 8;
  -ms-grid-column: 14;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(134) {
  -ms-grid-row: 8;
  -ms-grid-column: 15;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(135) {
  -ms-grid-row: 8;
  -ms-grid-column: 16;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(136) {
  -ms-grid-row: 8;
  -ms-grid-column: 17;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(137) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(138) {
  -ms-grid-row: 9;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(139) {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(140) {
  -ms-grid-row: 9;
  -ms-grid-column: 4;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(141) {
  -ms-grid-row: 9;
  -ms-grid-column: 5;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(142) {
  -ms-grid-row: 9;
  -ms-grid-column: 6;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(143) {
  -ms-grid-row: 9;
  -ms-grid-column: 7;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(144) {
  -ms-grid-row: 9;
  -ms-grid-column: 8;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(145) {
  -ms-grid-row: 9;
  -ms-grid-column: 9;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(146) {
  -ms-grid-row: 9;
  -ms-grid-column: 10;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(147) {
  -ms-grid-row: 9;
  -ms-grid-column: 11;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(148) {
  -ms-grid-row: 9;
  -ms-grid-column: 12;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(149) {
  -ms-grid-row: 9;
  -ms-grid-column: 13;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(150) {
  -ms-grid-row: 9;
  -ms-grid-column: 14;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(151) {
  -ms-grid-row: 9;
  -ms-grid-column: 15;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(152) {
  -ms-grid-row: 9;
  -ms-grid-column: 16;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(153) {
  -ms-grid-row: 9;
  -ms-grid-column: 17;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(154) {
  -ms-grid-row: 10;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(155) {
  -ms-grid-row: 10;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(156) {
  -ms-grid-row: 10;
  -ms-grid-column: 3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(157) {
  -ms-grid-row: 10;
  -ms-grid-column: 4;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(158) {
  -ms-grid-row: 10;
  -ms-grid-column: 5;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(159) {
  -ms-grid-row: 10;
  -ms-grid-column: 6;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(160) {
  -ms-grid-row: 10;
  -ms-grid-column: 7;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(161) {
  -ms-grid-row: 10;
  -ms-grid-column: 8;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(162) {
  -ms-grid-row: 10;
  -ms-grid-column: 9;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(163) {
  -ms-grid-row: 10;
  -ms-grid-column: 10;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(164) {
  -ms-grid-row: 10;
  -ms-grid-column: 11;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(165) {
  -ms-grid-row: 10;
  -ms-grid-column: 12;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(166) {
  -ms-grid-row: 10;
  -ms-grid-column: 13;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(167) {
  -ms-grid-row: 10;
  -ms-grid-column: 14;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(168) {
  -ms-grid-row: 10;
  -ms-grid-column: 15;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(169) {
  -ms-grid-row: 10;
  -ms-grid-column: 16;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(170) {
  -ms-grid-row: 10;
  -ms-grid-column: 17;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(171) {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(172) {
  -ms-grid-row: 11;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(173) {
  -ms-grid-row: 11;
  -ms-grid-column: 3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(174) {
  -ms-grid-row: 11;
  -ms-grid-column: 4;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(175) {
  -ms-grid-row: 11;
  -ms-grid-column: 5;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(176) {
  -ms-grid-row: 11;
  -ms-grid-column: 6;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(177) {
  -ms-grid-row: 11;
  -ms-grid-column: 7;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(178) {
  -ms-grid-row: 11;
  -ms-grid-column: 8;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(179) {
  -ms-grid-row: 11;
  -ms-grid-column: 9;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(180) {
  -ms-grid-row: 11;
  -ms-grid-column: 10;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(181) {
  -ms-grid-row: 11;
  -ms-grid-column: 11;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(182) {
  -ms-grid-row: 11;
  -ms-grid-column: 12;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(183) {
  -ms-grid-row: 11;
  -ms-grid-column: 13;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(184) {
  -ms-grid-row: 11;
  -ms-grid-column: 14;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(185) {
  -ms-grid-row: 11;
  -ms-grid-column: 15;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(186) {
  -ms-grid-row: 11;
  -ms-grid-column: 16;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(187) {
  -ms-grid-row: 11;
  -ms-grid-column: 17;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(188) {
  -ms-grid-row: 12;
  -ms-grid-column: 1;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(189) {
  -ms-grid-row: 12;
  -ms-grid-column: 2;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(190) {
  -ms-grid-row: 12;
  -ms-grid-column: 3;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(191) {
  -ms-grid-row: 12;
  -ms-grid-column: 4;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(192) {
  -ms-grid-row: 12;
  -ms-grid-column: 5;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(193) {
  -ms-grid-row: 12;
  -ms-grid-column: 6;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(194) {
  -ms-grid-row: 12;
  -ms-grid-column: 7;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(195) {
  -ms-grid-row: 12;
  -ms-grid-column: 8;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(196) {
  -ms-grid-row: 12;
  -ms-grid-column: 9;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(197) {
  -ms-grid-row: 12;
  -ms-grid-column: 10;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(198) {
  -ms-grid-row: 12;
  -ms-grid-column: 11;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(199) {
  -ms-grid-row: 12;
  -ms-grid-column: 12;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(200) {
  -ms-grid-row: 12;
  -ms-grid-column: 13;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(201) {
  -ms-grid-row: 12;
  -ms-grid-column: 14;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(202) {
  -ms-grid-row: 12;
  -ms-grid-column: 15;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(203) {
  -ms-grid-row: 12;
  -ms-grid-column: 16;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid > *:nth-child(204) {
  -ms-grid-row: 12;
  -ms-grid-column: 17;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid-item {
  border: 0.0625rem solid rgba(189, 196, 161, 0.2);
  cursor: pointer;
  -webkit-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
.promotionContainer.codPromotion .contentContainer .minigameSection .grid-item:hover {
  background-image: url(../images/gaming/square-highlight.jpg);
  background-size: cover;
}
.promotionContainer.codPromotion .endnotesSection {
  padding: 0 1.25rem;
  margin-top: 7.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  gap: 1.25rem;
}
.promotionContainer.codPromotion .endnotesSection p {
  font-family: "Papa Sans Medium";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.25rem;
  text-align: left;
  color: white;
  text-transform: uppercase;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .endnotesSection p {
    font-size: 0.5rem;
    line-height: 0.5625rem;
  }
}
.promotionContainer.codPromotion .endnotesSection p a {
  color: white;
}
@media only screen and (max-width: 48rem) {
  .promotionContainer.codPromotion .endnotesSection img {
    width: 3.375rem;
    height: 4.125rem;
  }
}

.promotionContainer.pjtnights {
  background-image: url("/images/rugbypromotion/rugbyballbg-low.jpg");
}
.promotionContainer.pjtnights .centerBox_pjtnights_promotion {
  width: 100%;
}
.promotionContainer.pjtnights .centerBox_pjtnights_promotion .inner_centerBox_promotion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 60%;
  margin: 40px auto 10px auto;
}
@media only screen and (max-width: 1200px) {
  .promotionContainer.pjtnights .centerBox_pjtnights_promotion .inner_centerBox_promotion {
    width: 80%;
  }
}
.promotionContainer.pjtnights .centerBox_pjtnights_promotion .inner_centerBox_promotion .text_promotion {
  text-align: center;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: black;
  font-size: 20px;
}
.promotionContainer.pjtnights .centerBox_pjtnights_promotion .inner_centerBox_promotion .btnApply {
  background-color: #007a53;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  padding: 15px 35px;
}
.promotionContainer.pjtnights .centerBox_pjtnights_promotion .desktop {
  width: 100%;
}
.promotionContainer.pjtnights .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.terms {
  margin: 60px auto 50px auto !important;
}

.promotionContainer {
  background-size: contain;
  overflow: visible;
}
.promotionContainer .header_promotion .homeHeader {
  background: transparent;
}
.promotionContainer .header_promotion .homeHeader .innerH {
  max-width: 100%;
  padding-right: 0;
}
.promotionContainer .header_promotion .homeHeader .logoCont {
  padding: 10px 15px;
  background-color: transparent;
}
.promotionContainer .header_promotion .homeHeader .logoCont img {
  background-color: transparent;
}
.promotionContainer .header_promotion .homeHeader .lSide,
.promotionContainer .header_promotion .homeHeader .rSide {
  background-color: transparent;
  width: calc(50% - 96px);
}
.promotionContainer .header_promotion .homeHeader .rSide .accountBtn {
  -ms-flex-item-align: center;
      -ms-grid-row-align: center;
      align-self: center;
  margin-right: 15px;
}
.promotionContainer .header_promotion .homeHeader .rSide .accountBtn:before {
  display: none;
}
.promotionContainer .header_promotion .homeHeader .rSide .accountBtn .innerr {
  border-radius: 15px;
  padding: 5px;
}
.promotionContainer .header_promotion .homeHeader .rSide .accountBtn .innerr .txt {
  display: none;
}
.promotionContainer .contentContainer {
  margin-top: 78px;
}
.promotionContainer .contentContainer.entry_confirmation {
  margin-top: 40px;
}
.promotionContainer .contentContainer .image_panels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 80px 0;
}
.promotionContainer .contentContainer .image_panels .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 950px;
  height: 275px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin-bottom: 22px;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer .contentContainer .image_panels .panel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer .contentContainer .image_panels .panel img {
  -o-object-fit: fill;
     object-fit: fill;
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer .contentContainer .image_panels .panel img {
    width: 100%;
  }
}
.promotionContainer .contentContainer .image_panels .panel .left_image {
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 95% 50%, 100% 100%);
  border-radius: 5px 0 0 5px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer .contentContainer .image_panels .panel .left_image {
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 95%, 0% 100%);
    border-radius: 5px 5px 0 0;
  }
}
.promotionContainer .contentContainer .image_panels .panel .right_image {
  clip-path: polygon(100% 0, 100% 50%, 100% 100%, 0% 100%, 5% 50%, 0% 0%);
  border-radius: 0 5px 5px 0;
}
@media only screen and (max-width: 768px) {
  .promotionContainer .contentContainer .image_panels .panel .right_image {
    clip-path: polygon(50% 5%, 100% 0%, 100% 100%, 0 100%, 0 0);
  }
}
.promotionContainer .contentContainer .image_panels .panel .second_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 10px;
}
.promotionContainer .contentContainer .image_panels .panel .second_section .title_panel {
  text-align: center;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer .contentContainer .image_panels .panel .second_section .text_panel {
  text-align: center;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-top: 18px;
  padding: 0 40px 0 40px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer .contentContainer .image_panels .panel .second_section {
    width: 100%;
    margin: 31px 11px 17px 11px;
  }
}
@media only screen and (max-width: 768px) {
  .promotionContainer .contentContainer .image_panels .direction_mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .promotionContainer .contentContainer .image_panels .direction_mobile .right_image {
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 95%, 0% 100%);
    border-radius: 5px 5px 0 0;
  }
}
.promotionContainer .contentContainer .favourites_promotion {
  margin-top: 80px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer .contentContainer .favourites_promotion {
    margin-top: 0px !important;
  }
}
.promotionContainer .contentContainer .favourites_promotion .getStarted_promotion {
  background-image: url("/images/rugbypromotion/pr-background.webp");
  background-repeat: no-repeat;
  background-size: 100% 100%;
  margin-top: 50px;
}
.promotionContainer .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion {
  display: block;
  margin: 0 auto;
  width: 26%;
  min-width: 320px;
}
@media only screen and (max-width: 380px) {
  .promotionContainer .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion {
    width: 90%;
    min-width: 90%;
    display: block;
    margin: 0 auto;
  }
}
.promotionContainer .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section {
  margin: 0 auto 50px auto;
  text-align: center;
  font-size: 25px;
  font-weight: bold;
}
.promotionContainer .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section h4 {
  text-align: center;
  padding: 78px 0px 20px 0px;
  font-size: 25px;
  font-weight: bold;
  text-transform: uppercase;
}
.promotionContainer .contentContainer .favourites_promotion .getStarted_promotion .text_section {
  display: block;
  margin: 0 auto;
  width: 60%;
  min-width: 320px;
  padding-bottom: 70px;
  font: normal normal normal 15px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  opacity: 1;
}
.promotionContainer .contentContainer .favourites_promotion .getStarted_promotion .text_section i {
  margin-right: 10px;
}

.promotionContainer.gaming {
  background-image: url("/images/gaming/20797.010-PAP-Overwatch---Background-3000x2121px-(2)-AB-.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.promotionContainer.gaming .centerBox_promotion_mobile {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  width: 335px;
  height: auto;
  display: none;
  margin: 40px auto 10px auto;
  background-image: url("/images/gaming/20797.010-PAP-Overwatch-Hero-Block-Mobile-986x3000px_Background-Block-(4)-ST.png");
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  opacity: 1;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 8px;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .centerBox_promotion_mobile {
    display: block;
  }
}
.promotionContainer.gaming .centerBox_promotion_mobile .inner_centerBox_promotion {
  width: 100%;
  height: 100%;
  position: relative;
}
.promotionContainer.gaming .centerBox_promotion_mobile .inner_centerBox_promotion .title_banner_promotion {
  font: normal normal bold 40px/48px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 40px;
  width: 100%;
  padding: 14px;
  padding-top: 300px;
  text-align: center;
}
.promotionContainer.gaming .centerBox_promotion_mobile .inner_centerBox_promotion .headerImg {
  background: transparent;
  position: absolute;
  top: -50px;
  left: -1px;
  width: 100.5%;
}
.promotionContainer.gaming .centerBox_promotion_mobile .text_promotion {
  text-align: center;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 20px;
  padding: 15px;
}
.promotionContainer.gaming .centerBox_promotion_mobile .buttons_promotion {
  margin-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-bottom: 30px;
}
.promotionContainer.gaming .centerBox_promotion_mobile .buttons_promotion .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #FF0000;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 8px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
  width: 160px;
  height: 56px;
  z-index: 1;
}
.promotionContainer.gaming .centerBox_promotion_mobile .buttons_promotion .rightBttn {
  text-align: center;
  font: normal normal bold 22px/27px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 22px;
  opacity: 1;
  z-index: 1;
}
.promotionContainer.gaming .centerBox_promotion_mobile .buttons_promotion .rightBttn .registerBtn {
  color: #CFEB09;
  cursor: pointer;
  text-decoration: none;
}
.promotionContainer.gaming .centerBox_promotion_mobile .promotion_status {
  color: #ffffff;
}
.promotionContainer.gaming .centerBox_promotion, .promotionContainer.gaming .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background,
.promotionContainer.gaming .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background,
.promotionContainer.gaming .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto 10px auto;
  border-radius: 8px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  background-image: url("/images/gaming/20797.010-PAP-Overwatch---Hero-Block---Desktop-956x500px_Background-Block(3)-AB.png");
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  opacity: 1;
  position: relative;
  width: 950px;
  height: 510px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .centerBox_promotion, .promotionContainer.gaming .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background,
  .promotionContainer.gaming .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background,
  .promotionContainer.gaming .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background {
    display: none;
  }
}
.promotionContainer.gaming .centerBox_promotion .inner_centerBox_promotion, .promotionContainer.gaming .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.gaming .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.gaming .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px;
  padding-right: 0;
  width: 50%;
}
.promotionContainer.gaming .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.gaming .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.gaming .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.gaming .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion {
  font: normal normal bold 40px/48px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 40px;
  opacity: 1;
  margin-right: auto;
}
.promotionContainer.gaming .centerBox_promotion .inner_centerBox_promotion .text_promotion, .promotionContainer.gaming .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.gaming .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.gaming .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 20px;
}
.promotionContainer.gaming .centerBox_promotion .inner_centerBox_promotion .buttons_promotion, .promotionContainer.gaming .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.gaming .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.gaming .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion {
  margin-top: 20px;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.gaming .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.gaming .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.gaming .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.gaming .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #FF0000;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
  width: 160px;
  height: 56px;
  z-index: 1;
}
.promotionContainer.gaming .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.gaming .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.gaming .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.gaming .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn {
  text-align: center;
  font: normal normal bold 22px/27px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 22px;
  z-index: 1;
}
.promotionContainer.gaming .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.gaming .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.gaming .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.gaming .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn {
  color: #CFEB09;
  cursor: pointer;
  text-decoration: none;
}
.promotionContainer.gaming .centerBox_promotion .inner_centerBox_promotion .promotion_status, .promotionContainer.gaming .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status, .promotionContainer.studentsPromotion .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.gaming .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.gaming .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status {
  color: #ffffff;
}
.promotionContainer.gaming .centerBox_promotion .headerImg, .promotionContainer.gaming .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg, .promotionContainer.studentsPromotion .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .headerImg,
.promotionContainer.gaming .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .headerImg,
.promotionContainer.gaming .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .headerImg {
  background: transparent;
  position: absolute;
  top: -53px;
  right: 0;
  width: 115%;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .centerBox_promotion .headerImg, .promotionContainer.gaming .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg, .promotionContainer.studentsPromotion .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.gaming .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.gaming .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.gaming .centerBox_promotion__solid-background .headerImg {
    top: -18px;
    left: 194px;
  }
}
.promotionContainer.gaming .contentContainer .form_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 86px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .form_section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.gaming .contentContainer .form_section .leftSide,
.promotionContainer.gaming .contentContainer .form_section .rightSide {
  width: 465px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin: 0 10px;
  padding: 55px 20px;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .form_section .leftSide,
  .promotionContainer.gaming .contentContainer .form_section .rightSide {
    width: 335px;
    height: 100%;
    margin-bottom: 10px;
  }
}
.promotionContainer.gaming .contentContainer .form_section .rightSide ::-webkit-input-placeholder {
  color: #cccccc;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide ::-moz-placeholder {
  color: #cccccc;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide :-ms-input-placeholder {
  color: #cccccc;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide ::-ms-input-placeholder {
  color: #cccccc;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide ::placeholder {
  color: #cccccc;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide select {
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 100%;
  text-overflow: ellipsis;
  padding-left: 3px;
  height: 30px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/icons/chevron_down_blue.svg);
  background-image: url(../images/icons/chevron_down_blue.svg);
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-repeat: no-repeat;
  background-repeat-x: no-repeat;
  background-position: calc(100% - 10px) center;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  padding-right: 25px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  min-height: 40px;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide select:hover {
  border-color: #007d4a;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide input.hasC ~ label {
  top: -10px;
  font-size: 12px;
  color: #1c1c1c;
  background-color: #fff;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide input.valid {
  border-color: #007d4a !important;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide input.valid ~ label {
  color: #007d4a;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide input.invalid {
  border-color: #e42313 !important;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide input.invalid ~ label {
  color: #e42313;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide input.valid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  width: 18px;
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_valid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide input.invalid {
  border-color: red !important;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide input.invalid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  width: 18px;
  font-family: "Font Awesome 5 Pro";
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_invalid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide input[type=text] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox1 {
  margin-bottom: 25px;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide button {
  width: 100%;
  border-radius: 5px;
  background-color: #007d4a;
  color: white;
  font-weight: 700;
  border: none;
  font-size: 20px;
  height: 40px;
  margin-bottom: 10px;
  cursor: pointer;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .beforeClick {
  margin-right: 14px !important;
  margin-top: -38px !important;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 {
  margin-bottom: 49px;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 {
    margin-bottom: 132px;
  }
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 p {
  text-align: left;
  margin-left: 20px;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 {
  display: inline-block;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper p {
  padding-top: 8px;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .terms-link {
  text-align: left;
  text-decoration: underline;
  font: normal normal normal 16px/18px Italian Plate No2;
  letter-spacing: 0px;
  color: #007D4A;
  cursor: pointer;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
  cursor: pointer;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.promotionContainer.gaming .contentContainer .form_section .rightSide .form_error {
  margin-bottom: 10px;
  color: red;
}
.promotionContainer.gaming .contentContainer .form_section .title_form {
  text-align: left;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.promotionContainer.gaming .contentContainer .form_section .text_form {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer.gaming .contentContainer .sponsors_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.promotionContainer.gaming .contentContainer .sponsors_section .title {
  text-align: center;
  font: normal normal bold 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  opacity: 1;
  text-transform: uppercase;
  margin-bottom: 21px;
}
.promotionContainer.gaming .contentContainer .sponsors_section .sponsors_images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .sponsors_section .sponsors_images {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.promotionContainer.gaming .contentContainer .sponsors_section .sponsors_images img {
  height: 80px;
  margin: 0 25px;
  -o-object-fit: contain;
     object-fit: contain;
}
.promotionContainer.gaming .contentContainer .panel {
  margin-bottom: 65px !important;
  position: relative;
  border-radius: 8px;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .panel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .promotionContainer.gaming .contentContainer .panel img {
    width: 100%;
  }
  .promotionContainer.gaming .contentContainer .panel .second_section {
    width: 100%;
    margin: 31px 11px 17px 11px;
  }
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .panel.direction_mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.gaming .contentContainer .panel .float.right_image {
  position: absolute;
  width: 41.5%;
  top: -65px;
  right: 0px;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .panel .float.right_image {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .panel .float.right_image.mobile {
    display: block !important;
  }
}
.promotionContainer.gaming .contentContainer .panel .right_image {
  clip-path: none;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .panel .right_image {
    display: none;
  }
}
.promotionContainer.gaming .contentContainer .panel .left_image {
  clip-path: none;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .panel .left_image {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .panel .left_image_mobile {
    display: block !important;
  }
}
.promotionContainer.gaming .contentContainer .panel .second_section {
  padding: 25px !important;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .panel.mobile {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
  .promotionContainer.gaming .contentContainer .panel.mobile .second_section.mobile {
    width: 100%;
    margin: 31px 11px 17px 11px;
    padding: 25px !important;
    padding-top: 315px !important;
  }
  .promotionContainer.gaming .contentContainer .panel.mobile .float.left_image.mobile {
    position: absolute;
    top: -35px;
    display: block !important;
    width: 100%;
  }
}
.promotionContainer.gaming .contentContainer .entry_confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 80px 0;
}
.promotionContainer.gaming .contentContainer .entry_confirmation .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 950px;
  height: 275px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 8px;
  margin-bottom: 22px;
  max-width: 100%;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .entry_confirmation .panel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.gaming .contentContainer .entry_confirmation .panel img {
  -o-object-fit: fill;
     object-fit: fill;
  width: 40%;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .entry_confirmation .panel img {
    width: 100%;
  }
}
.promotionContainer.gaming .contentContainer .entry_confirmation .panel .second_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.gaming .contentContainer .entry_confirmation .panel .second_section .title_panel {
  text-align: center;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer.gaming .contentContainer .entry_confirmation .panel .second_section .text_panel {
  text-align: center;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-top: 18px;
  padding: 0 40px 0 40px;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.gaming .contentContainer .entry_confirmation .panel .second_section {
    width: 100%;
    margin: 31px 11px 17px 11px;
  }
}
.promotionContainer.gaming .contentContainer .favourites_promotion .getStarted_promotion {
  padding: 50px 0;
}
.promotionContainer.gaming .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.prices {
  margin: 60px auto 50px auto !important;
}
.promotionContainer.gaming .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.terms h4 {
  padding: 20px 0px 20px 0px !important;
}
.promotionContainer.gaming .contentContainer .favourites_promotion .getStarted_promotion .text_section {
  padding-bottom: 20px;
}
.promotionContainer.gaming .contentContainer .tm_panel {
  text-align: center;
  margin-bottom: 40px;
  font-size: 14px;
}

.promotionContainer.studentsPromotion,
.promotionContainer.studentsRegistration,
.promotionContainer.studentsConfirmation {
  background-color: #F5E8DC;
}
.promotionContainer.studentsPromotion a,
.promotionContainer.studentsRegistration a,
.promotionContainer.studentsConfirmation a {
  color: #2D5D2A;
  font-weight: bold;
}
.promotionContainer.studentsPromotion .app_section,
.promotionContainer.studentsRegistration .app_section,
.promotionContainer.studentsConfirmation .app_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 65px !important;
}
.promotionContainer.studentsPromotion .app_images,
.promotionContainer.studentsRegistration .app_images,
.promotionContainer.studentsConfirmation .app_images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.promotionContainer.studentsPromotion .app_section .app_images img,
.promotionContainer.studentsRegistration .app_section .app_images img,
.promotionContainer.studentsConfirmation .app_section .app_images img {
  height: 50px;
  margin: 0 10px;
}
.promotionContainer.studentsPromotion .terms_and_cond_container,
.promotionContainer.studentsRegistration .terms_and_cond_container,
.promotionContainer.studentsConfirmation .terms_and_cond_container {
  background-color: rgba(255, 255, 255, 0.5);
  margin-top: -95px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 1050px) {
  .promotionContainer.studentsPromotion .terms_and_cond_container,
  .promotionContainer.studentsRegistration .terms_and_cond_container,
  .promotionContainer.studentsConfirmation .terms_and_cond_container {
    padding: 0 107px;
  }
}
@media only screen and (max-width: 880px) {
  .promotionContainer.studentsPromotion .terms_and_cond_container,
  .promotionContainer.studentsRegistration .terms_and_cond_container,
  .promotionContainer.studentsConfirmation .terms_and_cond_container {
    margin-top: -102px;
  }
}
@media only screen and (max-width: 600px) {
  .promotionContainer.studentsPromotion .terms_and_cond_container,
  .promotionContainer.studentsRegistration .terms_and_cond_container,
  .promotionContainer.studentsConfirmation .terms_and_cond_container {
    padding: 0 77px;
  }
}
.promotionContainer.studentsPromotion .terms_and_cond_container .terms_title,
.promotionContainer.studentsRegistration .terms_and_cond_container .terms_title,
.promotionContainer.studentsConfirmation .terms_and_cond_container .terms_title {
  color: #000000;
  font-size: 25px;
  line-height: 30px;
  text-transform: uppercase;
  opacity: 1;
  font-weight: bold;
  padding: 60px 0 28px 0;
}
@media only screen and (max-width: 1050px) {
  .promotionContainer.studentsPromotion .terms_and_cond_container .terms_title,
  .promotionContainer.studentsRegistration .terms_and_cond_container .terms_title,
  .promotionContainer.studentsConfirmation .terms_and_cond_container .terms_title {
    padding: 50px 0 28px 0;
  }
}
.promotionContainer.studentsPromotion .terms_and_cond_container .terms_title h4,
.promotionContainer.studentsRegistration .terms_and_cond_container .terms_title h4,
.promotionContainer.studentsConfirmation .terms_and_cond_container .terms_title h4 {
  margin: 0;
}
.promotionContainer.studentsPromotion .terms_and_cond_container .terms_text,
.promotionContainer.studentsRegistration .terms_and_cond_container .terms_text,
.promotionContainer.studentsConfirmation .terms_and_cond_container .terms_text {
  color: #000000;
  font-size: 19px;
  line-height: 22px;
  letter-spacing: 0;
  opacity: 1;
  text-align: center;
  padding-bottom: 54px;
  max-width: 956px;
}
.promotionContainer.studentsPromotion .wrapper,
.promotionContainer.studentsRegistration .wrapper,
.promotionContainer.studentsConfirmation .wrapper {
  max-width: 950px;
  margin: auto;
}
@media only screen and (max-width: 1050px) {
  .promotionContainer.studentsPromotion .wrapper,
  .promotionContainer.studentsRegistration .wrapper,
  .promotionContainer.studentsConfirmation .wrapper {
    margin: 0 49px;
  }
}
@media only screen and (max-width: 425px) {
  .promotionContainer.studentsPromotion .wrapper,
  .promotionContainer.studentsRegistration .wrapper,
  .promotionContainer.studentsConfirmation .wrapper {
    margin: 0 33px;
  }
}
.promotionContainer.studentsPromotion .wrapper .headerContainer .header_promotion .header .innerH .rSide,
.promotionContainer.studentsRegistration .wrapper .headerContainer .header_promotion .header .innerH .rSide,
.promotionContainer.studentsConfirmation .wrapper .headerContainer .header_promotion .header .innerH .rSide {
  display: none;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  height: auto;
  display: none;
  margin: 48px 0 10px 0;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  opacity: 1;
  position: relative;
  border-radius: 8px;
  background-color: #FFFFFF;
}
@media only screen and (max-width: 880px) {
  .promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile {
    display: block;
  }
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .inner_centerBox_promotion {
  width: 100%;
  height: 100%;
  background-image: url("/static/assets/students/student-header.png");
  border-radius: 8px 8px 0px 0px;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .inner_centerBox_promotion .headerImg,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .inner_centerBox_promotion .headerImg,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .inner_centerBox_promotion .headerImg {
  width: 100%;
}
@media only screen and (max-width: 600px) {
  .promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .inner_centerBox_promotion .headerImg,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .inner_centerBox_promotion .headerImg,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .inner_centerBox_promotion .headerImg {
    border-radius: 8px 8px 0 0;
  }
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .title_banner_promotion {
  letter-spacing: 0px;
  color: #000000;
  font-size: 40px;
  line-height: 48px;
  font-weight: bold;
  width: 100%;
  padding: 40px 14px 22px 14px;
  text-align: center;
  margin: 0;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .text_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .text_promotion {
  text-align: center;
  letter-spacing: 0px;
  color: #000000;
  font-size: 20px;
  line-height: 24px;
  padding: 0 24px;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .buttons_promotion,
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .button_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .buttons_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .button_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .buttons_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .button_promotion {
  margin-top: 24px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 13px;
  padding-bottom: 40px;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .buttons_promotion .leftBttn,
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .button_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .buttons_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .button_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .buttons_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .button_promotion .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #FF0000;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  max-width: 228px;
  width: 100%;
  height: 56px;
  z-index: 1;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .buttons_promotion .rightBttn,
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .button_promotion .rightBttn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .buttons_promotion .rightBttn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .button_promotion .rightBttn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .buttons_promotion .rightBttn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .button_promotion .rightBttn {
  text-align: center;
  font: normal normal bold 22px/27px Italian Plate No2;
  letter-spacing: 0px;
  color: #000000;
  font-size: 22px;
  opacity: 1;
  z-index: 1;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .button_promotion .rightBttn .registerBtn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .button_promotion .rightBttn .registerBtn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .button_promotion .rightBttn .registerBtn {
  color: #2D5D2A;
  cursor: pointer;
  text-decoration: none;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile .promotion_status,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile .promotion_status,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile .promotion_status {
  color: #ffffff;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsRegistration, .promotionContainer.studentsPromotion .wrapper .studentsRegistration.centerBox_promotion__solid-background,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsRegistration,
.promotionContainer.studentsRegistration .wrapper .studentsRegistration.centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsRegistration,
.promotionContainer.studentsConfirmation .wrapper .studentsRegistration.centerBox_promotion__solid-background {
  margin-top: 55px;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 880px) {
  .promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsRegistration, .promotionContainer.studentsPromotion .wrapper .studentsRegistration.centerBox_promotion__solid-background,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsRegistration,
  .promotionContainer.studentsRegistration .wrapper .studentsRegistration.centerBox_promotion__solid-background,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsRegistration,
  .promotionContainer.studentsConfirmation .wrapper .studentsRegistration.centerBox_promotion__solid-background {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsRegistration .bg-promotion, .promotionContainer.studentsPromotion .wrapper .studentsRegistration.centerBox_promotion__solid-background .bg-promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsRegistration .bg-promotion,
.promotionContainer.studentsRegistration .wrapper .studentsRegistration.centerBox_promotion__solid-background .bg-promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsRegistration .bg-promotion,
.promotionContainer.studentsConfirmation .wrapper .studentsRegistration.centerBox_promotion__solid-background .bg-promotion {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-10deg);
          transform: translateY(-50%) rotate(-10deg);
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsRegistration .inner_centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .studentsRegistration.centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsRegistration .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .studentsRegistration.centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsRegistration .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .studentsRegistration.centerBox_promotion__solid-background .inner_centerBox_promotion {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: 40px;
  height: 100%;
  position: relative;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsRegistration .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.studentsPromotion .wrapper .studentsRegistration.centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsRegistration .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .studentsRegistration.centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsRegistration .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .studentsRegistration.centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion {
  padding-bottom: 0;
  max-width: unset;
  line-height: 39px;
  text-align: center;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsRegistration .headerImg, .promotionContainer.studentsPromotion .wrapper .studentsRegistration.centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsRegistration .headerImg,
.promotionContainer.studentsRegistration .wrapper .studentsRegistration.centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsRegistration .headerImg,
.promotionContainer.studentsConfirmation .wrapper .studentsRegistration.centerBox_promotion__solid-background .headerImg {
  -webkit-transform: matrix(0.99, 0.12, -0.12, 0.99, 0, 0) translate(-50%);
          transform: matrix(0.99, 0.12, -0.12, 0.99, 0, 0) translate(-50%);
  width: 225px;
  right: 50%;
  left: 50%;
}
@media only screen and (max-width: 425px) {
  .promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsRegistration .headerImg, .promotionContainer.studentsPromotion .wrapper .studentsRegistration.centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsRegistration .headerImg,
  .promotionContainer.studentsRegistration .wrapper .studentsRegistration.centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsRegistration .headerImg,
  .promotionContainer.studentsConfirmation .wrapper .studentsRegistration.centerBox_promotion__solid-background .headerImg {
    top: -40px;
    width: 187px;
  }
}
@media only screen and (max-width: 880px) {
  .promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile.studentsConfirmation,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile.studentsConfirmation,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile.studentsConfirmation {
    display: none;
  }
}
@media only screen and (max-width: 600px) {
  .promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile.studentsConfirmation,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile.studentsConfirmation,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile.studentsConfirmation {
    display: block;
    background-color: #E3C2ED;
  }
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile.studentsConfirmation .text_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile.studentsConfirmation .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile.studentsConfirmation .text_promotion {
  padding: 0 25px 37px 25px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 24px;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion_mobile.studentsConfirmation .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion_mobile.studentsConfirmation .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion_mobile.studentsConfirmation .title_banner_promotion {
  padding: 57px 14px 22px 14px;
  color: #000000;
  font-size: 25px;
  line-height: 22px;
  font-weight: bold;
  text-transform: uppercase;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsConfirmation, .promotionContainer.studentsPromotion .wrapper .studentsConfirmation.centerBox_promotion__solid-background,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsConfirmation,
.promotionContainer.studentsRegistration .wrapper .studentsConfirmation.centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsConfirmation,
.promotionContainer.studentsConfirmation .wrapper .studentsConfirmation.centerBox_promotion__solid-background {
  background-image: none;
  background-color: #E3C2ED;
  height: 275px;
}
@media only screen and (max-width: 880px) {
  .promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsConfirmation, .promotionContainer.studentsPromotion .wrapper .studentsConfirmation.centerBox_promotion__solid-background,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsConfirmation,
  .promotionContainer.studentsRegistration .wrapper .studentsConfirmation.centerBox_promotion__solid-background,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsConfirmation,
  .promotionContainer.studentsConfirmation .wrapper .studentsConfirmation.centerBox_promotion__solid-background {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media only screen and (max-width: 600px) {
  .promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsConfirmation, .promotionContainer.studentsPromotion .wrapper .studentsConfirmation.centerBox_promotion__solid-background,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsConfirmation,
  .promotionContainer.studentsRegistration .wrapper .studentsConfirmation.centerBox_promotion__solid-background,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsConfirmation,
  .promotionContainer.studentsConfirmation .wrapper .studentsConfirmation.centerBox_promotion__solid-background {
    display: none;
  }
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  width: 60%;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.studentsPromotion .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion {
  color: #000000;
  max-width: none;
  font-size: 25px;
  line-height: 30px;
  font-weight: bold;
  letter-spacing: 0px;
  text-transform: uppercase;
  padding-bottom: 17px;
  text-align: center;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion .text_promotion, .promotionContainer.studentsPromotion .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsRegistration .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion {
  color: #000000;
  font-size: 20px;
  line-height: 22px;
  font-weight: bold;
  letter-spacing: 0px;
  text-align: center;
  width: 78%;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion .button_promotion, .promotionContainer.studentsPromotion .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion .button_promotion,
.promotionContainer.studentsRegistration .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion .button_promotion,
.promotionContainer.studentsConfirmation .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion {
  margin-right: 0;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsConfirmation .headerImg, .promotionContainer.studentsPromotion .wrapper .studentsConfirmation.centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsConfirmation .headerImg,
.promotionContainer.studentsRegistration .wrapper .studentsConfirmation.centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsConfirmation .headerImg,
.promotionContainer.studentsConfirmation .wrapper .studentsConfirmation.centerBox_promotion__solid-background .headerImg {
  height: 275px;
  top: 0;
  border-radius: 0 8px 8px 0;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 950px) {
  .promotionContainer.studentsPromotion .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion,
  .promotionContainer.studentsRegistration .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion.studentsConfirmation .inner_centerBox_promotion,
  .promotionContainer.studentsConfirmation .wrapper .studentsConfirmation.centerBox_promotion__solid-background .inner_centerBox_promotion {
    padding-left: 40px;
  }
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 55px 0px 10px 0px;
  border-radius: 8px;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  opacity: 1;
  position: relative;
  overflow: hidden;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background {
  background-color: #2D5D2A;
  background-image: none;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background.studentsRegistration,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background.studentsRegistration,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background.studentsRegistration {
  background-color: transparent;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background.studentsRegistration .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background.studentsRegistration .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background.studentsRegistration .inner_centerBox_promotion {
  background-color: transparent;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .bg-promotion, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .bg-promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .bg-promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .bg-promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .bg-promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .bg-promotion {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(-5deg) scale(1.4);
          transform: translateY(-50%) rotate(-5deg) scale(1.4);
}
@media only screen and (max-width: 880px) {
  .promotionContainer.studentsPromotion .wrapper .centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background {
    display: none;
  }
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .inner_centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px;
  padding-right: 0;
  width: 65%;
  position: relative;
  background-color: #2D5D2A;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion {
  letter-spacing: 0px;
  color: #CFEB0C;
  font-family: "Papa Sans Heavy";
  font-size: 40px;
  font-weight: bold;
  opacity: 1;
  margin: 0;
  text-transform: uppercase;
  line-height: 39px;
  padding-bottom: 22px;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .inner_centerBox_promotion .text_promotion, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion {
  text-align: left;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 20px;
  line-height: 24px;
  width: 70%;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .inner_centerBox_promotion .buttons_promotion, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .inner_centerBox_promotion .button_promotion,
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .inner_centerBox_promotion .button_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .inner_centerBox_promotion .button_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion {
  margin-top: 20px;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 13px;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .inner_centerBox_promotion .button_promotion .leftBttn,
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .inner_centerBox_promotion .button_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .inner_centerBox_promotion .button_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #FF0000;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  text-transform: uppercase;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  width: 228px;
  height: 56px;
  z-index: 1;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .inner_centerBox_promotion .button_promotion .rightBttn,
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion .rightBttn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .inner_centerBox_promotion .button_promotion .rightBttn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion .rightBttn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .inner_centerBox_promotion .button_promotion .rightBttn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion .rightBttn {
  text-align: center;
  font: normal normal bold 22px/27px Italian Plate No2;
  letter-spacing: 0px;
  color: #CFEB0C;
  font-size: 22px;
  z-index: 1;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .inner_centerBox_promotion .button_promotion .rightBttn .registerBtn,
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion .rightBttn .registerBtn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .inner_centerBox_promotion .button_promotion .rightBttn .registerBtn,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion .rightBttn .registerBtn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .inner_centerBox_promotion .button_promotion .rightBttn .registerBtn,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .button_promotion .rightBttn .registerBtn {
  color: #FFFFFF;
  cursor: pointer;
  text-decoration: none;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .inner_centerBox_promotion.main-box-promotion .title_banner_promotion, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion.main-box-promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .inner_centerBox_promotion.main-box-promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion.main-box-promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .inner_centerBox_promotion.main-box-promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion.main-box-promotion .title_banner_promotion {
  width: 60%;
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .headerImg, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .headerImg,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .headerImg,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg {
  background: transparent;
  position: absolute;
  left: 60%;
  height: 100%;
  border-radius: 8px;
}
@media only screen and (max-width: 425px) {
  .promotionContainer.studentsPromotion .wrapper .centerBox_promotion .headerImg, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion .headerImg,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .headerImg,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg {
    top: -18px;
    left: 194px;
  }
}
.promotionContainer.studentsPromotion .wrapper .centerBox_promotion .headerImg.promotion-header-image, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg.promotion-header-image,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion .headerImg.promotion-header-image,
.promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg.promotion-header-image,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .headerImg.promotion-header-image,
.promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg.promotion-header-image {
  left: 62%;
}
@media screen and (min-width: 881px) and (max-width: 911px) {
  .promotionContainer.studentsPromotion .wrapper .centerBox_promotion .headerImg.promotion-header-image, .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg.promotion-header-image,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion .headerImg.promotion-header-image,
  .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg.promotion-header-image,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion .headerImg.promotion-header-image,
  .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg.promotion-header-image {
    left: 54%;
  }
}
.promotionContainer.studentsPromotion .wrapper .contentContainer,
.promotionContainer.studentsRegistration .wrapper .contentContainer,
.promotionContainer.studentsConfirmation .wrapper .contentContainer {
  margin-top: 20px;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .panel,
.promotionContainer.studentsRegistration .wrapper .contentContainer .panel,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .panel {
  margin-bottom: 80px !important;
  position: relative;
  border-radius: 8px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    height: 345px;
  }
}
@media only screen and (max-width: 600px) {
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel img,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel img,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel img {
    width: 100%;
  }
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel .second_section,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel .second_section,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .second_section {
    width: 100%;
    margin: 31px 11px 17px 11px;
  }
}
@media only screen and (max-width: 600px) {
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel.direction_mobile,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel.direction_mobile,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel.direction_mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .panel .float.right_image,
.promotionContainer.studentsRegistration .wrapper .contentContainer .panel .float.right_image,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .float.right_image {
  position: absolute;
  width: 41.5%;
  top: -65px;
  right: 0px;
}
@media only screen and (max-width: 425px) {
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel .float.right_image,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel .float.right_image,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .float.right_image {
    display: none;
  }
}
@media only screen and (max-width: 425px) {
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel .float.right_image.mobile,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel .float.right_image.mobile,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .float.right_image.mobile {
    display: block !important;
  }
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .panel .image_container,
.promotionContainer.studentsRegistration .wrapper .contentContainer .panel .image_container,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .image_container {
  width: 40%;
  height: 100%;
}
@media only screen and (max-width: 600px) {
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel .image_container,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel .image_container,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .image_container {
    border-radius: 8px 8px 0 0 !important;
    width: 100%;
  }
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .panel .image_container .image,
.promotionContainer.studentsRegistration .wrapper .contentContainer .panel .image_container .image,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .image_container .image {
  clip-path: none;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100% !important;
  height: 100% !important;
}
@media only screen and (max-width: 600px) {
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel .image_container .image,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel .image_container .image,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .image_container .image {
    border-radius: 8px 8px 0 0 !important;
  }
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .panel .second_section,
.promotionContainer.studentsRegistration .wrapper .contentContainer .panel .second_section,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .second_section {
  margin: 0 11px;
  width: 60%;
}
@media only screen and (max-width: 600px) {
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel .second_section,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel .second_section,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .second_section {
    width: 100%;
    margin: 40px 30px;
    padding: 0 24px;
  }
}
@media only screen and (max-width: 600px) {
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel .second_section .text_panel,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel .second_section .text_panel,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .second_section .text_panel {
    padding: 0;
  }
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .panel .second_section .text_panel a,
.promotionContainer.studentsRegistration .wrapper .contentContainer .panel .second_section .text_panel a,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .second_section .text_panel a {
  font-weight: 400;
  color: #007D4A;
  text-decoration: underline;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .panel .second_section .text_panel a:hover,
.promotionContainer.studentsRegistration .wrapper .contentContainer .panel .second_section .text_panel a:hover,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .second_section .text_panel a:hover {
  text-decoration: none;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .panel .second_section .download-app-wrapper,
.promotionContainer.studentsRegistration .wrapper .contentContainer .panel .second_section .download-app-wrapper,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .second_section .download-app-wrapper {
  text-align: center;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .panel .second_section .download-app-wrapper .btn,
.promotionContainer.studentsRegistration .wrapper .contentContainer .panel .second_section .download-app-wrapper .btn,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .second_section .download-app-wrapper .btn {
  background-color: #2D5D2A;
  border-color: #2D5D2A;
  font-size: 1.375rem;
  line-height: 100%;
  padding: 1rem;
  min-height: 3.5rem;
  min-width: 14.25rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  margin-top: 1.125rem;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .panel .second_section .download-app-wrapper .btn:hover,
.promotionContainer.studentsRegistration .wrapper .contentContainer .panel .second_section .download-app-wrapper .btn:hover,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .panel .second_section .download-app-wrapper .btn:hover {
  color: #2D5D2A;
  background-color: white;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .panel.accessEmails,
.promotionContainer.studentsRegistration .wrapper .contentContainer .panel.accessEmails,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .panel.accessEmails {
  display: none;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 86px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 17px;
}
@media only screen and (max-width: 820px) {
  .promotionContainer.studentsPromotion .wrapper .contentContainer .form_section,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .form_section,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .leftSide,
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .leftSide,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .leftSide,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide {
  width: 50%;
  min-height: 417px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 8px;
  padding: 48px 52px 48px 41px;
}
@media only screen and (max-width: 820px) {
  .promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .leftSide,
  .promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .leftSide,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .leftSide,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
  }
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide {
  padding: 23px 20px;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .detailsBoxTop,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .detailsBoxTop,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .detailsBoxTop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .detailsBoxTop > span,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .detailsBoxTop > span,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .detailsBoxTop > span {
  font-weight: bold;
  font-size: 15px;
  line-height: 120%;
  color: rgba(0, 0, 0, 0.51);
  text-align: center;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .detailsBoxTop #getSignUpCode,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .detailsBoxTop #getSignUpCode,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .detailsBoxTop #getSignUpCode {
  color: #2D5D2A;
  font-weight: bold;
  cursor: pointer;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .detailsBoxTop .mForm,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .detailsBoxTop .mForm,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .detailsBoxTop .mForm {
  margin: 0;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .detailsBoxTop .mForm input,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .detailsBoxTop .mForm input,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .detailsBoxTop .mForm input {
  border: 1px solid #707070;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .detailsBoxTop .mForm label,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .detailsBoxTop .mForm label,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .detailsBoxTop .mForm label {
  color: rgba(0, 0, 0, 0.5137254902);
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide input.hasC ~ label,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide input.hasC ~ label,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide input.hasC ~ label {
  top: -10px;
  font-size: 12px;
  color: #1c1c1c;
  background-color: #fff;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide input.valid,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide input.valid,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide input.valid {
  border-color: #007d4a !important;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide input.valid ~ label,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide input.valid ~ label,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide input.valid ~ label {
  color: #007d4a;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide input.invalid,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide input.invalid,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide input.invalid {
  border-color: #e42313 !important;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide input.invalid ~ label,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide input.invalid ~ label,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide input.invalid ~ label {
  color: #e42313;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide input.valid ~ span.validator,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide input.valid ~ span.validator,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide input.valid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  width: 18px;
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_valid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide input.invalid,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide input.invalid,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide input.invalid {
  border-color: red !important;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide input.invalid ~ span.validator,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide input.invalid ~ span.validator,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide input.invalid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  width: 18px;
  font-family: "Font Awesome 5 Pro";
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_invalid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide input[type=text],
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide input[type=text],
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide input[type=text] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #707070;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox8,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox8,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox8 {
  width: 100%;
  height: 56px;
  border-radius: 5px;
  border: none;
  background-color: #FF0000;
  cursor: pointer;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox8 .btnconfirm,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox8 .btnconfirm,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox8 .btnconfirm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 22px;
  line-height: 27px;
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 {
  margin: 12px 0 10px 0;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7 p,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7 p,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 p {
  padding-top: 17px;
  margin-left: 30px;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 {
  display: inline-block;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper p,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper p,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper p {
  color: rgba(0, 0, 0, 0.5137254902);
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  letter-spacing: 0;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .terms-link,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .terms-link,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .terms-link {
  text-decoration: underline;
  letter-spacing: 0px;
  font-size: 15px;
  line-height: 18px;
  font-weight: bold;
  color: #2D5D2A;
  cursor: pointer;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 52px;
  width: 52px;
  background-color: #f8f8f8;
  border: 1px solid #707070;
  border-radius: 5px;
  cursor: pointer;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 52px;
  height: 52px;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark:after,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark:after,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .checkmark:after,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .checkmark:after,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .checkmark:after {
  left: 22px;
  top: 28%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .rightSide .form_error,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .rightSide .form_error,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .rightSide .form_error {
  margin-bottom: 10px;
  color: red;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .title_form,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .title_form,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .title_form {
  text-align: left;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.promotionContainer.studentsPromotion .wrapper .contentContainer .form_section .text_form,
.promotionContainer.studentsRegistration .wrapper .contentContainer .form_section .text_form,
.promotionContainer.studentsConfirmation .wrapper .contentContainer .form_section .text_form {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
@media only screen and (max-width: 425px) {
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel.mobile,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel.mobile,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel.mobile {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel.mobile .second_section.mobile,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel.mobile .second_section.mobile,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel.mobile .second_section.mobile {
    width: 100%;
    margin: 31px 11px 17px 11px;
    padding: 25px !important;
    padding-top: 315px !important;
  }
  .promotionContainer.studentsPromotion .wrapper .contentContainer .panel.mobile .float.left_image.mobile,
  .promotionContainer.studentsRegistration .wrapper .contentContainer .panel.mobile .float.left_image.mobile,
  .promotionContainer.studentsConfirmation .wrapper .contentContainer .panel.mobile .float.left_image.mobile {
    position: absolute;
    top: -35px;
    display: block !important;
    width: 100%;
  }
}
.promotionContainer.studentsPromotion .resendText,
.promotionContainer.studentsRegistration .resendText,
.promotionContainer.studentsConfirmation .resendText {
  margin-top: 20px;
  text-align: center;
}
.promotionContainer.studentsPromotion .resendText span,
.promotionContainer.studentsRegistration .resendText span,
.promotionContainer.studentsConfirmation .resendText span {
  text-decoration: underline;
  cursor: pointer;
}

@media screen and (min-width: 601px) {
  body.hasStudentSignUpCode .promotionContainer.studentsConfirmation .contentContainer .panel.powerInPocket {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
}
@media screen and (min-width: 601px) {
  body.hasStudentSignUpCode .promotionContainer.studentsConfirmation .contentContainer .panel.powerInPocket .image {
    border-radius: 0 8px 8px 0 !important;
  }
}
body.hasStudentSignUpCode .promotionContainer.studentsConfirmation .contentContainer .panel.accessEmails {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.promotionContainer.studentsConfirmation .centerBox_promotion_mobile.studentsConfirmation .resendText {
  padding-bottom: 37px;
}

.promotionContainer.studentsConfirmation #studentConfirmFinal .centerBox_promotion.studentsConfirmation, .promotionContainer.studentsPromotion .wrapper .promotionContainer.studentsConfirmation #studentConfirmFinal .studentsConfirmation.centerBox_promotion__solid-background,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.studentsConfirmation #studentConfirmFinal .studentsConfirmation.centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation #studentConfirmFinal .wrapper .studentsConfirmation.centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation .wrapper #studentConfirmFinal .studentsConfirmation.centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation #studentConfirmFinal .centerBox_promotion_mobile.studentsConfirmation {
  background-color: #ffffff !important;
}

.promotionContainer.studentsConfirmation #studentConfirmFinal .centerBox_promotion .title_banner_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.studentsConfirmation #studentConfirmFinal .centerBox_promotion__solid-background .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.studentsConfirmation #studentConfirmFinal .centerBox_promotion__solid-background .title_banner_promotion,
.promotionContainer.studentsConfirmation #studentConfirmFinal .wrapper .centerBox_promotion__solid-background .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper #studentConfirmFinal .centerBox_promotion__solid-background .title_banner_promotion,
.promotionContainer.studentsConfirmation #studentConfirmFinal .centerBox_promotion_mobile .title_banner_promotion {
  color: #000000;
}

.promotionContainer.studentsConfirmation #studentConfirmFinal .centerBox_promotion .text_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.studentsConfirmation #studentConfirmFinal .centerBox_promotion__solid-background .text_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.studentsConfirmation #studentConfirmFinal .centerBox_promotion__solid-background .text_promotion,
.promotionContainer.studentsConfirmation #studentConfirmFinal .wrapper .centerBox_promotion__solid-background .text_promotion,
.promotionContainer.studentsConfirmation .wrapper #studentConfirmFinal .centerBox_promotion__solid-background .text_promotion,
.promotionContainer.studentsConfirmation #studentConfirmFinal .centerBox_promotion_mobile .text_promotion {
  font-weight: unset !important;
}

.page404Container .headerContainer {
  position: relative;
  z-index: 2;
  background: url("../images/postcodebox/homeBGDesk.png");
  background-position: center top;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: contain;
  min-height: 170px;
}
.page404Container .headerContainer header {
  background: transparent;
}
.page404Container .headerContainer header .logoCont,
.page404Container .headerContainer header .rSide {
  background-color: transparent;
}
.page404Container .headerContainer header .logoCont img,
.page404Container .headerContainer header .rSide img {
  background-color: transparent;
}
@media only screen and (max-width: 768px) {
  .page404Container .headerContainer {
    background-size: 1920px auto;
    min-height: 115px;
  }
}
.page404Container .contentContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 24px;
  height: 77vh;
}
@media only screen and (max-width: 768px) {
  .page404Container .contentContainer {
    gap: 16px;
  }
}
.page404Container .contentContainer .numberContainer {
  position: relative;
}
.page404Container .contentContainer .numberContainer svg {
  width: 205px;
  height: 315px;
}
@media only screen and (max-width: 768px) {
  .page404Container .contentContainer .numberContainer svg {
    width: 85px;
    height: 134px;
  }
}
.page404Container .contentContainer .numberContainer .image {
  position: absolute;
  top: 6%;
  left: 27%;
}
.page404Container .contentContainer .numberContainer .image img {
  width: 214.129px;
  height: 261.54px;
}
@media only screen and (max-width: 768px) {
  .page404Container .contentContainer .numberContainer .image img {
    width: 90.286px;
    height: 110.108px;
  }
}
.page404Container .contentContainer .numberContainer .movingTextDesktop {
  position: absolute;
  top: 50%;
  left: 40%;
  text-transform: uppercase;
  display: block;
  text-align: center;
  color: #000;
  font-size: 16.672px;
  font-weight: 700;
  line-height: 18.756px;
}
@media only screen and (max-width: 768px) {
  .page404Container .contentContainer .numberContainer .movingTextDesktop {
    display: none;
  }
}
@media only screen and (max-width: 768px) {
  .page404Container .contentContainer .textContainer {
    width: 270px;
    text-align: center;
  }
}
.page404Container .contentContainer .textContainer .movingTextMobile {
  display: none;
}
@media only screen and (max-width: 768px) {
  .page404Container .contentContainer .textContainer .movingTextMobile {
    display: block;
    color: #000;
    text-align: center;
    font-size: 16.672px;
    font-weight: 700;
    line-height: 18.756px;
    text-transform: uppercase;
  }
}
.page404Container .contentContainer .textContainer .mainText {
  font-size: 20px;
  color: #000;
}
@media only screen and (max-width: 768px) {
  .page404Container .contentContainer .textContainer .mainText {
    font-size: 17.776px;
  }
}
.page404Container .contentContainer .btn {
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 210px;
  height: 40px;
  padding: 11px 8px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  color: #FFF;
  font-size: 18px;
}
.page404Container .contentContainer .btn:hover {
  background-color: #007d4a;
}

.promotionContainer.shaqARoni {
  background-image: url("/static/assets/landing-pages/shaq/lp-festive-bg.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.promotionContainer.shaqARoni .centerBox_promotion_mobile {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  width: 335px;
  height: auto;
  display: none;
  margin: 40px auto 10px auto;
  background-image: url("/static/assets/landing-pages/shaq/lp-bg-mobile.png");
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  opacity: 1;
  position: relative;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  border-radius: 8px;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.shaqARoni .centerBox_promotion_mobile {
    display: block;
  }
}
.promotionContainer.shaqARoni .centerBox_promotion_mobile .inner_centerBox_promotion {
  width: 100%;
  height: 100%;
  position: relative;
}
.promotionContainer.shaqARoni .centerBox_promotion_mobile .inner_centerBox_promotion .title_banner_promotion {
  font: normal normal bold 40px/48px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 40px;
  width: 100%;
  padding: 14px;
  padding-top: 300px;
  text-align: center;
  text-transform: uppercase;
}
.promotionContainer.shaqARoni .centerBox_promotion_mobile .inner_centerBox_promotion .headerImg {
  background: transparent;
  position: absolute;
  top: -50px;
  left: -1px;
  width: 100.5%;
}
.promotionContainer.shaqARoni .centerBox_promotion_mobile .text_promotion {
  text-align: center;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 20px;
  padding: 15px;
}
.promotionContainer.shaqARoni .centerBox_promotion_mobile .buttons_promotion {
  margin-top: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  padding-bottom: 30px;
}
.promotionContainer.shaqARoni .centerBox_promotion_mobile .buttons_promotion .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #FF0000;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 3px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
  width: 179px;
  height: 56px;
  z-index: 1;
}
.promotionContainer.shaqARoni .centerBox_promotion_mobile .promotion_status {
  color: #ffffff;
}
.promotionContainer.shaqARoni .centerBox_promotion, .promotionContainer.shaqARoni .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background,
.promotionContainer.shaqARoni .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background,
.promotionContainer.shaqARoni .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto 10px auto;
  border-radius: 8px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  background-image: url("/static/assets/landing-pages/shaq/lp-bg-desktop.png");
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  opacity: 1;
  position: relative;
  width: 950px;
  height: 491px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.shaqARoni .centerBox_promotion, .promotionContainer.shaqARoni .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background,
  .promotionContainer.shaqARoni .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background,
  .promotionContainer.shaqARoni .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background {
    display: none;
  }
}
.promotionContainer.shaqARoni .centerBox_promotion .inner_centerBox_promotion, .promotionContainer.shaqARoni .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.shaqARoni .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.shaqARoni .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 66px;
  padding-right: 0;
  width: 50%;
  gap: 17px;
}
.promotionContainer.shaqARoni .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.shaqARoni .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.shaqARoni .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.shaqARoni .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion {
  font: normal normal bold 40px/48px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 48px;
  opacity: 1;
  margin-right: auto;
  text-transform: uppercase;
  width: 356px;
  max-width: 100%;
}
.promotionContainer.shaqARoni .centerBox_promotion .inner_centerBox_promotion .text_promotion, .promotionContainer.shaqARoni .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.shaqARoni .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.shaqARoni .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 24px;
}
.promotionContainer.shaqARoni .centerBox_promotion .inner_centerBox_promotion .buttons_promotion, .promotionContainer.shaqARoni .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.shaqARoni .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.shaqARoni .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion {
  margin-top: 20px;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.shaqARoni .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.shaqARoni .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.shaqARoni .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.shaqARoni .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #FF0000;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 3px;
  font-size: 28px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
  width: 179px;
  height: 56px;
  z-index: 1;
}
.promotionContainer.shaqARoni .centerBox_promotion .inner_centerBox_promotion .promotion_status, .promotionContainer.shaqARoni .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status, .promotionContainer.studentsPromotion .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.shaqARoni .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.shaqARoni .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status {
  color: #ffffff;
}
.promotionContainer.shaqARoni .centerBox_promotion .headerImg, .promotionContainer.shaqARoni .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg, .promotionContainer.studentsPromotion .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .headerImg,
.promotionContainer.shaqARoni .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .headerImg,
.promotionContainer.shaqARoni .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .headerImg {
  background: transparent;
  position: absolute;
  top: -53px;
  right: 0;
  width: 111%;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.shaqARoni .centerBox_promotion .headerImg, .promotionContainer.shaqARoni .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg, .promotionContainer.studentsPromotion .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.shaqARoni .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.shaqARoni .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.shaqARoni .centerBox_promotion__solid-background .headerImg {
    top: -18px;
    left: 194px;
  }
}
.promotionContainer.shaqARoni .contentContainer .image_panels {
  margin: 65px 0 0;
}
.promotionContainer.shaqARoni .contentContainer .panel {
  margin-bottom: 65px !important;
  position: relative;
  border-radius: 8px;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.shaqARoni .contentContainer .panel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .promotionContainer.shaqARoni .contentContainer .panel img {
    width: 100%;
  }
  .promotionContainer.shaqARoni .contentContainer .panel .second_section {
    width: 100%;
    margin: 31px 11px 17px 11px;
  }
}
.promotionContainer.shaqARoni .contentContainer .panel .title_panel {
  text-transform: uppercase;
  padding: 0 40px;
  text-align: left !important;
}
.promotionContainer.shaqARoni .contentContainer .panel .text_panel {
  text-align: left !important;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.shaqARoni .contentContainer .panel.direction_mobile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.shaqARoni .contentContainer .panel .float.right_image {
  position: absolute;
  width: 41.5%;
  top: -65px;
  right: 0px;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.shaqARoni .contentContainer .panel .float.right_image {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.shaqARoni .contentContainer .panel .float.right_image.mobile {
    display: block !important;
  }
}
.promotionContainer.shaqARoni .contentContainer .panel .right_image {
  clip-path: none;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.shaqARoni .contentContainer .panel .right_image {
    display: none;
  }
}
.promotionContainer.shaqARoni .contentContainer .panel .left_image {
  clip-path: none;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.shaqARoni .contentContainer .panel .left_image {
    display: none;
  }
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.shaqARoni .contentContainer .panel .left_image_mobile {
    display: block !important;
  }
}
.promotionContainer.shaqARoni .contentContainer .panel .second_section {
  padding: 25px !important;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.shaqARoni .contentContainer .panel.mobile {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    position: relative;
  }
  .promotionContainer.shaqARoni .contentContainer .panel.mobile .second_section.mobile {
    width: 100%;
    margin: 31px 11px 17px 11px;
    padding: 25px !important;
    padding-top: 315px !important;
  }
  .promotionContainer.shaqARoni .contentContainer .panel.mobile .float.left_image.mobile {
    position: absolute;
    top: -35px;
    display: block !important;
    width: 100%;
  }
}
.promotionContainer.shaqARoni .contentContainer .tm_panel {
  font-size: 20px;
  width: 950px;
  max-width: 100%;
  margin: 0 auto 273px;
}
@media only screen and (max-width: 1000px) {
  .promotionContainer.shaqARoni .contentContainer .tm_panel {
    width: 335px;
    height: 100%;
  }
}

.veganPage,
.wheatFreePage,
.vegetarianPage,
.menuPage,
.pizzasPage,
.sidesPage,
.drinksPage,
.dessertsPage,
.lunchPage,
.ltoPage,
.ingredientsPage,
.aboutUsPage,
.nutritionPage {
  scroll-behavior: smooth;
  overflow: hidden;
}
.veganPage .greenPatternBackground,
.wheatFreePage .greenPatternBackground,
.vegetarianPage .greenPatternBackground,
.menuPage .greenPatternBackground,
.pizzasPage .greenPatternBackground,
.sidesPage .greenPatternBackground,
.drinksPage .greenPatternBackground,
.dessertsPage .greenPatternBackground,
.lunchPage .greenPatternBackground,
.ltoPage .greenPatternBackground,
.ingredientsPage .greenPatternBackground,
.aboutUsPage .greenPatternBackground,
.nutritionPage .greenPatternBackground {
  background-color: #404040;
  position: relative;
}
.veganPage .greenPatternBackground::before,
.wheatFreePage .greenPatternBackground::before,
.vegetarianPage .greenPatternBackground::before,
.menuPage .greenPatternBackground::before,
.pizzasPage .greenPatternBackground::before,
.sidesPage .greenPatternBackground::before,
.drinksPage .greenPatternBackground::before,
.dessertsPage .greenPatternBackground::before,
.lunchPage .greenPatternBackground::before,
.ltoPage .greenPatternBackground::before,
.ingredientsPage .greenPatternBackground::before,
.aboutUsPage .greenPatternBackground::before,
.nutritionPage .greenPatternBackground::before {
  content: "";
  background-image: url("/texture-green-background.jpeg");
  background-size: 100% 600%;
  background-position: 50%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.9;
  z-index: 2;
}
.veganPage .greenPatternBackground::after,
.wheatFreePage .greenPatternBackground::after,
.vegetarianPage .greenPatternBackground::after,
.menuPage .greenPatternBackground::after,
.pizzasPage .greenPatternBackground::after,
.sidesPage .greenPatternBackground::after,
.drinksPage .greenPatternBackground::after,
.dessertsPage .greenPatternBackground::after,
.lunchPage .greenPatternBackground::after,
.ltoPage .greenPatternBackground::after,
.ingredientsPage .greenPatternBackground::after,
.aboutUsPage .greenPatternBackground::after,
.nutritionPage .greenPatternBackground::after {
  content: "";
  background-image: url("/pattern.png");
  background-size: 22.75rem 22.75rem;
  background-position: center;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  z-index: 1;
}
.veganPage .greenPatternBackground header,
.wheatFreePage .greenPatternBackground header,
.vegetarianPage .greenPatternBackground header,
.menuPage .greenPatternBackground header,
.pizzasPage .greenPatternBackground header,
.sidesPage .greenPatternBackground header,
.drinksPage .greenPatternBackground header,
.dessertsPage .greenPatternBackground header,
.lunchPage .greenPatternBackground header,
.ltoPage .greenPatternBackground header,
.ingredientsPage .greenPatternBackground header,
.aboutUsPage .greenPatternBackground header,
.nutritionPage .greenPatternBackground header {
  position: relative;
  z-index: 3;
}
.veganPage .greenPatternBackground #bell,
.wheatFreePage .greenPatternBackground #bell,
.vegetarianPage .greenPatternBackground #bell,
.menuPage .greenPatternBackground #bell,
.pizzasPage .greenPatternBackground #bell,
.sidesPage .greenPatternBackground #bell,
.drinksPage .greenPatternBackground #bell,
.dessertsPage .greenPatternBackground #bell,
.lunchPage .greenPatternBackground #bell,
.ltoPage .greenPatternBackground #bell,
.ingredientsPage .greenPatternBackground #bell,
.aboutUsPage .greenPatternBackground #bell,
.nutritionPage .greenPatternBackground #bell {
  border-radius: 1.25rem;
  background: #fff;
  width: 3.125rem;
  height: 2.125rem;
}
.veganPage .brownBackground,
.wheatFreePage .brownBackground,
.vegetarianPage .brownBackground,
.menuPage .brownBackground,
.pizzasPage .brownBackground,
.sidesPage .brownBackground,
.drinksPage .brownBackground,
.dessertsPage .brownBackground,
.lunchPage .brownBackground,
.ltoPage .brownBackground,
.ingredientsPage .brownBackground,
.aboutUsPage .brownBackground,
.nutritionPage .brownBackground {
  background-color: #f5e8dc;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.veganPage .grayBackground,
.wheatFreePage .grayBackground,
.vegetarianPage .grayBackground,
.menuPage .grayBackground,
.pizzasPage .grayBackground,
.sidesPage .grayBackground,
.drinksPage .grayBackground,
.dessertsPage .grayBackground,
.lunchPage .grayBackground,
.ltoPage .grayBackground,
.ingredientsPage .grayBackground,
.aboutUsPage .grayBackground,
.nutritionPage .grayBackground {
  background-color: #f4f4f4;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.veganPage .grayPatternBackground,
.wheatFreePage .grayPatternBackground,
.vegetarianPage .grayPatternBackground,
.menuPage .grayPatternBackground,
.pizzasPage .grayPatternBackground,
.sidesPage .grayPatternBackground,
.drinksPage .grayPatternBackground,
.dessertsPage .grayPatternBackground,
.lunchPage .grayPatternBackground,
.ltoPage .grayPatternBackground,
.ingredientsPage .grayPatternBackground,
.aboutUsPage .grayPatternBackground,
.nutritionPage .grayPatternBackground {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.veganPage .grayPatternBackground::before,
.wheatFreePage .grayPatternBackground::before,
.vegetarianPage .grayPatternBackground::before,
.menuPage .grayPatternBackground::before,
.pizzasPage .grayPatternBackground::before,
.sidesPage .grayPatternBackground::before,
.drinksPage .grayPatternBackground::before,
.dessertsPage .grayPatternBackground::before,
.lunchPage .grayPatternBackground::before,
.ltoPage .grayPatternBackground::before,
.ingredientsPage .grayPatternBackground::before,
.aboutUsPage .grayPatternBackground::before,
.nutritionPage .grayPatternBackground::before {
  content: "";
  background-color: #f4f4f4;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
  z-index: 1;
}
.veganPage .grayPatternBackground::after,
.wheatFreePage .grayPatternBackground::after,
.vegetarianPage .grayPatternBackground::after,
.menuPage .grayPatternBackground::after,
.pizzasPage .grayPatternBackground::after,
.sidesPage .grayPatternBackground::after,
.drinksPage .grayPatternBackground::after,
.dessertsPage .grayPatternBackground::after,
.lunchPage .grayPatternBackground::after,
.ltoPage .grayPatternBackground::after,
.ingredientsPage .grayPatternBackground::after,
.aboutUsPage .grayPatternBackground::after,
.nutritionPage .grayPatternBackground::after {
  content: "";
  background-image: url("/pattern.png");
  background-size: 22.75rem 22.75rem;
  background-position: center;
  background-repeat: repeat;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.2;
  z-index: 2;
}
.veganPage__header,
.wheatFreePage__header,
.vegetarianPage__header,
.menuPage__header,
.pizzasPage__header,
.sidesPage__header,
.drinksPage__header,
.dessertsPage__header,
.lunchPage__header,
.ltoPage__header,
.ingredientsPage__header,
.aboutUsPage__header,
.nutritionPage__header {
  position: relative;
  z-index: 3;
  width: 100%;
  padding-bottom: 1.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.4375rem;
}
.veganPage__header .menuLogo,
.wheatFreePage__header .menuLogo,
.vegetarianPage__header .menuLogo,
.menuPage__header .menuLogo,
.pizzasPage__header .menuLogo,
.sidesPage__header .menuLogo,
.drinksPage__header .menuLogo,
.dessertsPage__header .menuLogo,
.lunchPage__header .menuLogo,
.ltoPage__header .menuLogo,
.ingredientsPage__header .menuLogo,
.aboutUsPage__header .menuLogo,
.nutritionPage__header .menuLogo {
  max-width: 90%;
  width: 100%;
}
.veganPage__header .potatoTotsImage,
.wheatFreePage__header .potatoTotsImage,
.vegetarianPage__header .potatoTotsImage,
.menuPage__header .potatoTotsImage,
.pizzasPage__header .potatoTotsImage,
.sidesPage__header .potatoTotsImage,
.drinksPage__header .potatoTotsImage,
.dessertsPage__header .potatoTotsImage,
.lunchPage__header .potatoTotsImage,
.ltoPage__header .potatoTotsImage,
.ingredientsPage__header .potatoTotsImage,
.aboutUsPage__header .potatoTotsImage,
.nutritionPage__header .potatoTotsImage {
  position: absolute;
  top: -2.5rem;
  left: -12.6875rem;
}
.veganPage__header .pizzaImage,
.wheatFreePage__header .pizzaImage,
.vegetarianPage__header .pizzaImage,
.menuPage__header .pizzaImage,
.pizzasPage__header .pizzaImage,
.sidesPage__header .pizzaImage,
.drinksPage__header .pizzaImage,
.dessertsPage__header .pizzaImage,
.lunchPage__header .pizzaImage,
.ltoPage__header .pizzaImage,
.ingredientsPage__header .pizzaImage,
.aboutUsPage__header .pizzaImage,
.nutritionPage__header .pizzaImage {
  position: absolute;
  top: -3.125rem;
  right: -17.5rem;
}
.veganPage__header .gardenPartyPizzaImage,
.wheatFreePage__header .gardenPartyPizzaImage,
.vegetarianPage__header .gardenPartyPizzaImage,
.menuPage__header .gardenPartyPizzaImage,
.pizzasPage__header .gardenPartyPizzaImage,
.sidesPage__header .gardenPartyPizzaImage,
.drinksPage__header .gardenPartyPizzaImage,
.dessertsPage__header .gardenPartyPizzaImage,
.lunchPage__header .gardenPartyPizzaImage,
.ltoPage__header .gardenPartyPizzaImage,
.ingredientsPage__header .gardenPartyPizzaImage,
.aboutUsPage__header .gardenPartyPizzaImage,
.nutritionPage__header .gardenPartyPizzaImage {
  position: absolute;
  top: -13.5rem;
  left: -15.6875rem;
}
.veganPage__header .textContainer,
.wheatFreePage__header .textContainer,
.vegetarianPage__header .textContainer,
.menuPage__header .textContainer,
.pizzasPage__header .textContainer,
.sidesPage__header .textContainer,
.drinksPage__header .textContainer,
.dessertsPage__header .textContainer,
.lunchPage__header .textContainer,
.ltoPage__header .textContainer,
.ingredientsPage__header .textContainer,
.aboutUsPage__header .textContainer,
.nutritionPage__header .textContainer {
  position: relative;
  max-width: 38.25rem;
}
.veganPage__header .textContainer p,
.wheatFreePage__header .textContainer p,
.vegetarianPage__header .textContainer p,
.menuPage__header .textContainer p,
.pizzasPage__header .textContainer p,
.sidesPage__header .textContainer p,
.drinksPage__header .textContainer p,
.dessertsPage__header .textContainer p,
.lunchPage__header .textContainer p,
.ltoPage__header .textContainer p,
.ingredientsPage__header .textContainer p,
.aboutUsPage__header .textContainer p,
.nutritionPage__header .textContainer p {
  color: white;
  text-align: center;
  font-weight: 400;
  font-size: 1.25rem;
  line-height: 1.875rem;
}
.veganPage__header .textContainer a,
.wheatFreePage__header .textContainer a,
.vegetarianPage__header .textContainer a,
.menuPage__header .textContainer a,
.pizzasPage__header .textContainer a,
.sidesPage__header .textContainer a,
.drinksPage__header .textContainer a,
.dessertsPage__header .textContainer a,
.lunchPage__header .textContainer a,
.ltoPage__header .textContainer a,
.ingredientsPage__header .textContainer a,
.aboutUsPage__header .textContainer a,
.nutritionPage__header .textContainer a {
  color: #ffcf6e;
}
@media only screen and (max-width: 49.9375rem) {
  .veganPage__header .textContainer.wideMobile,
  .wheatFreePage__header .textContainer.wideMobile,
  .vegetarianPage__header .textContainer.wideMobile,
  .menuPage__header .textContainer.wideMobile,
  .pizzasPage__header .textContainer.wideMobile,
  .sidesPage__header .textContainer.wideMobile,
  .drinksPage__header .textContainer.wideMobile,
  .dessertsPage__header .textContainer.wideMobile,
  .lunchPage__header .textContainer.wideMobile,
  .ltoPage__header .textContainer.wideMobile,
  .ingredientsPage__header .textContainer.wideMobile,
  .aboutUsPage__header .textContainer.wideMobile,
  .nutritionPage__header .textContainer.wideMobile {
    max-width: 49.0625rem;
    padding: 0 2.5rem;
  }
}
@media only screen and (max-width: 48rem) {
  .veganPage__header .textContainer,
  .wheatFreePage__header .textContainer,
  .vegetarianPage__header .textContainer,
  .menuPage__header .textContainer,
  .pizzasPage__header .textContainer,
  .sidesPage__header .textContainer,
  .drinksPage__header .textContainer,
  .dessertsPage__header .textContainer,
  .lunchPage__header .textContainer,
  .ltoPage__header .textContainer,
  .ingredientsPage__header .textContainer,
  .aboutUsPage__header .textContainer,
  .nutritionPage__header .textContainer {
    padding: 0 2.5rem;
  }
}
@media only screen and (max-width: 48rem) {
  .veganPage__header,
  .wheatFreePage__header,
  .vegetarianPage__header,
  .menuPage__header,
  .pizzasPage__header,
  .sidesPage__header,
  .drinksPage__header,
  .dessertsPage__header,
  .lunchPage__header,
  .ltoPage__header,
  .ingredientsPage__header,
  .aboutUsPage__header,
  .nutritionPage__header {
    padding: 1.25rem 0 2.375rem 0;
  }
}
.veganPage__mainContainer,
.wheatFreePage__mainContainer,
.vegetarianPage__mainContainer,
.menuPage__mainContainer,
.pizzasPage__mainContainer,
.sidesPage__mainContainer,
.drinksPage__mainContainer,
.dessertsPage__mainContainer,
.lunchPage__mainContainer,
.ltoPage__mainContainer,
.ingredientsPage__mainContainer,
.aboutUsPage__mainContainer,
.nutritionPage__mainContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.5rem 0 4rem 0;
}
.veganPage__mainContainer__mainSectionTitle,
.wheatFreePage__mainContainer__mainSectionTitle,
.vegetarianPage__mainContainer__mainSectionTitle,
.menuPage__mainContainer__mainSectionTitle,
.pizzasPage__mainContainer__mainSectionTitle,
.sidesPage__mainContainer__mainSectionTitle,
.drinksPage__mainContainer__mainSectionTitle,
.dessertsPage__mainContainer__mainSectionTitle,
.lunchPage__mainContainer__mainSectionTitle,
.ltoPage__mainContainer__mainSectionTitle,
.ingredientsPage__mainContainer__mainSectionTitle,
.aboutUsPage__mainContainer__mainSectionTitle,
.nutritionPage__mainContainer__mainSectionTitle {
  font-weight: 700;
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  color: #007d4a;
  margin-bottom: 0;
  text-transform: uppercase;
}
.veganPage__mainContainer__mainSectionSubTitle,
.wheatFreePage__mainContainer__mainSectionSubTitle,
.vegetarianPage__mainContainer__mainSectionSubTitle,
.menuPage__mainContainer__mainSectionSubTitle,
.pizzasPage__mainContainer__mainSectionSubTitle,
.sidesPage__mainContainer__mainSectionSubTitle,
.drinksPage__mainContainer__mainSectionSubTitle,
.dessertsPage__mainContainer__mainSectionSubTitle,
.lunchPage__mainContainer__mainSectionSubTitle,
.ltoPage__mainContainer__mainSectionSubTitle,
.ingredientsPage__mainContainer__mainSectionSubTitle,
.aboutUsPage__mainContainer__mainSectionSubTitle,
.nutritionPage__mainContainer__mainSectionSubTitle {
  max-width: 65rem;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0.625rem;
  margin-bottom: 0;
  color: #1c1c1c;
}
.veganPage__mainContainer__divider,
.wheatFreePage__mainContainer__divider,
.vegetarianPage__mainContainer__divider,
.menuPage__mainContainer__divider,
.pizzasPage__mainContainer__divider,
.sidesPage__mainContainer__divider,
.drinksPage__mainContainer__divider,
.dessertsPage__mainContainer__divider,
.lunchPage__mainContainer__divider,
.ltoPage__mainContainer__divider,
.ingredientsPage__mainContainer__divider,
.aboutUsPage__mainContainer__divider,
.nutritionPage__mainContainer__divider {
  width: 100%;
  height: 0.0625rem;
  background-color: rgb(0, 122, 83);
}
.veganPage__mainContainer__productListingSection,
.wheatFreePage__mainContainer__productListingSection,
.vegetarianPage__mainContainer__productListingSection,
.menuPage__mainContainer__productListingSection,
.pizzasPage__mainContainer__productListingSection,
.sidesPage__mainContainer__productListingSection,
.drinksPage__mainContainer__productListingSection,
.dessertsPage__mainContainer__productListingSection,
.lunchPage__mainContainer__productListingSection,
.ltoPage__mainContainer__productListingSection,
.ingredientsPage__mainContainer__productListingSection,
.aboutUsPage__mainContainer__productListingSection,
.nutritionPage__mainContainer__productListingSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 1.25rem;
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__productListingSection,
  .wheatFreePage__mainContainer__productListingSection,
  .vegetarianPage__mainContainer__productListingSection,
  .menuPage__mainContainer__productListingSection,
  .pizzasPage__mainContainer__productListingSection,
  .sidesPage__mainContainer__productListingSection,
  .drinksPage__mainContainer__productListingSection,
  .dessertsPage__mainContainer__productListingSection,
  .lunchPage__mainContainer__productListingSection,
  .ltoPage__mainContainer__productListingSection,
  .ingredientsPage__mainContainer__productListingSection,
  .aboutUsPage__mainContainer__productListingSection,
  .nutritionPage__mainContainer__productListingSection {
    margin: 0 2.5rem;
  }
}
@media only screen and (max-width: 48rem) {
  .veganPage__mainContainer__productListingSection .textSection.smallContainer,
  .wheatFreePage__mainContainer__productListingSection .textSection.smallContainer,
  .vegetarianPage__mainContainer__productListingSection .textSection.smallContainer,
  .menuPage__mainContainer__productListingSection .textSection.smallContainer,
  .pizzasPage__mainContainer__productListingSection .textSection.smallContainer,
  .sidesPage__mainContainer__productListingSection .textSection.smallContainer,
  .drinksPage__mainContainer__productListingSection .textSection.smallContainer,
  .dessertsPage__mainContainer__productListingSection .textSection.smallContainer,
  .lunchPage__mainContainer__productListingSection .textSection.smallContainer,
  .ltoPage__mainContainer__productListingSection .textSection.smallContainer,
  .ingredientsPage__mainContainer__productListingSection .textSection.smallContainer,
  .aboutUsPage__mainContainer__productListingSection .textSection.smallContainer,
  .nutritionPage__mainContainer__productListingSection .textSection.smallContainer {
    max-width: 25rem;
  }
}
.veganPage__mainContainer__productListingSection .productListing,
.wheatFreePage__mainContainer__productListingSection .productListing,
.vegetarianPage__mainContainer__productListingSection .productListing,
.menuPage__mainContainer__productListingSection .productListing,
.pizzasPage__mainContainer__productListingSection .productListing,
.sidesPage__mainContainer__productListingSection .productListing,
.drinksPage__mainContainer__productListingSection .productListing,
.dessertsPage__mainContainer__productListingSection .productListing,
.lunchPage__mainContainer__productListingSection .productListing,
.ltoPage__mainContainer__productListingSection .productListing,
.ingredientsPage__mainContainer__productListingSection .productListing,
.aboutUsPage__mainContainer__productListingSection .productListing,
.nutritionPage__mainContainer__productListingSection .productListing {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  gap: 1.875rem 2.5rem;
  margin: 2.5rem 0;
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__productListingSection .productListing,
  .wheatFreePage__mainContainer__productListingSection .productListing,
  .vegetarianPage__mainContainer__productListingSection .productListing,
  .menuPage__mainContainer__productListingSection .productListing,
  .pizzasPage__mainContainer__productListingSection .productListing,
  .sidesPage__mainContainer__productListingSection .productListing,
  .drinksPage__mainContainer__productListingSection .productListing,
  .dessertsPage__mainContainer__productListingSection .productListing,
  .lunchPage__mainContainer__productListingSection .productListing,
  .ltoPage__mainContainer__productListingSection .productListing,
  .ingredientsPage__mainContainer__productListingSection .productListing,
  .aboutUsPage__mainContainer__productListingSection .productListing,
  .nutritionPage__mainContainer__productListingSection .productListing {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 1.875rem 0 2.5rem 0;
  }
}
.veganPage__mainContainer__productListingSection .productListing__leftSide,
.wheatFreePage__mainContainer__productListingSection .productListing__leftSide,
.vegetarianPage__mainContainer__productListingSection .productListing__leftSide,
.menuPage__mainContainer__productListingSection .productListing__leftSide,
.pizzasPage__mainContainer__productListingSection .productListing__leftSide,
.sidesPage__mainContainer__productListingSection .productListing__leftSide,
.drinksPage__mainContainer__productListingSection .productListing__leftSide,
.dessertsPage__mainContainer__productListingSection .productListing__leftSide,
.lunchPage__mainContainer__productListingSection .productListing__leftSide,
.ltoPage__mainContainer__productListingSection .productListing__leftSide,
.ingredientsPage__mainContainer__productListingSection .productListing__leftSide,
.aboutUsPage__mainContainer__productListingSection .productListing__leftSide,
.nutritionPage__mainContainer__productListingSection .productListing__leftSide {
  width: 14.25rem;
}
.veganPage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover,
.wheatFreePage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover,
.vegetarianPage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover,
.menuPage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover,
.pizzasPage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover,
.sidesPage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover,
.drinksPage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover,
.dessertsPage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover,
.lunchPage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover,
.ltoPage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover,
.ingredientsPage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover,
.aboutUsPage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover,
.nutritionPage__mainContainer__productListingSection .productListing__leftSide .productListing__card:hover {
  cursor: default;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.veganPage__mainContainer__productListingSection .productListing__leftSide__card,
.wheatFreePage__mainContainer__productListingSection .productListing__leftSide__card,
.vegetarianPage__mainContainer__productListingSection .productListing__leftSide__card,
.menuPage__mainContainer__productListingSection .productListing__leftSide__card,
.pizzasPage__mainContainer__productListingSection .productListing__leftSide__card,
.sidesPage__mainContainer__productListingSection .productListing__leftSide__card,
.drinksPage__mainContainer__productListingSection .productListing__leftSide__card,
.dessertsPage__mainContainer__productListingSection .productListing__leftSide__card,
.lunchPage__mainContainer__productListingSection .productListing__leftSide__card,
.ltoPage__mainContainer__productListingSection .productListing__leftSide__card,
.ingredientsPage__mainContainer__productListingSection .productListing__leftSide__card,
.aboutUsPage__mainContainer__productListingSection .productListing__leftSide__card,
.nutritionPage__mainContainer__productListingSection .productListing__leftSide__card {
  border-radius: 0.3125rem;
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__productListingSection .productListing__leftSide,
  .wheatFreePage__mainContainer__productListingSection .productListing__leftSide,
  .vegetarianPage__mainContainer__productListingSection .productListing__leftSide,
  .menuPage__mainContainer__productListingSection .productListing__leftSide,
  .pizzasPage__mainContainer__productListingSection .productListing__leftSide,
  .sidesPage__mainContainer__productListingSection .productListing__leftSide,
  .drinksPage__mainContainer__productListingSection .productListing__leftSide,
  .dessertsPage__mainContainer__productListingSection .productListing__leftSide,
  .lunchPage__mainContainer__productListingSection .productListing__leftSide,
  .ltoPage__mainContainer__productListingSection .productListing__leftSide,
  .ingredientsPage__mainContainer__productListingSection .productListing__leftSide,
  .aboutUsPage__mainContainer__productListingSection .productListing__leftSide,
  .nutritionPage__mainContainer__productListingSection .productListing__leftSide {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .veganPage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card,
  .wheatFreePage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card,
  .vegetarianPage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card,
  .menuPage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card,
  .pizzasPage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card,
  .sidesPage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card,
  .drinksPage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card,
  .dessertsPage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card,
  .lunchPage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card,
  .ltoPage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card,
  .ingredientsPage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card,
  .aboutUsPage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card,
  .nutritionPage__mainContainer__productListingSection .productListing__leftSide > .productListing__leftSide__card {
    width: 100%;
  }
}
.veganPage__mainContainer__productListingSection .productListing__rightSide,
.wheatFreePage__mainContainer__productListingSection .productListing__rightSide,
.vegetarianPage__mainContainer__productListingSection .productListing__rightSide,
.menuPage__mainContainer__productListingSection .productListing__rightSide,
.pizzasPage__mainContainer__productListingSection .productListing__rightSide,
.sidesPage__mainContainer__productListingSection .productListing__rightSide,
.drinksPage__mainContainer__productListingSection .productListing__rightSide,
.dessertsPage__mainContainer__productListingSection .productListing__rightSide,
.lunchPage__mainContainer__productListingSection .productListing__rightSide,
.ltoPage__mainContainer__productListingSection .productListing__rightSide,
.ingredientsPage__mainContainer__productListingSection .productListing__rightSide,
.aboutUsPage__mainContainer__productListingSection .productListing__rightSide,
.nutritionPage__mainContainer__productListingSection .productListing__rightSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.5rem;
  margin: 0 auto;
  max-width: 64.5rem;
}
.veganPage__mainContainer__productListingSection .productListing__rightSide:empty,
.wheatFreePage__mainContainer__productListingSection .productListing__rightSide:empty,
.vegetarianPage__mainContainer__productListingSection .productListing__rightSide:empty,
.menuPage__mainContainer__productListingSection .productListing__rightSide:empty,
.pizzasPage__mainContainer__productListingSection .productListing__rightSide:empty,
.sidesPage__mainContainer__productListingSection .productListing__rightSide:empty,
.drinksPage__mainContainer__productListingSection .productListing__rightSide:empty,
.dessertsPage__mainContainer__productListingSection .productListing__rightSide:empty,
.lunchPage__mainContainer__productListingSection .productListing__rightSide:empty,
.ltoPage__mainContainer__productListingSection .productListing__rightSide:empty,
.ingredientsPage__mainContainer__productListingSection .productListing__rightSide:empty,
.aboutUsPage__mainContainer__productListingSection .productListing__rightSide:empty,
.nutritionPage__mainContainer__productListingSection .productListing__rightSide:empty {
  display: none;
}
@media only screen and (max-width: 68rem) {
  .veganPage__mainContainer__productListingSection .productListing__rightSide,
  .wheatFreePage__mainContainer__productListingSection .productListing__rightSide,
  .vegetarianPage__mainContainer__productListingSection .productListing__rightSide,
  .menuPage__mainContainer__productListingSection .productListing__rightSide,
  .pizzasPage__mainContainer__productListingSection .productListing__rightSide,
  .sidesPage__mainContainer__productListingSection .productListing__rightSide,
  .drinksPage__mainContainer__productListingSection .productListing__rightSide,
  .dessertsPage__mainContainer__productListingSection .productListing__rightSide,
  .lunchPage__mainContainer__productListingSection .productListing__rightSide,
  .ltoPage__mainContainer__productListingSection .productListing__rightSide,
  .ingredientsPage__mainContainer__productListingSection .productListing__rightSide,
  .aboutUsPage__mainContainer__productListingSection .productListing__rightSide,
  .nutritionPage__mainContainer__productListingSection .productListing__rightSide {
    max-width: 47.75rem;
  }
}
@media only screen and (max-width: 51.25rem) {
  .veganPage__mainContainer__productListingSection .productListing__rightSide,
  .wheatFreePage__mainContainer__productListingSection .productListing__rightSide,
  .vegetarianPage__mainContainer__productListingSection .productListing__rightSide,
  .menuPage__mainContainer__productListingSection .productListing__rightSide,
  .pizzasPage__mainContainer__productListingSection .productListing__rightSide,
  .sidesPage__mainContainer__productListingSection .productListing__rightSide,
  .drinksPage__mainContainer__productListingSection .productListing__rightSide,
  .dessertsPage__mainContainer__productListingSection .productListing__rightSide,
  .lunchPage__mainContainer__productListingSection .productListing__rightSide,
  .ltoPage__mainContainer__productListingSection .productListing__rightSide,
  .ingredientsPage__mainContainer__productListingSection .productListing__rightSide,
  .aboutUsPage__mainContainer__productListingSection .productListing__rightSide,
  .nutritionPage__mainContainer__productListingSection .productListing__rightSide {
    max-width: 31rem;
  }
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__productListingSection .productListing__rightSide,
  .wheatFreePage__mainContainer__productListingSection .productListing__rightSide,
  .vegetarianPage__mainContainer__productListingSection .productListing__rightSide,
  .menuPage__mainContainer__productListingSection .productListing__rightSide,
  .pizzasPage__mainContainer__productListingSection .productListing__rightSide,
  .sidesPage__mainContainer__productListingSection .productListing__rightSide,
  .drinksPage__mainContainer__productListingSection .productListing__rightSide,
  .dessertsPage__mainContainer__productListingSection .productListing__rightSide,
  .lunchPage__mainContainer__productListingSection .productListing__rightSide,
  .ltoPage__mainContainer__productListingSection .productListing__rightSide,
  .ingredientsPage__mainContainer__productListingSection .productListing__rightSide,
  .aboutUsPage__mainContainer__productListingSection .productListing__rightSide,
  .nutritionPage__mainContainer__productListingSection .productListing__rightSide {
    max-width: 30.375rem;
    gap: 1.875rem;
  }
}
.veganPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
.wheatFreePage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
.vegetarianPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
.menuPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
.pizzasPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
.sidesPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
.drinksPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
.dessertsPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
.lunchPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
.ltoPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
.ingredientsPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
.aboutUsPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
.nutritionPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer {
  margin: 0;
  max-width: 47.75rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media only screen and (max-width: 68rem) {
  .veganPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .wheatFreePage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .vegetarianPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .menuPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .pizzasPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .sidesPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .drinksPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .dessertsPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .lunchPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .ltoPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .ingredientsPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .aboutUsPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .nutritionPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer {
    max-width: 31rem;
  }
}
@media only screen and (min-width: 49.9375rem) and (max-width: 51.25rem) {
  .veganPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card,
  .wheatFreePage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card,
  .vegetarianPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card,
  .menuPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card,
  .pizzasPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card,
  .sidesPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card,
  .drinksPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card,
  .dessertsPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card,
  .lunchPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card,
  .ltoPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card,
  .ingredientsPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card,
  .aboutUsPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card,
  .nutritionPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer .productListing__card {
    width: calc(50% - 1.25rem);
  }
}
@media only screen and (max-width: 51.25rem) {
  .veganPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .wheatFreePage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .vegetarianPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .menuPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .pizzasPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .sidesPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .drinksPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .dessertsPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .lunchPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .ltoPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .ingredientsPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .aboutUsPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer,
  .nutritionPage__mainContainer__productListingSection .productListing__rightSide.maxWidthContainer {
    max-width: 30.375rem;
  }
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__productListingSection .productListing .cover,
  .wheatFreePage__mainContainer__productListingSection .productListing .cover,
  .vegetarianPage__mainContainer__productListingSection .productListing .cover,
  .menuPage__mainContainer__productListingSection .productListing .cover,
  .pizzasPage__mainContainer__productListingSection .productListing .cover,
  .sidesPage__mainContainer__productListingSection .productListing .cover,
  .drinksPage__mainContainer__productListingSection .productListing .cover,
  .dessertsPage__mainContainer__productListingSection .productListing .cover,
  .lunchPage__mainContainer__productListingSection .productListing .cover,
  .ltoPage__mainContainer__productListingSection .productListing .cover,
  .ingredientsPage__mainContainer__productListingSection .productListing .cover,
  .aboutUsPage__mainContainer__productListingSection .productListing .cover,
  .nutritionPage__mainContainer__productListingSection .productListing .cover {
    width: 30.375rem;
  }
}
@media only screen and (max-width: 33rem) {
  .veganPage__mainContainer__productListingSection .productListing .cover,
  .wheatFreePage__mainContainer__productListingSection .productListing .cover,
  .vegetarianPage__mainContainer__productListingSection .productListing .cover,
  .menuPage__mainContainer__productListingSection .productListing .cover,
  .pizzasPage__mainContainer__productListingSection .productListing .cover,
  .sidesPage__mainContainer__productListingSection .productListing .cover,
  .drinksPage__mainContainer__productListingSection .productListing .cover,
  .dessertsPage__mainContainer__productListingSection .productListing .cover,
  .lunchPage__mainContainer__productListingSection .productListing .cover,
  .ltoPage__mainContainer__productListingSection .productListing .cover,
  .ingredientsPage__mainContainer__productListingSection .productListing .cover,
  .aboutUsPage__mainContainer__productListingSection .productListing .cover,
  .nutritionPage__mainContainer__productListingSection .productListing .cover {
    width: 100%;
  }
}
.veganPage__mainContainer__productListingSection .productListing__card,
.wheatFreePage__mainContainer__productListingSection .productListing__card,
.vegetarianPage__mainContainer__productListingSection .productListing__card,
.menuPage__mainContainer__productListingSection .productListing__card,
.pizzasPage__mainContainer__productListingSection .productListing__card,
.sidesPage__mainContainer__productListingSection .productListing__card,
.drinksPage__mainContainer__productListingSection .productListing__card,
.dessertsPage__mainContainer__productListingSection .productListing__card,
.lunchPage__mainContainer__productListingSection .productListing__card,
.ltoPage__mainContainer__productListingSection .productListing__card,
.ingredientsPage__mainContainer__productListingSection .productListing__card,
.aboutUsPage__mainContainer__productListingSection .productListing__card,
.nutritionPage__mainContainer__productListingSection .productListing__card {
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 0.3125rem;
  -webkit-box-shadow: 0rem 0.3125rem 1.25rem 0rem rgba(0, 0, 0, 0.15);
          box-shadow: 0rem 0.3125rem 1.25rem 0rem rgba(0, 0, 0, 0.15);
  width: 14.25rem;
}
.veganPage__mainContainer__productListingSection .productListing__card:hover,
.wheatFreePage__mainContainer__productListingSection .productListing__card:hover,
.vegetarianPage__mainContainer__productListingSection .productListing__card:hover,
.menuPage__mainContainer__productListingSection .productListing__card:hover,
.pizzasPage__mainContainer__productListingSection .productListing__card:hover,
.sidesPage__mainContainer__productListingSection .productListing__card:hover,
.drinksPage__mainContainer__productListingSection .productListing__card:hover,
.dessertsPage__mainContainer__productListingSection .productListing__card:hover,
.lunchPage__mainContainer__productListingSection .productListing__card:hover,
.ltoPage__mainContainer__productListingSection .productListing__card:hover,
.ingredientsPage__mainContainer__productListingSection .productListing__card:hover,
.aboutUsPage__mainContainer__productListingSection .productListing__card:hover,
.nutritionPage__mainContainer__productListingSection .productListing__card:hover {
  cursor: pointer;
  text-decoration: none;
  -webkit-box-shadow: 0.625rem 0.9375rem 2.5rem 0rem rgba(0, 0, 0, 0.3019607843);
          box-shadow: 0.625rem 0.9375rem 2.5rem 0rem rgba(0, 0, 0, 0.3019607843);
}
@media only screen and (max-width: 36.25rem) {
  .veganPage__mainContainer__productListingSection .productListing__card,
  .wheatFreePage__mainContainer__productListingSection .productListing__card,
  .vegetarianPage__mainContainer__productListingSection .productListing__card,
  .menuPage__mainContainer__productListingSection .productListing__card,
  .pizzasPage__mainContainer__productListingSection .productListing__card,
  .sidesPage__mainContainer__productListingSection .productListing__card,
  .drinksPage__mainContainer__productListingSection .productListing__card,
  .dessertsPage__mainContainer__productListingSection .productListing__card,
  .lunchPage__mainContainer__productListingSection .productListing__card,
  .ltoPage__mainContainer__productListingSection .productListing__card,
  .ingredientsPage__mainContainer__productListingSection .productListing__card,
  .aboutUsPage__mainContainer__productListingSection .productListing__card,
  .nutritionPage__mainContainer__productListingSection .productListing__card {
    width: calc(50% - 0.9375rem);
  }
}
@media only screen and (max-width: 33rem) {
  .veganPage__mainContainer__productListingSection .productListing__card,
  .wheatFreePage__mainContainer__productListingSection .productListing__card,
  .vegetarianPage__mainContainer__productListingSection .productListing__card,
  .menuPage__mainContainer__productListingSection .productListing__card,
  .pizzasPage__mainContainer__productListingSection .productListing__card,
  .sidesPage__mainContainer__productListingSection .productListing__card,
  .drinksPage__mainContainer__productListingSection .productListing__card,
  .dessertsPage__mainContainer__productListingSection .productListing__card,
  .lunchPage__mainContainer__productListingSection .productListing__card,
  .ltoPage__mainContainer__productListingSection .productListing__card,
  .ingredientsPage__mainContainer__productListingSection .productListing__card,
  .aboutUsPage__mainContainer__productListingSection .productListing__card,
  .nutritionPage__mainContainer__productListingSection .productListing__card {
    width: 100%;
  }
}
.veganPage__mainContainer__productListingSection .productListing__card__image,
.wheatFreePage__mainContainer__productListingSection .productListing__card__image,
.vegetarianPage__mainContainer__productListingSection .productListing__card__image,
.menuPage__mainContainer__productListingSection .productListing__card__image,
.pizzasPage__mainContainer__productListingSection .productListing__card__image,
.sidesPage__mainContainer__productListingSection .productListing__card__image,
.drinksPage__mainContainer__productListingSection .productListing__card__image,
.dessertsPage__mainContainer__productListingSection .productListing__card__image,
.lunchPage__mainContainer__productListingSection .productListing__card__image,
.ltoPage__mainContainer__productListingSection .productListing__card__image,
.ingredientsPage__mainContainer__productListingSection .productListing__card__image,
.aboutUsPage__mainContainer__productListingSection .productListing__card__image,
.nutritionPage__mainContainer__productListingSection .productListing__card__image {
  width: 100%;
  height: 8.625rem;
  border-radius: 0.3125rem 0.3125rem 0 0;
  background-size: cover;
  background-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__productListingSection .productListing__card__image,
  .wheatFreePage__mainContainer__productListingSection .productListing__card__image,
  .vegetarianPage__mainContainer__productListingSection .productListing__card__image,
  .menuPage__mainContainer__productListingSection .productListing__card__image,
  .pizzasPage__mainContainer__productListingSection .productListing__card__image,
  .sidesPage__mainContainer__productListingSection .productListing__card__image,
  .drinksPage__mainContainer__productListingSection .productListing__card__image,
  .dessertsPage__mainContainer__productListingSection .productListing__card__image,
  .lunchPage__mainContainer__productListingSection .productListing__card__image,
  .ltoPage__mainContainer__productListingSection .productListing__card__image,
  .ingredientsPage__mainContainer__productListingSection .productListing__card__image,
  .aboutUsPage__mainContainer__productListingSection .productListing__card__image,
  .nutritionPage__mainContainer__productListingSection .productListing__card__image {
    height: 10.75rem;
    border-radius: 0.3125rem 0.3125rem 0 0;
  }
}
.veganPage__mainContainer__productListingSection .productListing__card__logoContainer,
.wheatFreePage__mainContainer__productListingSection .productListing__card__logoContainer,
.vegetarianPage__mainContainer__productListingSection .productListing__card__logoContainer,
.menuPage__mainContainer__productListingSection .productListing__card__logoContainer,
.pizzasPage__mainContainer__productListingSection .productListing__card__logoContainer,
.sidesPage__mainContainer__productListingSection .productListing__card__logoContainer,
.drinksPage__mainContainer__productListingSection .productListing__card__logoContainer,
.dessertsPage__mainContainer__productListingSection .productListing__card__logoContainer,
.lunchPage__mainContainer__productListingSection .productListing__card__logoContainer,
.ltoPage__mainContainer__productListingSection .productListing__card__logoContainer,
.ingredientsPage__mainContainer__productListingSection .productListing__card__logoContainer,
.aboutUsPage__mainContainer__productListingSection .productListing__card__logoContainer,
.nutritionPage__mainContainer__productListingSection .productListing__card__logoContainer {
  position: absolute;
  top: 6.6875rem;
  left: 0.6875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.1875rem;
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__productListingSection .productListing__card__logoContainer,
  .wheatFreePage__mainContainer__productListingSection .productListing__card__logoContainer,
  .vegetarianPage__mainContainer__productListingSection .productListing__card__logoContainer,
  .menuPage__mainContainer__productListingSection .productListing__card__logoContainer,
  .pizzasPage__mainContainer__productListingSection .productListing__card__logoContainer,
  .sidesPage__mainContainer__productListingSection .productListing__card__logoContainer,
  .drinksPage__mainContainer__productListingSection .productListing__card__logoContainer,
  .dessertsPage__mainContainer__productListingSection .productListing__card__logoContainer,
  .lunchPage__mainContainer__productListingSection .productListing__card__logoContainer,
  .ltoPage__mainContainer__productListingSection .productListing__card__logoContainer,
  .ingredientsPage__mainContainer__productListingSection .productListing__card__logoContainer,
  .aboutUsPage__mainContainer__productListingSection .productListing__card__logoContainer,
  .nutritionPage__mainContainer__productListingSection .productListing__card__logoContainer {
    top: 8.5rem;
    left: 0.6875rem;
  }
}
.veganPage__mainContainer__productListingSection .productListing__card__logoContainer img,
.wheatFreePage__mainContainer__productListingSection .productListing__card__logoContainer img,
.vegetarianPage__mainContainer__productListingSection .productListing__card__logoContainer img,
.menuPage__mainContainer__productListingSection .productListing__card__logoContainer img,
.pizzasPage__mainContainer__productListingSection .productListing__card__logoContainer img,
.sidesPage__mainContainer__productListingSection .productListing__card__logoContainer img,
.drinksPage__mainContainer__productListingSection .productListing__card__logoContainer img,
.dessertsPage__mainContainer__productListingSection .productListing__card__logoContainer img,
.lunchPage__mainContainer__productListingSection .productListing__card__logoContainer img,
.ltoPage__mainContainer__productListingSection .productListing__card__logoContainer img,
.ingredientsPage__mainContainer__productListingSection .productListing__card__logoContainer img,
.aboutUsPage__mainContainer__productListingSection .productListing__card__logoContainer img,
.nutritionPage__mainContainer__productListingSection .productListing__card__logoContainer img {
  width: 1.25rem;
  height: 1.25rem;
}
.veganPage__mainContainer__productListingSection .productListing__card__title,
.wheatFreePage__mainContainer__productListingSection .productListing__card__title,
.vegetarianPage__mainContainer__productListingSection .productListing__card__title,
.menuPage__mainContainer__productListingSection .productListing__card__title,
.pizzasPage__mainContainer__productListingSection .productListing__card__title,
.sidesPage__mainContainer__productListingSection .productListing__card__title,
.drinksPage__mainContainer__productListingSection .productListing__card__title,
.dessertsPage__mainContainer__productListingSection .productListing__card__title,
.lunchPage__mainContainer__productListingSection .productListing__card__title,
.ltoPage__mainContainer__productListingSection .productListing__card__title,
.ingredientsPage__mainContainer__productListingSection .productListing__card__title,
.aboutUsPage__mainContainer__productListingSection .productListing__card__title,
.nutritionPage__mainContainer__productListingSection .productListing__card__title {
  font-weight: 700;
  font-size: 1.5625rem;
  line-height: 1.5625rem;
  color: #cfe90c;
  text-align: center;
  margin-bottom: 0;
  margin-top: 1.125rem;
  text-transform: uppercase;
}
.veganPage__mainContainer__productListingSection .productListing__card__content,
.wheatFreePage__mainContainer__productListingSection .productListing__card__content,
.vegetarianPage__mainContainer__productListingSection .productListing__card__content,
.menuPage__mainContainer__productListingSection .productListing__card__content,
.pizzasPage__mainContainer__productListingSection .productListing__card__content,
.sidesPage__mainContainer__productListingSection .productListing__card__content,
.drinksPage__mainContainer__productListingSection .productListing__card__content,
.dessertsPage__mainContainer__productListingSection .productListing__card__content,
.lunchPage__mainContainer__productListingSection .productListing__card__content,
.ltoPage__mainContainer__productListingSection .productListing__card__content,
.ingredientsPage__mainContainer__productListingSection .productListing__card__content,
.aboutUsPage__mainContainer__productListingSection .productListing__card__content,
.nutritionPage__mainContainer__productListingSection .productListing__card__content {
  width: 100%;
  padding: 0.625rem;
  min-height: 10.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 33rem) {
  .veganPage__mainContainer__productListingSection .productListing__card__content,
  .wheatFreePage__mainContainer__productListingSection .productListing__card__content,
  .vegetarianPage__mainContainer__productListingSection .productListing__card__content,
  .menuPage__mainContainer__productListingSection .productListing__card__content,
  .pizzasPage__mainContainer__productListingSection .productListing__card__content,
  .sidesPage__mainContainer__productListingSection .productListing__card__content,
  .drinksPage__mainContainer__productListingSection .productListing__card__content,
  .dessertsPage__mainContainer__productListingSection .productListing__card__content,
  .lunchPage__mainContainer__productListingSection .productListing__card__content,
  .ltoPage__mainContainer__productListingSection .productListing__card__content,
  .ingredientsPage__mainContainer__productListingSection .productListing__card__content,
  .aboutUsPage__mainContainer__productListingSection .productListing__card__content,
  .nutritionPage__mainContainer__productListingSection .productListing__card__content {
    min-height: 7.625rem;
    gap: 20px;
  }
}
.veganPage__mainContainer__productListingSection .productListing__card__content__container,
.wheatFreePage__mainContainer__productListingSection .productListing__card__content__container,
.vegetarianPage__mainContainer__productListingSection .productListing__card__content__container,
.menuPage__mainContainer__productListingSection .productListing__card__content__container,
.pizzasPage__mainContainer__productListingSection .productListing__card__content__container,
.sidesPage__mainContainer__productListingSection .productListing__card__content__container,
.drinksPage__mainContainer__productListingSection .productListing__card__content__container,
.dessertsPage__mainContainer__productListingSection .productListing__card__content__container,
.lunchPage__mainContainer__productListingSection .productListing__card__content__container,
.ltoPage__mainContainer__productListingSection .productListing__card__content__container,
.ingredientsPage__mainContainer__productListingSection .productListing__card__content__container,
.aboutUsPage__mainContainer__productListingSection .productListing__card__content__container,
.nutritionPage__mainContainer__productListingSection .productListing__card__content__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.veganPage__mainContainer__productListingSection .productListing__card__content p,
.wheatFreePage__mainContainer__productListingSection .productListing__card__content p,
.vegetarianPage__mainContainer__productListingSection .productListing__card__content p,
.menuPage__mainContainer__productListingSection .productListing__card__content p,
.pizzasPage__mainContainer__productListingSection .productListing__card__content p,
.sidesPage__mainContainer__productListingSection .productListing__card__content p,
.drinksPage__mainContainer__productListingSection .productListing__card__content p,
.dessertsPage__mainContainer__productListingSection .productListing__card__content p,
.lunchPage__mainContainer__productListingSection .productListing__card__content p,
.ltoPage__mainContainer__productListingSection .productListing__card__content p,
.ingredientsPage__mainContainer__productListingSection .productListing__card__content p,
.aboutUsPage__mainContainer__productListingSection .productListing__card__content p,
.nutritionPage__mainContainer__productListingSection .productListing__card__content p {
  margin-bottom: 0;
}
.veganPage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link,
.wheatFreePage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link,
.vegetarianPage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link,
.menuPage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link,
.pizzasPage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link,
.sidesPage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link,
.drinksPage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link,
.dessertsPage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link,
.lunchPage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link,
.ltoPage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link,
.ingredientsPage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link,
.aboutUsPage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link,
.nutritionPage__mainContainer__productListingSection .productListing__card:hover .productListing__card__content .link {
  text-decoration: underline;
}
.veganPage__mainContainer__productListingSection .productListing__card__info__content,
.wheatFreePage__mainContainer__productListingSection .productListing__card__info__content,
.vegetarianPage__mainContainer__productListingSection .productListing__card__info__content,
.menuPage__mainContainer__productListingSection .productListing__card__info__content,
.pizzasPage__mainContainer__productListingSection .productListing__card__info__content,
.sidesPage__mainContainer__productListingSection .productListing__card__info__content,
.drinksPage__mainContainer__productListingSection .productListing__card__info__content,
.dessertsPage__mainContainer__productListingSection .productListing__card__info__content,
.lunchPage__mainContainer__productListingSection .productListing__card__info__content,
.ltoPage__mainContainer__productListingSection .productListing__card__info__content,
.ingredientsPage__mainContainer__productListingSection .productListing__card__info__content,
.aboutUsPage__mainContainer__productListingSection .productListing__card__info__content,
.nutritionPage__mainContainer__productListingSection .productListing__card__info__content {
  padding: 1.625rem 1.25rem 1.625rem 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 19.375rem;
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__productListingSection .productListing__card__info__content,
  .wheatFreePage__mainContainer__productListingSection .productListing__card__info__content,
  .vegetarianPage__mainContainer__productListingSection .productListing__card__info__content,
  .menuPage__mainContainer__productListingSection .productListing__card__info__content,
  .pizzasPage__mainContainer__productListingSection .productListing__card__info__content,
  .sidesPage__mainContainer__productListingSection .productListing__card__info__content,
  .drinksPage__mainContainer__productListingSection .productListing__card__info__content,
  .dessertsPage__mainContainer__productListingSection .productListing__card__info__content,
  .lunchPage__mainContainer__productListingSection .productListing__card__info__content,
  .ltoPage__mainContainer__productListingSection .productListing__card__info__content,
  .ingredientsPage__mainContainer__productListingSection .productListing__card__info__content,
  .aboutUsPage__mainContainer__productListingSection .productListing__card__info__content,
  .nutritionPage__mainContainer__productListingSection .productListing__card__info__content {
    min-height: 7.625rem;
  }
}
.veganPage__mainContainer__productListingSection .productListing__card__description,
.wheatFreePage__mainContainer__productListingSection .productListing__card__description,
.vegetarianPage__mainContainer__productListingSection .productListing__card__description,
.menuPage__mainContainer__productListingSection .productListing__card__description,
.pizzasPage__mainContainer__productListingSection .productListing__card__description,
.sidesPage__mainContainer__productListingSection .productListing__card__description,
.drinksPage__mainContainer__productListingSection .productListing__card__description,
.dessertsPage__mainContainer__productListingSection .productListing__card__description,
.lunchPage__mainContainer__productListingSection .productListing__card__description,
.ltoPage__mainContainer__productListingSection .productListing__card__description,
.ingredientsPage__mainContainer__productListingSection .productListing__card__description,
.aboutUsPage__mainContainer__productListingSection .productListing__card__description,
.nutritionPage__mainContainer__productListingSection .productListing__card__description {
  text-align: center;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.25rem;
  color: #fff;
  margin-top: 0.5rem;
  margin-bottom: 0;
}
.veganPage__mainContainer__productListingSection .productListing__card__productTitle,
.wheatFreePage__mainContainer__productListingSection .productListing__card__productTitle,
.vegetarianPage__mainContainer__productListingSection .productListing__card__productTitle,
.menuPage__mainContainer__productListingSection .productListing__card__productTitle,
.pizzasPage__mainContainer__productListingSection .productListing__card__productTitle,
.sidesPage__mainContainer__productListingSection .productListing__card__productTitle,
.drinksPage__mainContainer__productListingSection .productListing__card__productTitle,
.dessertsPage__mainContainer__productListingSection .productListing__card__productTitle,
.lunchPage__mainContainer__productListingSection .productListing__card__productTitle,
.ltoPage__mainContainer__productListingSection .productListing__card__productTitle,
.ingredientsPage__mainContainer__productListingSection .productListing__card__productTitle,
.aboutUsPage__mainContainer__productListingSection .productListing__card__productTitle,
.nutritionPage__mainContainer__productListingSection .productListing__card__productTitle {
  font-weight: 700;
  font-size: 1.25rem;
  line-height: 1.25rem;
  color: #464646;
  margin-top: 0;
  margin-bottom: 0;
}
.veganPage__mainContainer__productListingSection .productListing__card__productDescription,
.wheatFreePage__mainContainer__productListingSection .productListing__card__productDescription,
.vegetarianPage__mainContainer__productListingSection .productListing__card__productDescription,
.menuPage__mainContainer__productListingSection .productListing__card__productDescription,
.pizzasPage__mainContainer__productListingSection .productListing__card__productDescription,
.sidesPage__mainContainer__productListingSection .productListing__card__productDescription,
.drinksPage__mainContainer__productListingSection .productListing__card__productDescription,
.dessertsPage__mainContainer__productListingSection .productListing__card__productDescription,
.lunchPage__mainContainer__productListingSection .productListing__card__productDescription,
.ltoPage__mainContainer__productListingSection .productListing__card__productDescription,
.ingredientsPage__mainContainer__productListingSection .productListing__card__productDescription,
.aboutUsPage__mainContainer__productListingSection .productListing__card__productDescription,
.nutritionPage__mainContainer__productListingSection .productListing__card__productDescription {
  font-weight: 400;
  font-size: 1rem;
  line-height: 1rem;
  color: #1c1c1c;
  margin-top: 0.625rem;
}
.veganPage__mainContainer__productListingSection .productListing__card__productDescription sup,
.wheatFreePage__mainContainer__productListingSection .productListing__card__productDescription sup,
.vegetarianPage__mainContainer__productListingSection .productListing__card__productDescription sup,
.menuPage__mainContainer__productListingSection .productListing__card__productDescription sup,
.pizzasPage__mainContainer__productListingSection .productListing__card__productDescription sup,
.sidesPage__mainContainer__productListingSection .productListing__card__productDescription sup,
.drinksPage__mainContainer__productListingSection .productListing__card__productDescription sup,
.dessertsPage__mainContainer__productListingSection .productListing__card__productDescription sup,
.lunchPage__mainContainer__productListingSection .productListing__card__productDescription sup,
.ltoPage__mainContainer__productListingSection .productListing__card__productDescription sup,
.ingredientsPage__mainContainer__productListingSection .productListing__card__productDescription sup,
.aboutUsPage__mainContainer__productListingSection .productListing__card__productDescription sup,
.nutritionPage__mainContainer__productListingSection .productListing__card__productDescription sup {
  font-size: 70%;
}
.veganPage__mainContainer__productListingSection .productListing .bgGreen,
.wheatFreePage__mainContainer__productListingSection .productListing .bgGreen,
.vegetarianPage__mainContainer__productListingSection .productListing .bgGreen,
.menuPage__mainContainer__productListingSection .productListing .bgGreen,
.pizzasPage__mainContainer__productListingSection .productListing .bgGreen,
.sidesPage__mainContainer__productListingSection .productListing .bgGreen,
.drinksPage__mainContainer__productListingSection .productListing .bgGreen,
.dessertsPage__mainContainer__productListingSection .productListing .bgGreen,
.lunchPage__mainContainer__productListingSection .productListing .bgGreen,
.ltoPage__mainContainer__productListingSection .productListing .bgGreen,
.ingredientsPage__mainContainer__productListingSection .productListing .bgGreen,
.aboutUsPage__mainContainer__productListingSection .productListing .bgGreen,
.nutritionPage__mainContainer__productListingSection .productListing .bgGreen {
  background-color: #007d4a;
}
.veganPage__mainContainer__postCodeBoxSectionWrapper,
.wheatFreePage__mainContainer__postCodeBoxSectionWrapper,
.vegetarianPage__mainContainer__postCodeBoxSectionWrapper,
.menuPage__mainContainer__postCodeBoxSectionWrapper,
.pizzasPage__mainContainer__postCodeBoxSectionWrapper,
.sidesPage__mainContainer__postCodeBoxSectionWrapper,
.drinksPage__mainContainer__postCodeBoxSectionWrapper,
.dessertsPage__mainContainer__postCodeBoxSectionWrapper,
.lunchPage__mainContainer__postCodeBoxSectionWrapper,
.ltoPage__mainContainer__postCodeBoxSectionWrapper,
.ingredientsPage__mainContainer__postCodeBoxSectionWrapper,
.aboutUsPage__mainContainer__postCodeBoxSectionWrapper,
.nutritionPage__mainContainer__postCodeBoxSectionWrapper {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.veganPage__mainContainer__postCodeBoxSection,
.wheatFreePage__mainContainer__postCodeBoxSection,
.vegetarianPage__mainContainer__postCodeBoxSection,
.menuPage__mainContainer__postCodeBoxSection,
.pizzasPage__mainContainer__postCodeBoxSection,
.sidesPage__mainContainer__postCodeBoxSection,
.drinksPage__mainContainer__postCodeBoxSection,
.dessertsPage__mainContainer__postCodeBoxSection,
.lunchPage__mainContainer__postCodeBoxSection,
.ltoPage__mainContainer__postCodeBoxSection,
.ingredientsPage__mainContainer__postCodeBoxSection,
.aboutUsPage__mainContainer__postCodeBoxSection,
.nutritionPage__mainContainer__postCodeBoxSection {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4rem 2.5rem;
  z-index: 10;
}
@media only screen and (max-width: 48rem) {
  .veganPage__mainContainer__postCodeBoxSection,
  .wheatFreePage__mainContainer__postCodeBoxSection,
  .vegetarianPage__mainContainer__postCodeBoxSection,
  .menuPage__mainContainer__postCodeBoxSection,
  .pizzasPage__mainContainer__postCodeBoxSection,
  .sidesPage__mainContainer__postCodeBoxSection,
  .drinksPage__mainContainer__postCodeBoxSection,
  .dessertsPage__mainContainer__postCodeBoxSection,
  .lunchPage__mainContainer__postCodeBoxSection,
  .ltoPage__mainContainer__postCodeBoxSection,
  .ingredientsPage__mainContainer__postCodeBoxSection,
  .aboutUsPage__mainContainer__postCodeBoxSection,
  .nutritionPage__mainContainer__postCodeBoxSection {
    padding: 2.5rem 0.3125rem;
  }
}
.veganPage__mainContainer__postCodeBoxSection .textSection,
.wheatFreePage__mainContainer__postCodeBoxSection .textSection,
.vegetarianPage__mainContainer__postCodeBoxSection .textSection,
.menuPage__mainContainer__postCodeBoxSection .textSection,
.pizzasPage__mainContainer__postCodeBoxSection .textSection,
.sidesPage__mainContainer__postCodeBoxSection .textSection,
.drinksPage__mainContainer__postCodeBoxSection .textSection,
.dessertsPage__mainContainer__postCodeBoxSection .textSection,
.lunchPage__mainContainer__postCodeBoxSection .textSection,
.ltoPage__mainContainer__postCodeBoxSection .textSection,
.ingredientsPage__mainContainer__postCodeBoxSection .textSection,
.aboutUsPage__mainContainer__postCodeBoxSection .textSection,
.nutritionPage__mainContainer__postCodeBoxSection .textSection {
  z-index: 3;
}
@media only screen and (max-width: 48rem) {
  .veganPage__mainContainer__postCodeBoxSection .textSection,
  .wheatFreePage__mainContainer__postCodeBoxSection .textSection,
  .vegetarianPage__mainContainer__postCodeBoxSection .textSection,
  .menuPage__mainContainer__postCodeBoxSection .textSection,
  .pizzasPage__mainContainer__postCodeBoxSection .textSection,
  .sidesPage__mainContainer__postCodeBoxSection .textSection,
  .drinksPage__mainContainer__postCodeBoxSection .textSection,
  .dessertsPage__mainContainer__postCodeBoxSection .textSection,
  .lunchPage__mainContainer__postCodeBoxSection .textSection,
  .ltoPage__mainContainer__postCodeBoxSection .textSection,
  .ingredientsPage__mainContainer__postCodeBoxSection .textSection,
  .aboutUsPage__mainContainer__postCodeBoxSection .textSection,
  .nutritionPage__mainContainer__postCodeBoxSection .textSection {
    padding: 0 2.5rem;
  }
}
.veganPage__mainContainer__postCodeBoxSection .leftImage,
.wheatFreePage__mainContainer__postCodeBoxSection .leftImage,
.vegetarianPage__mainContainer__postCodeBoxSection .leftImage,
.menuPage__mainContainer__postCodeBoxSection .leftImage,
.pizzasPage__mainContainer__postCodeBoxSection .leftImage,
.sidesPage__mainContainer__postCodeBoxSection .leftImage,
.drinksPage__mainContainer__postCodeBoxSection .leftImage,
.dessertsPage__mainContainer__postCodeBoxSection .leftImage,
.lunchPage__mainContainer__postCodeBoxSection .leftImage,
.ltoPage__mainContainer__postCodeBoxSection .leftImage,
.ingredientsPage__mainContainer__postCodeBoxSection .leftImage,
.aboutUsPage__mainContainer__postCodeBoxSection .leftImage,
.nutritionPage__mainContainer__postCodeBoxSection .leftImage {
  position: absolute;
  z-index: 3;
  bottom: 3.5rem;
  top: unset;
  left: -20.5rem;
  bottom: -1.25rem;
}
.veganPage__mainContainer__postCodeBoxSection .leftImage.high,
.wheatFreePage__mainContainer__postCodeBoxSection .leftImage.high,
.vegetarianPage__mainContainer__postCodeBoxSection .leftImage.high,
.menuPage__mainContainer__postCodeBoxSection .leftImage.high,
.pizzasPage__mainContainer__postCodeBoxSection .leftImage.high,
.sidesPage__mainContainer__postCodeBoxSection .leftImage.high,
.drinksPage__mainContainer__postCodeBoxSection .leftImage.high,
.dessertsPage__mainContainer__postCodeBoxSection .leftImage.high,
.lunchPage__mainContainer__postCodeBoxSection .leftImage.high,
.ltoPage__mainContainer__postCodeBoxSection .leftImage.high,
.ingredientsPage__mainContainer__postCodeBoxSection .leftImage.high,
.aboutUsPage__mainContainer__postCodeBoxSection .leftImage.high,
.nutritionPage__mainContainer__postCodeBoxSection .leftImage.high {
  top: 0;
  bottom: unset;
}
.veganPage__mainContainer__postCodeBoxSection .rightImage,
.wheatFreePage__mainContainer__postCodeBoxSection .rightImage,
.vegetarianPage__mainContainer__postCodeBoxSection .rightImage,
.menuPage__mainContainer__postCodeBoxSection .rightImage,
.pizzasPage__mainContainer__postCodeBoxSection .rightImage,
.sidesPage__mainContainer__postCodeBoxSection .rightImage,
.drinksPage__mainContainer__postCodeBoxSection .rightImage,
.dessertsPage__mainContainer__postCodeBoxSection .rightImage,
.lunchPage__mainContainer__postCodeBoxSection .rightImage,
.ltoPage__mainContainer__postCodeBoxSection .rightImage,
.ingredientsPage__mainContainer__postCodeBoxSection .rightImage,
.aboutUsPage__mainContainer__postCodeBoxSection .rightImage,
.nutritionPage__mainContainer__postCodeBoxSection .rightImage {
  position: absolute;
  z-index: 3;
  bottom: -1.5rem;
  top: unset;
  right: -22.5625rem;
  bottom: -5.625rem;
}
.veganPage__mainContainer__postCodeBoxSection .rightImage.high,
.wheatFreePage__mainContainer__postCodeBoxSection .rightImage.high,
.vegetarianPage__mainContainer__postCodeBoxSection .rightImage.high,
.menuPage__mainContainer__postCodeBoxSection .rightImage.high,
.pizzasPage__mainContainer__postCodeBoxSection .rightImage.high,
.sidesPage__mainContainer__postCodeBoxSection .rightImage.high,
.drinksPage__mainContainer__postCodeBoxSection .rightImage.high,
.dessertsPage__mainContainer__postCodeBoxSection .rightImage.high,
.lunchPage__mainContainer__postCodeBoxSection .rightImage.high,
.ltoPage__mainContainer__postCodeBoxSection .rightImage.high,
.ingredientsPage__mainContainer__postCodeBoxSection .rightImage.high,
.aboutUsPage__mainContainer__postCodeBoxSection .rightImage.high,
.nutritionPage__mainContainer__postCodeBoxSection .rightImage.high {
  top: -5.125rem;
  bottom: unset;
}
.veganPage__mainContainer__postCodeBoxSection .postCodeBox,
.wheatFreePage__mainContainer__postCodeBoxSection .postCodeBox,
.vegetarianPage__mainContainer__postCodeBoxSection .postCodeBox,
.menuPage__mainContainer__postCodeBoxSection .postCodeBox,
.pizzasPage__mainContainer__postCodeBoxSection .postCodeBox,
.sidesPage__mainContainer__postCodeBoxSection .postCodeBox,
.drinksPage__mainContainer__postCodeBoxSection .postCodeBox,
.dessertsPage__mainContainer__postCodeBoxSection .postCodeBox,
.lunchPage__mainContainer__postCodeBoxSection .postCodeBox,
.ltoPage__mainContainer__postCodeBoxSection .postCodeBox,
.ingredientsPage__mainContainer__postCodeBoxSection .postCodeBox,
.aboutUsPage__mainContainer__postCodeBoxSection .postCodeBox,
.nutritionPage__mainContainer__postCodeBoxSection .postCodeBox {
  z-index: 3;
  margin: 2.5rem 0 0 0;
  overflow: visible;
  background-image: none;
}
.veganPage__mainContainer__postCodeBoxSection .postCodeBox.no-margin,
.wheatFreePage__mainContainer__postCodeBoxSection .postCodeBox.no-margin,
.vegetarianPage__mainContainer__postCodeBoxSection .postCodeBox.no-margin,
.menuPage__mainContainer__postCodeBoxSection .postCodeBox.no-margin,
.pizzasPage__mainContainer__postCodeBoxSection .postCodeBox.no-margin,
.sidesPage__mainContainer__postCodeBoxSection .postCodeBox.no-margin,
.drinksPage__mainContainer__postCodeBoxSection .postCodeBox.no-margin,
.dessertsPage__mainContainer__postCodeBoxSection .postCodeBox.no-margin,
.lunchPage__mainContainer__postCodeBoxSection .postCodeBox.no-margin,
.ltoPage__mainContainer__postCodeBoxSection .postCodeBox.no-margin,
.ingredientsPage__mainContainer__postCodeBoxSection .postCodeBox.no-margin,
.aboutUsPage__mainContainer__postCodeBoxSection .postCodeBox.no-margin,
.nutritionPage__mainContainer__postCodeBoxSection .postCodeBox.no-margin {
  margin: 0;
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__postCodeBoxSection .postCodeBox,
  .wheatFreePage__mainContainer__postCodeBoxSection .postCodeBox,
  .vegetarianPage__mainContainer__postCodeBoxSection .postCodeBox,
  .menuPage__mainContainer__postCodeBoxSection .postCodeBox,
  .pizzasPage__mainContainer__postCodeBoxSection .postCodeBox,
  .sidesPage__mainContainer__postCodeBoxSection .postCodeBox,
  .drinksPage__mainContainer__postCodeBoxSection .postCodeBox,
  .dessertsPage__mainContainer__postCodeBoxSection .postCodeBox,
  .lunchPage__mainContainer__postCodeBoxSection .postCodeBox,
  .ltoPage__mainContainer__postCodeBoxSection .postCodeBox,
  .ingredientsPage__mainContainer__postCodeBoxSection .postCodeBox,
  .aboutUsPage__mainContainer__postCodeBoxSection .postCodeBox,
  .nutritionPage__mainContainer__postCodeBoxSection .postCodeBox {
    margin-top: 1.625rem;
  }
}
@media only screen and (max-width: 48rem) {
  .veganPage__mainContainer__postCodeBoxSection .postCodeBox,
  .wheatFreePage__mainContainer__postCodeBoxSection .postCodeBox,
  .vegetarianPage__mainContainer__postCodeBoxSection .postCodeBox,
  .menuPage__mainContainer__postCodeBoxSection .postCodeBox,
  .pizzasPage__mainContainer__postCodeBoxSection .postCodeBox,
  .sidesPage__mainContainer__postCodeBoxSection .postCodeBox,
  .drinksPage__mainContainer__postCodeBoxSection .postCodeBox,
  .dessertsPage__mainContainer__postCodeBoxSection .postCodeBox,
  .lunchPage__mainContainer__postCodeBoxSection .postCodeBox,
  .ltoPage__mainContainer__postCodeBoxSection .postCodeBox,
  .ingredientsPage__mainContainer__postCodeBoxSection .postCodeBox,
  .aboutUsPage__mainContainer__postCodeBoxSection .postCodeBox,
  .nutritionPage__mainContainer__postCodeBoxSection .postCodeBox {
    width: 100%;
  }
}
.veganPage__mainContainer__postCodeBoxSection .postCodeContainer,
.wheatFreePage__mainContainer__postCodeBoxSection .postCodeContainer,
.vegetarianPage__mainContainer__postCodeBoxSection .postCodeContainer,
.menuPage__mainContainer__postCodeBoxSection .postCodeContainer,
.pizzasPage__mainContainer__postCodeBoxSection .postCodeContainer,
.sidesPage__mainContainer__postCodeBoxSection .postCodeContainer,
.drinksPage__mainContainer__postCodeBoxSection .postCodeContainer,
.dessertsPage__mainContainer__postCodeBoxSection .postCodeContainer,
.lunchPage__mainContainer__postCodeBoxSection .postCodeContainer,
.ltoPage__mainContainer__postCodeBoxSection .postCodeContainer,
.ingredientsPage__mainContainer__postCodeBoxSection .postCodeContainer,
.aboutUsPage__mainContainer__postCodeBoxSection .postCodeContainer,
.nutritionPage__mainContainer__postCodeBoxSection .postCodeContainer {
  position: relative;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
  max-width: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media only screen and (max-width: 48rem) {
  .veganPage__mainContainer__postCodeBoxSection .postCodeContainer,
  .wheatFreePage__mainContainer__postCodeBoxSection .postCodeContainer,
  .vegetarianPage__mainContainer__postCodeBoxSection .postCodeContainer,
  .menuPage__mainContainer__postCodeBoxSection .postCodeContainer,
  .pizzasPage__mainContainer__postCodeBoxSection .postCodeContainer,
  .sidesPage__mainContainer__postCodeBoxSection .postCodeContainer,
  .drinksPage__mainContainer__postCodeBoxSection .postCodeContainer,
  .dessertsPage__mainContainer__postCodeBoxSection .postCodeContainer,
  .lunchPage__mainContainer__postCodeBoxSection .postCodeContainer,
  .ltoPage__mainContainer__postCodeBoxSection .postCodeContainer,
  .ingredientsPage__mainContainer__postCodeBoxSection .postCodeContainer,
  .aboutUsPage__mainContainer__postCodeBoxSection .postCodeContainer,
  .nutritionPage__mainContainer__postCodeBoxSection .postCodeContainer {
    margin: 0 auto;
  }
}
.veganPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne,
.wheatFreePage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne,
.vegetarianPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne,
.menuPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne,
.pizzasPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne,
.sidesPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne,
.drinksPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne,
.dessertsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne,
.lunchPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne,
.ltoPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne,
.ingredientsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne,
.aboutUsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne,
.nutritionPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne {
  width: 100%;
  padding: 1.25rem;
  margin: 0;
  max-width: unset;
}
.veganPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title, .veganPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title,
.wheatFreePage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title,
.wheatFreePage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title,
.vegetarianPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title,
.vegetarianPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title,
.menuPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title,
.menuPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title,
.pizzasPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title,
.pizzasPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title,
.sidesPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title,
.sidesPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title,
.drinksPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title,
.drinksPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title,
.dessertsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title,
.dessertsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title,
.lunchPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title,
.lunchPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title,
.ltoPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title,
.ltoPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title,
.ingredientsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title,
.ingredientsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title,
.aboutUsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title,
.aboutUsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title,
.nutritionPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h1.title,
.nutritionPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne h2.title {
  line-height: 1.25rem;
}
.veganPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > *,
.wheatFreePage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > *,
.vegetarianPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > *,
.menuPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > *,
.pizzasPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > *,
.sidesPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > *,
.drinksPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > *,
.dessertsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > *,
.lunchPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > *,
.ltoPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > *,
.ingredientsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > *,
.aboutUsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > *,
.nutritionPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm > * {
  margin: 0;
  width: 100%;
}
.veganPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm,
.wheatFreePage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm,
.vegetarianPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm,
.menuPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm,
.pizzasPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm,
.sidesPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm,
.drinksPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm,
.dessertsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm,
.lunchPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm,
.ltoPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm,
.ingredientsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm,
.aboutUsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm,
.nutritionPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
.veganPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons,
.wheatFreePage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons,
.vegetarianPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons,
.menuPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons,
.pizzasPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons,
.sidesPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons,
.drinksPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons,
.dessertsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons,
.lunchPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons,
.ltoPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons,
.ingredientsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons,
.aboutUsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons,
.nutritionPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm .twoButtons {
  padding: 0;
}
.veganPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering,
.wheatFreePage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering,
.vegetarianPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering,
.menuPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering,
.pizzasPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering,
.sidesPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering,
.drinksPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering,
.dessertsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering,
.lunchPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering,
.ltoPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering,
.ingredientsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering,
.aboutUsPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering,
.nutritionPage__mainContainer__postCodeBoxSection .postCodeContainer .innerOne #storeSelectionForm #continueOrdering {
  width: 100% !important;
  margin: 0 !important;
}
.veganPage__mainContainer__ingredientsSection,
.wheatFreePage__mainContainer__ingredientsSection,
.vegetarianPage__mainContainer__ingredientsSection,
.menuPage__mainContainer__ingredientsSection,
.pizzasPage__mainContainer__ingredientsSection,
.sidesPage__mainContainer__ingredientsSection,
.drinksPage__mainContainer__ingredientsSection,
.dessertsPage__mainContainer__ingredientsSection,
.lunchPage__mainContainer__ingredientsSection,
.ltoPage__mainContainer__ingredientsSection,
.ingredientsPage__mainContainer__ingredientsSection,
.aboutUsPage__mainContainer__ingredientsSection,
.nutritionPage__mainContainer__ingredientsSection {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer {
  z-index: 3;
  padding: 4rem 11.25rem;
  margin: 0 auto;
  max-width: min(100%, 90rem);
}
@media only screen and (max-width: 48rem) {
  .veganPage__mainContainer__ingredientsSection .ingredientsContainer,
  .wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer,
  .vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer,
  .menuPage__mainContainer__ingredientsSection .ingredientsContainer,
  .pizzasPage__mainContainer__ingredientsSection .ingredientsContainer,
  .sidesPage__mainContainer__ingredientsSection .ingredientsContainer,
  .drinksPage__mainContainer__ingredientsSection .ingredientsContainer,
  .dessertsPage__mainContainer__ingredientsSection .ingredientsContainer,
  .lunchPage__mainContainer__ingredientsSection .ingredientsContainer,
  .ltoPage__mainContainer__ingredientsSection .ingredientsContainer,
  .ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer,
  .aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer,
  .nutritionPage__mainContainer__ingredientsSection .ingredientsContainer {
    padding: 2.5rem;
  }
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader button {
  border: none;
  color: rgb(0, 125, 74);
  background-color: transparent;
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext {
  display: none;
}
@media only screen and (max-width: 48rem) {
  .veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
  .wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
  .vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
  .menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
  .pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
  .sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
  .drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
  .dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
  .lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
  .ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
  .ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
  .aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext,
  .nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev,
  .nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext {
    display: block;
  }
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled],
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled],
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled],
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled],
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled],
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled],
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled],
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled],
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled],
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled],
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled],
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled],
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavPrev[disabled],
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader #carouselMobileNavNext[disabled] {
  color: #c4c4c4;
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.25rem;
}
@media only screen and (max-width: 48rem) {
  .veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
  .wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
  .vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
  .menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
  .pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
  .sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
  .drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
  .dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
  .lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
  .ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
  .ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
  .aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop,
  .nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop {
    display: none;
  }
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled],
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled],
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled],
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled],
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled],
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled],
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled],
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled],
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled],
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled],
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled],
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled],
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavPrev[disabled],
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader .arrowContainerDesktop #carouselNavNext[disabled] {
  color: #c4c4c4;
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .swiper,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .swiper,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .swiper,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .swiper,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .swiper,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .swiper,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .swiper,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .swiper,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .swiper,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .swiper {
  overflow: unset;
  margin-top: 3.75rem;
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide {
  max-width: 18.125rem;
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard {
  text-align: center;
  width: 18.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img {
  width: 13.5rem;
  height: 13.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
  margin-bottom: 1.5rem;
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1.25rem;
  text-align: center;
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: center;
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter {
  margin-top: 1.875rem;
}
.veganPage__mainContainer__ingredientsSection .ingredientsContainer ul,
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer ul,
.vegetarianPage__mainContainer__ingredientsSection .ingredientsContainer ul,
.menuPage__mainContainer__ingredientsSection .ingredientsContainer ul,
.pizzasPage__mainContainer__ingredientsSection .ingredientsContainer ul,
.sidesPage__mainContainer__ingredientsSection .ingredientsContainer ul,
.drinksPage__mainContainer__ingredientsSection .ingredientsContainer ul,
.dessertsPage__mainContainer__ingredientsSection .ingredientsContainer ul,
.lunchPage__mainContainer__ingredientsSection .ingredientsContainer ul,
.ltoPage__mainContainer__ingredientsSection .ingredientsContainer ul,
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer ul,
.aboutUsPage__mainContainer__ingredientsSection .ingredientsContainer ul,
.nutritionPage__mainContainer__ingredientsSection .ingredientsContainer ul {
  padding: 1.25rem;
}
.veganPage__mainContainer__faqSection,
.wheatFreePage__mainContainer__faqSection,
.vegetarianPage__mainContainer__faqSection,
.menuPage__mainContainer__faqSection,
.pizzasPage__mainContainer__faqSection,
.sidesPage__mainContainer__faqSection,
.drinksPage__mainContainer__faqSection,
.dessertsPage__mainContainer__faqSection,
.lunchPage__mainContainer__faqSection,
.ltoPage__mainContainer__faqSection,
.ingredientsPage__mainContainer__faqSection,
.aboutUsPage__mainContainer__faqSection,
.nutritionPage__mainContainer__faqSection {
  width: 100%;
  margin-top: 4rem;
  padding: 0 2.5rem;
}
@media only screen and (max-width: 48rem) {
  .veganPage__mainContainer__faqSection,
  .wheatFreePage__mainContainer__faqSection,
  .vegetarianPage__mainContainer__faqSection,
  .menuPage__mainContainer__faqSection,
  .pizzasPage__mainContainer__faqSection,
  .sidesPage__mainContainer__faqSection,
  .drinksPage__mainContainer__faqSection,
  .dessertsPage__mainContainer__faqSection,
  .lunchPage__mainContainer__faqSection,
  .ltoPage__mainContainer__faqSection,
  .ingredientsPage__mainContainer__faqSection,
  .aboutUsPage__mainContainer__faqSection,
  .nutritionPage__mainContainer__faqSection {
    margin-top: 2.5rem;
  }
}
.veganPage__mainContainer__faqSection h2,
.wheatFreePage__mainContainer__faqSection h2,
.vegetarianPage__mainContainer__faqSection h2,
.menuPage__mainContainer__faqSection h2,
.pizzasPage__mainContainer__faqSection h2,
.sidesPage__mainContainer__faqSection h2,
.drinksPage__mainContainer__faqSection h2,
.dessertsPage__mainContainer__faqSection h2,
.lunchPage__mainContainer__faqSection h2,
.ltoPage__mainContainer__faqSection h2,
.ingredientsPage__mainContainer__faqSection h2,
.aboutUsPage__mainContainer__faqSection h2,
.nutritionPage__mainContainer__faqSection h2 {
  margin-top: 0;
  color: #007D4A;
  font-size: 1.5625rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  text-transform: uppercase;
}
@media only screen and (max-width: 48rem) {
  .veganPage__mainContainer__faqSection .distanceMobile,
  .wheatFreePage__mainContainer__faqSection .distanceMobile,
  .vegetarianPage__mainContainer__faqSection .distanceMobile,
  .menuPage__mainContainer__faqSection .distanceMobile,
  .pizzasPage__mainContainer__faqSection .distanceMobile,
  .sidesPage__mainContainer__faqSection .distanceMobile,
  .drinksPage__mainContainer__faqSection .distanceMobile,
  .dessertsPage__mainContainer__faqSection .distanceMobile,
  .lunchPage__mainContainer__faqSection .distanceMobile,
  .ltoPage__mainContainer__faqSection .distanceMobile,
  .ingredientsPage__mainContainer__faqSection .distanceMobile,
  .aboutUsPage__mainContainer__faqSection .distanceMobile,
  .nutritionPage__mainContainer__faqSection .distanceMobile {
    margin-top: 3.375rem;
  }
}
.veganPage__mainContainer__faqSection p,
.wheatFreePage__mainContainer__faqSection p,
.vegetarianPage__mainContainer__faqSection p,
.menuPage__mainContainer__faqSection p,
.pizzasPage__mainContainer__faqSection p,
.sidesPage__mainContainer__faqSection p,
.drinksPage__mainContainer__faqSection p,
.dessertsPage__mainContainer__faqSection p,
.lunchPage__mainContainer__faqSection p,
.ltoPage__mainContainer__faqSection p,
.ingredientsPage__mainContainer__faqSection p,
.aboutUsPage__mainContainer__faqSection p,
.nutritionPage__mainContainer__faqSection p {
  margin: 0.625rem 0 0 0;
  color: #1C1C1C;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.5rem;
}
.veganPage__mainContainer__faqSection p:first-of-type,
.wheatFreePage__mainContainer__faqSection p:first-of-type,
.vegetarianPage__mainContainer__faqSection p:first-of-type,
.menuPage__mainContainer__faqSection p:first-of-type,
.pizzasPage__mainContainer__faqSection p:first-of-type,
.sidesPage__mainContainer__faqSection p:first-of-type,
.drinksPage__mainContainer__faqSection p:first-of-type,
.dessertsPage__mainContainer__faqSection p:first-of-type,
.lunchPage__mainContainer__faqSection p:first-of-type,
.ltoPage__mainContainer__faqSection p:first-of-type,
.ingredientsPage__mainContainer__faqSection p:first-of-type,
.aboutUsPage__mainContainer__faqSection p:first-of-type,
.nutritionPage__mainContainer__faqSection p:first-of-type {
  margin: 0;
}
.veganPage__mainContainer__faqSection .container,
.wheatFreePage__mainContainer__faqSection .container,
.vegetarianPage__mainContainer__faqSection .container,
.menuPage__mainContainer__faqSection .container,
.pizzasPage__mainContainer__faqSection .container,
.sidesPage__mainContainer__faqSection .container,
.drinksPage__mainContainer__faqSection .container,
.dessertsPage__mainContainer__faqSection .container,
.lunchPage__mainContainer__faqSection .container,
.ltoPage__mainContainer__faqSection .container,
.ingredientsPage__mainContainer__faqSection .container,
.aboutUsPage__mainContainer__faqSection .container,
.nutritionPage__mainContainer__faqSection .container {
  width: 100%;
  margin-top: 1.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.75rem;
}
.veganPage__mainContainer__faqSection .container details,
.wheatFreePage__mainContainer__faqSection .container details,
.vegetarianPage__mainContainer__faqSection .container details,
.menuPage__mainContainer__faqSection .container details,
.pizzasPage__mainContainer__faqSection .container details,
.sidesPage__mainContainer__faqSection .container details,
.drinksPage__mainContainer__faqSection .container details,
.dessertsPage__mainContainer__faqSection .container details,
.lunchPage__mainContainer__faqSection .container details,
.ltoPage__mainContainer__faqSection .container details,
.ingredientsPage__mainContainer__faqSection .container details,
.aboutUsPage__mainContainer__faqSection .container details,
.nutritionPage__mainContainer__faqSection .container details {
  text-align: left;
  -webkit-box-shadow: 0rem 0.25rem 1.25rem 0rem rgba(0, 0, 0, 0.15);
          box-shadow: 0rem 0.25rem 1.25rem 0rem rgba(0, 0, 0, 0.15);
}
.veganPage__mainContainer__faqSection .container details[open] summary,
.wheatFreePage__mainContainer__faqSection .container details[open] summary,
.vegetarianPage__mainContainer__faqSection .container details[open] summary,
.menuPage__mainContainer__faqSection .container details[open] summary,
.pizzasPage__mainContainer__faqSection .container details[open] summary,
.sidesPage__mainContainer__faqSection .container details[open] summary,
.drinksPage__mainContainer__faqSection .container details[open] summary,
.dessertsPage__mainContainer__faqSection .container details[open] summary,
.lunchPage__mainContainer__faqSection .container details[open] summary,
.ltoPage__mainContainer__faqSection .container details[open] summary,
.ingredientsPage__mainContainer__faqSection .container details[open] summary,
.aboutUsPage__mainContainer__faqSection .container details[open] summary,
.nutritionPage__mainContainer__faqSection .container details[open] summary {
  border-bottom: 0.0625rem solid rgb(244, 244, 244);
}
.veganPage__mainContainer__faqSection .container details[open] summary .faq-icon__minus,
.wheatFreePage__mainContainer__faqSection .container details[open] summary .faq-icon__minus,
.vegetarianPage__mainContainer__faqSection .container details[open] summary .faq-icon__minus,
.menuPage__mainContainer__faqSection .container details[open] summary .faq-icon__minus,
.pizzasPage__mainContainer__faqSection .container details[open] summary .faq-icon__minus,
.sidesPage__mainContainer__faqSection .container details[open] summary .faq-icon__minus,
.drinksPage__mainContainer__faqSection .container details[open] summary .faq-icon__minus,
.dessertsPage__mainContainer__faqSection .container details[open] summary .faq-icon__minus,
.lunchPage__mainContainer__faqSection .container details[open] summary .faq-icon__minus,
.ltoPage__mainContainer__faqSection .container details[open] summary .faq-icon__minus,
.ingredientsPage__mainContainer__faqSection .container details[open] summary .faq-icon__minus,
.aboutUsPage__mainContainer__faqSection .container details[open] summary .faq-icon__minus,
.nutritionPage__mainContainer__faqSection .container details[open] summary .faq-icon__minus {
  display: block;
}
.veganPage__mainContainer__faqSection .container details summary,
.wheatFreePage__mainContainer__faqSection .container details summary,
.vegetarianPage__mainContainer__faqSection .container details summary,
.menuPage__mainContainer__faqSection .container details summary,
.pizzasPage__mainContainer__faqSection .container details summary,
.sidesPage__mainContainer__faqSection .container details summary,
.drinksPage__mainContainer__faqSection .container details summary,
.dessertsPage__mainContainer__faqSection .container details summary,
.lunchPage__mainContainer__faqSection .container details summary,
.ltoPage__mainContainer__faqSection .container details summary,
.ingredientsPage__mainContainer__faqSection .container details summary,
.aboutUsPage__mainContainer__faqSection .container details summary,
.nutritionPage__mainContainer__faqSection .container details summary {
  color: #1C1C1C;
  font-size: 1rem;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  padding: 1.25rem;
  border-radius: 0.3125rem;
}
@media only screen and (max-width: 48rem) {
  .veganPage__mainContainer__faqSection .container details summary,
  .wheatFreePage__mainContainer__faqSection .container details summary,
  .vegetarianPage__mainContainer__faqSection .container details summary,
  .menuPage__mainContainer__faqSection .container details summary,
  .pizzasPage__mainContainer__faqSection .container details summary,
  .sidesPage__mainContainer__faqSection .container details summary,
  .drinksPage__mainContainer__faqSection .container details summary,
  .dessertsPage__mainContainer__faqSection .container details summary,
  .lunchPage__mainContainer__faqSection .container details summary,
  .ltoPage__mainContainer__faqSection .container details summary,
  .ingredientsPage__mainContainer__faqSection .container details summary,
  .aboutUsPage__mainContainer__faqSection .container details summary,
  .nutritionPage__mainContainer__faqSection .container details summary {
    padding: 0.75rem 1.25rem;
  }
}
.veganPage__mainContainer__faqSection .container details summary .faq-icon,
.wheatFreePage__mainContainer__faqSection .container details summary .faq-icon,
.vegetarianPage__mainContainer__faqSection .container details summary .faq-icon,
.menuPage__mainContainer__faqSection .container details summary .faq-icon,
.pizzasPage__mainContainer__faqSection .container details summary .faq-icon,
.sidesPage__mainContainer__faqSection .container details summary .faq-icon,
.drinksPage__mainContainer__faqSection .container details summary .faq-icon,
.dessertsPage__mainContainer__faqSection .container details summary .faq-icon,
.lunchPage__mainContainer__faqSection .container details summary .faq-icon,
.ltoPage__mainContainer__faqSection .container details summary .faq-icon,
.ingredientsPage__mainContainer__faqSection .container details summary .faq-icon,
.aboutUsPage__mainContainer__faqSection .container details summary .faq-icon,
.nutritionPage__mainContainer__faqSection .container details summary .faq-icon {
  padding: 0.4688rem;
  font-size: 1.25rem;
  border-radius: 0.625rem;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.veganPage__mainContainer__faqSection .container details summary .faq-icon__plus,
.wheatFreePage__mainContainer__faqSection .container details summary .faq-icon__plus,
.vegetarianPage__mainContainer__faqSection .container details summary .faq-icon__plus,
.menuPage__mainContainer__faqSection .container details summary .faq-icon__plus,
.pizzasPage__mainContainer__faqSection .container details summary .faq-icon__plus,
.sidesPage__mainContainer__faqSection .container details summary .faq-icon__plus,
.drinksPage__mainContainer__faqSection .container details summary .faq-icon__plus,
.dessertsPage__mainContainer__faqSection .container details summary .faq-icon__plus,
.lunchPage__mainContainer__faqSection .container details summary .faq-icon__plus,
.ltoPage__mainContainer__faqSection .container details summary .faq-icon__plus,
.ingredientsPage__mainContainer__faqSection .container details summary .faq-icon__plus,
.aboutUsPage__mainContainer__faqSection .container details summary .faq-icon__plus,
.nutritionPage__mainContainer__faqSection .container details summary .faq-icon__plus {
  width: 1.875rem;
  min-width: 1.875rem;
  height: 1.875rem;
  background-color: #007A53;
  position: relative;
}
.veganPage__mainContainer__faqSection .container details summary .faq-icon__minus,
.wheatFreePage__mainContainer__faqSection .container details summary .faq-icon__minus,
.vegetarianPage__mainContainer__faqSection .container details summary .faq-icon__minus,
.menuPage__mainContainer__faqSection .container details summary .faq-icon__minus,
.pizzasPage__mainContainer__faqSection .container details summary .faq-icon__minus,
.sidesPage__mainContainer__faqSection .container details summary .faq-icon__minus,
.drinksPage__mainContainer__faqSection .container details summary .faq-icon__minus,
.dessertsPage__mainContainer__faqSection .container details summary .faq-icon__minus,
.lunchPage__mainContainer__faqSection .container details summary .faq-icon__minus,
.ltoPage__mainContainer__faqSection .container details summary .faq-icon__minus,
.ingredientsPage__mainContainer__faqSection .container details summary .faq-icon__minus,
.aboutUsPage__mainContainer__faqSection .container details summary .faq-icon__minus,
.nutritionPage__mainContainer__faqSection .container details summary .faq-icon__minus {
  width: 1.875rem;
  min-width: 1.875rem;
  height: 1.875rem;
  display: none;
  border: 0.0625rem solid rgb(0, 122, 83);
  background-color: #fff;
  position: relative;
}
.veganPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus,
.wheatFreePage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus,
.vegetarianPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus,
.menuPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus,
.pizzasPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus,
.sidesPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus,
.drinksPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus,
.dessertsPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus,
.lunchPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus,
.ltoPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus,
.ingredientsPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus,
.aboutUsPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus,
.nutritionPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-plus {
  color: white;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.veganPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus,
.wheatFreePage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus,
.vegetarianPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus,
.menuPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus,
.pizzasPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus,
.sidesPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus,
.drinksPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus,
.dessertsPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus,
.lunchPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus,
.ltoPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus,
.ingredientsPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus,
.aboutUsPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus,
.nutritionPage__mainContainer__faqSection .container details summary .faq-icon .fal.fa-minus {
  color: rgb(0, 122, 83);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.veganPage__mainContainer__faqSection .container details summary::marker, .veganPage__mainContainer__faqSection .container details summary::-webkit-details-marker,
.wheatFreePage__mainContainer__faqSection .container details summary::marker,
.wheatFreePage__mainContainer__faqSection .container details summary::-webkit-details-marker,
.vegetarianPage__mainContainer__faqSection .container details summary::marker,
.vegetarianPage__mainContainer__faqSection .container details summary::-webkit-details-marker,
.menuPage__mainContainer__faqSection .container details summary::marker,
.menuPage__mainContainer__faqSection .container details summary::-webkit-details-marker,
.pizzasPage__mainContainer__faqSection .container details summary::marker,
.pizzasPage__mainContainer__faqSection .container details summary::-webkit-details-marker,
.sidesPage__mainContainer__faqSection .container details summary::marker,
.sidesPage__mainContainer__faqSection .container details summary::-webkit-details-marker,
.drinksPage__mainContainer__faqSection .container details summary::marker,
.drinksPage__mainContainer__faqSection .container details summary::-webkit-details-marker,
.dessertsPage__mainContainer__faqSection .container details summary::marker,
.dessertsPage__mainContainer__faqSection .container details summary::-webkit-details-marker,
.lunchPage__mainContainer__faqSection .container details summary::marker,
.lunchPage__mainContainer__faqSection .container details summary::-webkit-details-marker,
.ltoPage__mainContainer__faqSection .container details summary::marker,
.ltoPage__mainContainer__faqSection .container details summary::-webkit-details-marker,
.ingredientsPage__mainContainer__faqSection .container details summary::marker,
.ingredientsPage__mainContainer__faqSection .container details summary::-webkit-details-marker,
.aboutUsPage__mainContainer__faqSection .container details summary::marker,
.aboutUsPage__mainContainer__faqSection .container details summary::-webkit-details-marker,
.nutritionPage__mainContainer__faqSection .container details summary::marker,
.nutritionPage__mainContainer__faqSection .container details summary::-webkit-details-marker {
  display: none;
  content: "";
}
.veganPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus,
.wheatFreePage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus,
.vegetarianPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus,
.menuPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus,
.pizzasPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus,
.sidesPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus,
.drinksPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus,
.dessertsPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus,
.lunchPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus,
.ltoPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus,
.ingredientsPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus,
.aboutUsPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus,
.nutritionPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__plus {
  display: none;
}
.veganPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus,
.wheatFreePage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus,
.vegetarianPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus,
.menuPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus,
.pizzasPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus,
.sidesPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus,
.drinksPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus,
.dessertsPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus,
.lunchPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus,
.ltoPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus,
.ingredientsPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus,
.aboutUsPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus,
.nutritionPage__mainContainer__faqSection .container details[open] summary .faq-icon.faq-icon__minus {
  display: block;
}
.veganPage__mainContainer__faqSection .container details .textWrapper,
.wheatFreePage__mainContainer__faqSection .container details .textWrapper,
.vegetarianPage__mainContainer__faqSection .container details .textWrapper,
.menuPage__mainContainer__faqSection .container details .textWrapper,
.pizzasPage__mainContainer__faqSection .container details .textWrapper,
.sidesPage__mainContainer__faqSection .container details .textWrapper,
.drinksPage__mainContainer__faqSection .container details .textWrapper,
.dessertsPage__mainContainer__faqSection .container details .textWrapper,
.lunchPage__mainContainer__faqSection .container details .textWrapper,
.ltoPage__mainContainer__faqSection .container details .textWrapper,
.ingredientsPage__mainContainer__faqSection .container details .textWrapper,
.aboutUsPage__mainContainer__faqSection .container details .textWrapper,
.nutritionPage__mainContainer__faqSection .container details .textWrapper {
  padding: 1.25rem;
}
.veganPage__mainContainer__faqSection .container details .textWrapper p,
.wheatFreePage__mainContainer__faqSection .container details .textWrapper p,
.vegetarianPage__mainContainer__faqSection .container details .textWrapper p,
.menuPage__mainContainer__faqSection .container details .textWrapper p,
.pizzasPage__mainContainer__faqSection .container details .textWrapper p,
.sidesPage__mainContainer__faqSection .container details .textWrapper p,
.drinksPage__mainContainer__faqSection .container details .textWrapper p,
.dessertsPage__mainContainer__faqSection .container details .textWrapper p,
.lunchPage__mainContainer__faqSection .container details .textWrapper p,
.ltoPage__mainContainer__faqSection .container details .textWrapper p,
.ingredientsPage__mainContainer__faqSection .container details .textWrapper p,
.aboutUsPage__mainContainer__faqSection .container details .textWrapper p,
.nutritionPage__mainContainer__faqSection .container details .textWrapper p {
  color: #1C1C1C;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}
.veganPage__mainContainer__contactUsSection,
.wheatFreePage__mainContainer__contactUsSection,
.vegetarianPage__mainContainer__contactUsSection,
.menuPage__mainContainer__contactUsSection,
.pizzasPage__mainContainer__contactUsSection,
.sidesPage__mainContainer__contactUsSection,
.drinksPage__mainContainer__contactUsSection,
.dessertsPage__mainContainer__contactUsSection,
.lunchPage__mainContainer__contactUsSection,
.ltoPage__mainContainer__contactUsSection,
.ingredientsPage__mainContainer__contactUsSection,
.aboutUsPage__mainContainer__contactUsSection,
.nutritionPage__mainContainer__contactUsSection {
  margin-top: 4rem;
  margin-bottom: 0.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.125rem;
  padding: 0 2.5rem;
}
.veganPage__mainContainer__contactUsSection img,
.wheatFreePage__mainContainer__contactUsSection img,
.vegetarianPage__mainContainer__contactUsSection img,
.menuPage__mainContainer__contactUsSection img,
.pizzasPage__mainContainer__contactUsSection img,
.sidesPage__mainContainer__contactUsSection img,
.drinksPage__mainContainer__contactUsSection img,
.dessertsPage__mainContainer__contactUsSection img,
.lunchPage__mainContainer__contactUsSection img,
.ltoPage__mainContainer__contactUsSection img,
.ingredientsPage__mainContainer__contactUsSection img,
.aboutUsPage__mainContainer__contactUsSection img,
.nutritionPage__mainContainer__contactUsSection img {
  width: 19.375rem;
  max-width: 100%;
  height: 10.5625rem;
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__contactUsSection,
  .wheatFreePage__mainContainer__contactUsSection,
  .vegetarianPage__mainContainer__contactUsSection,
  .menuPage__mainContainer__contactUsSection,
  .pizzasPage__mainContainer__contactUsSection,
  .sidesPage__mainContainer__contactUsSection,
  .drinksPage__mainContainer__contactUsSection,
  .dessertsPage__mainContainer__contactUsSection,
  .lunchPage__mainContainer__contactUsSection,
  .ltoPage__mainContainer__contactUsSection,
  .ingredientsPage__mainContainer__contactUsSection,
  .aboutUsPage__mainContainer__contactUsSection,
  .nutritionPage__mainContainer__contactUsSection {
    margin-top: 2.8125rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.veganPage__mainContainer__contactUsSection .textSection,
.wheatFreePage__mainContainer__contactUsSection .textSection,
.vegetarianPage__mainContainer__contactUsSection .textSection,
.menuPage__mainContainer__contactUsSection .textSection,
.pizzasPage__mainContainer__contactUsSection .textSection,
.sidesPage__mainContainer__contactUsSection .textSection,
.drinksPage__mainContainer__contactUsSection .textSection,
.dessertsPage__mainContainer__contactUsSection .textSection,
.lunchPage__mainContainer__contactUsSection .textSection,
.ltoPage__mainContainer__contactUsSection .textSection,
.ingredientsPage__mainContainer__contactUsSection .textSection,
.aboutUsPage__mainContainer__contactUsSection .textSection,
.nutritionPage__mainContainer__contactUsSection .textSection {
  height: 100%;
  margin-top: 0.625rem;
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__contactUsSection .textSection,
  .wheatFreePage__mainContainer__contactUsSection .textSection,
  .vegetarianPage__mainContainer__contactUsSection .textSection,
  .menuPage__mainContainer__contactUsSection .textSection,
  .pizzasPage__mainContainer__contactUsSection .textSection,
  .sidesPage__mainContainer__contactUsSection .textSection,
  .drinksPage__mainContainer__contactUsSection .textSection,
  .dessertsPage__mainContainer__contactUsSection .textSection,
  .lunchPage__mainContainer__contactUsSection .textSection,
  .ltoPage__mainContainer__contactUsSection .textSection,
  .ingredientsPage__mainContainer__contactUsSection .textSection,
  .aboutUsPage__mainContainer__contactUsSection .textSection,
  .nutritionPage__mainContainer__contactUsSection .textSection {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.veganPage__mainContainer__contactUsSection .textSection h2,
.wheatFreePage__mainContainer__contactUsSection .textSection h2,
.vegetarianPage__mainContainer__contactUsSection .textSection h2,
.menuPage__mainContainer__contactUsSection .textSection h2,
.pizzasPage__mainContainer__contactUsSection .textSection h2,
.sidesPage__mainContainer__contactUsSection .textSection h2,
.drinksPage__mainContainer__contactUsSection .textSection h2,
.dessertsPage__mainContainer__contactUsSection .textSection h2,
.lunchPage__mainContainer__contactUsSection .textSection h2,
.ltoPage__mainContainer__contactUsSection .textSection h2,
.ingredientsPage__mainContainer__contactUsSection .textSection h2,
.aboutUsPage__mainContainer__contactUsSection .textSection h2,
.nutritionPage__mainContainer__contactUsSection .textSection h2 {
  margin: 0;
  font-size: 1.5625rem;
  font-weight: 700;
  line-height: 1.5625rem;
  text-align: left;
  color: rgb(0, 125, 74);
}
.veganPage__mainContainer__contactUsSection .textSection p,
.wheatFreePage__mainContainer__contactUsSection .textSection p,
.vegetarianPage__mainContainer__contactUsSection .textSection p,
.menuPage__mainContainer__contactUsSection .textSection p,
.pizzasPage__mainContainer__contactUsSection .textSection p,
.sidesPage__mainContainer__contactUsSection .textSection p,
.drinksPage__mainContainer__contactUsSection .textSection p,
.dessertsPage__mainContainer__contactUsSection .textSection p,
.lunchPage__mainContainer__contactUsSection .textSection p,
.ltoPage__mainContainer__contactUsSection .textSection p,
.ingredientsPage__mainContainer__contactUsSection .textSection p,
.aboutUsPage__mainContainer__contactUsSection .textSection p,
.nutritionPage__mainContainer__contactUsSection .textSection p {
  margin: 0;
  margin-top: 0.625rem;
  margin-bottom: 2.25rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5rem;
  text-align: left;
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__contactUsSection .textSection p,
  .wheatFreePage__mainContainer__contactUsSection .textSection p,
  .vegetarianPage__mainContainer__contactUsSection .textSection p,
  .menuPage__mainContainer__contactUsSection .textSection p,
  .pizzasPage__mainContainer__contactUsSection .textSection p,
  .sidesPage__mainContainer__contactUsSection .textSection p,
  .drinksPage__mainContainer__contactUsSection .textSection p,
  .dessertsPage__mainContainer__contactUsSection .textSection p,
  .lunchPage__mainContainer__contactUsSection .textSection p,
  .ltoPage__mainContainer__contactUsSection .textSection p,
  .ingredientsPage__mainContainer__contactUsSection .textSection p,
  .aboutUsPage__mainContainer__contactUsSection .textSection p,
  .nutritionPage__mainContainer__contactUsSection .textSection p {
    margin-bottom: 1.25rem;
  }
}
.veganPage__mainContainer__contactUsSection .textSection .button,
.wheatFreePage__mainContainer__contactUsSection .textSection .button,
.vegetarianPage__mainContainer__contactUsSection .textSection .button,
.menuPage__mainContainer__contactUsSection .textSection .button,
.pizzasPage__mainContainer__contactUsSection .textSection .button,
.sidesPage__mainContainer__contactUsSection .textSection .button,
.drinksPage__mainContainer__contactUsSection .textSection .button,
.dessertsPage__mainContainer__contactUsSection .textSection .button,
.lunchPage__mainContainer__contactUsSection .textSection .button,
.ltoPage__mainContainer__contactUsSection .textSection .button,
.ingredientsPage__mainContainer__contactUsSection .textSection .button,
.aboutUsPage__mainContainer__contactUsSection .textSection .button,
.nutritionPage__mainContainer__contactUsSection .textSection .button {
  color: white;
  padding: 0.8125rem 2.75rem;
  background-color: rgb(0, 125, 74);
  border: 0.0625rem solid rgb(0, 125, 74);
  border-radius: 0.3125rem;
}
@media only screen and (max-width: 49.875rem) {
  .veganPage__mainContainer__contactUsSection .textSection .button,
  .wheatFreePage__mainContainer__contactUsSection .textSection .button,
  .vegetarianPage__mainContainer__contactUsSection .textSection .button,
  .menuPage__mainContainer__contactUsSection .textSection .button,
  .pizzasPage__mainContainer__contactUsSection .textSection .button,
  .sidesPage__mainContainer__contactUsSection .textSection .button,
  .drinksPage__mainContainer__contactUsSection .textSection .button,
  .dessertsPage__mainContainer__contactUsSection .textSection .button,
  .lunchPage__mainContainer__contactUsSection .textSection .button,
  .ltoPage__mainContainer__contactUsSection .textSection .button,
  .ingredientsPage__mainContainer__contactUsSection .textSection .button,
  .aboutUsPage__mainContainer__contactUsSection .textSection .button,
  .nutritionPage__mainContainer__contactUsSection .textSection .button {
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
.veganPage .maxWidthContainer,
.wheatFreePage .maxWidthContainer,
.vegetarianPage .maxWidthContainer,
.menuPage .maxWidthContainer,
.pizzasPage .maxWidthContainer,
.sidesPage .maxWidthContainer,
.drinksPage .maxWidthContainer,
.dessertsPage .maxWidthContainer,
.lunchPage .maxWidthContainer,
.ltoPage .maxWidthContainer,
.ingredientsPage .maxWidthContainer,
.aboutUsPage .maxWidthContainer,
.nutritionPage .maxWidthContainer {
  width: 100%;
  max-width: 67.5rem;
}
@media only screen and (max-width: 75rem) {
  .veganPage .hideOnTablet,
  .wheatFreePage .hideOnTablet,
  .vegetarianPage .hideOnTablet,
  .menuPage .hideOnTablet,
  .pizzasPage .hideOnTablet,
  .sidesPage .hideOnTablet,
  .drinksPage .hideOnTablet,
  .dessertsPage .hideOnTablet,
  .lunchPage .hideOnTablet,
  .ltoPage .hideOnTablet,
  .ingredientsPage .hideOnTablet,
  .aboutUsPage .hideOnTablet,
  .nutritionPage .hideOnTablet {
    display: none;
  }
}
@media only screen and (max-width: 49.875rem) {
  .veganPage .hideOnSmallScreens,
  .wheatFreePage .hideOnSmallScreens,
  .vegetarianPage .hideOnSmallScreens,
  .menuPage .hideOnSmallScreens,
  .pizzasPage .hideOnSmallScreens,
  .sidesPage .hideOnSmallScreens,
  .drinksPage .hideOnSmallScreens,
  .dessertsPage .hideOnSmallScreens,
  .lunchPage .hideOnSmallScreens,
  .ltoPage .hideOnSmallScreens,
  .ingredientsPage .hideOnSmallScreens,
  .aboutUsPage .hideOnSmallScreens,
  .nutritionPage .hideOnSmallScreens {
    display: none;
  }
}
.veganPage .textAlignCenter,
.wheatFreePage .textAlignCenter,
.vegetarianPage .textAlignCenter,
.menuPage .textAlignCenter,
.pizzasPage .textAlignCenter,
.sidesPage .textAlignCenter,
.drinksPage .textAlignCenter,
.dessertsPage .textAlignCenter,
.lunchPage .textAlignCenter,
.ltoPage .textAlignCenter,
.ingredientsPage .textAlignCenter,
.aboutUsPage .textAlignCenter,
.nutritionPage .textAlignCenter {
  text-align: center;
}
.veganPage .mt-2,
.wheatFreePage .mt-2,
.vegetarianPage .mt-2,
.menuPage .mt-2,
.pizzasPage .mt-2,
.sidesPage .mt-2,
.drinksPage .mt-2,
.dessertsPage .mt-2,
.lunchPage .mt-2,
.ltoPage .mt-2,
.ingredientsPage .mt-2,
.aboutUsPage .mt-2,
.nutritionPage .mt-2 {
  margin-top: 2rem;
}
.veganPage .specialMargin,
.wheatFreePage .specialMargin,
.vegetarianPage .specialMargin,
.menuPage .specialMargin,
.pizzasPage .specialMargin,
.sidesPage .specialMargin,
.drinksPage .specialMargin,
.dessertsPage .specialMargin,
.lunchPage .specialMargin,
.ltoPage .specialMargin,
.ingredientsPage .specialMargin,
.aboutUsPage .specialMargin,
.nutritionPage .specialMargin {
  margin-top: 2.125rem;
}
.veganPage .mt-5,
.wheatFreePage .mt-5,
.vegetarianPage .mt-5,
.menuPage .mt-5,
.pizzasPage .mt-5,
.sidesPage .mt-5,
.drinksPage .mt-5,
.dessertsPage .mt-5,
.lunchPage .mt-5,
.ltoPage .mt-5,
.ingredientsPage .mt-5,
.aboutUsPage .mt-5,
.nutritionPage .mt-5 {
  margin-top: 5rem;
}
@media screen and (min-width: 1201px) {
  .veganPage .desktop-spacing,
  .wheatFreePage .desktop-spacing,
  .vegetarianPage .desktop-spacing,
  .menuPage .desktop-spacing,
  .pizzasPage .desktop-spacing,
  .sidesPage .desktop-spacing,
  .drinksPage .desktop-spacing,
  .dessertsPage .desktop-spacing,
  .lunchPage .desktop-spacing,
  .ltoPage .desktop-spacing,
  .ingredientsPage .desktop-spacing,
  .aboutUsPage .desktop-spacing,
  .nutritionPage .desktop-spacing {
    margin-top: 3.375rem;
  }
}
.veganPage__link,
.wheatFreePage__link,
.vegetarianPage__link,
.menuPage__link,
.pizzasPage__link,
.sidesPage__link,
.drinksPage__link,
.dessertsPage__link,
.lunchPage__link,
.ltoPage__link,
.ingredientsPage__link,
.aboutUsPage__link,
.nutritionPage__link {
  text-decoration: none;
  color: #007d4a;
}

.pb-0 {
  padding-bottom: 0;
}

.lunchPage__header {
  gap: 1.25rem;
  padding-bottom: 1.25rem;
}
.lunchPage__header .pizzaImage {
  top: -4.125rem;
}
.lunchPage__header .textContainer p {
  margin: 0;
}
.lunchPage__header .potatoTotsImage {
  width: 15.625rem;
  height: 15.625rem;
  top: -7.8rem;
  left: -17.6rem;
}
.lunchPage__mainContainer {
  padding-top: 4rem;
}
@media only screen and (max-width: 49.875rem) {
  .lunchPage__mainContainer {
    padding-top: 2.5rem;
  }
}
.lunchPage__mainContainer__heroBanner {
  width: 100%;
  height: 12rem;
  margin-top: 2.5rem;
  cursor: pointer;
}
@media only screen and (max-width: 68rem) {
  .lunchPage__mainContainer__heroBanner {
    max-width: 47.75rem;
  }
}
@media only screen and (max-width: 49.875rem) {
  .lunchPage__mainContainer__heroBanner {
    max-width: 30.375rem;
    height: 7.5rem;
  }
}
.lunchPage__mainContainer__heroBanner > div {
  background-image: url("/images/pizza-deal-hero-banner.png");
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  height: 100%;
  border-radius: 5px;
}
@media only screen and (max-width: 49.875rem) {
  .lunchPage__mainContainer__heroBanner > div {
    background-image: url("/images/deal-banner-hero-mobile.png");
    height: 100%;
  }
}
.lunchPage__mainContainer__productListingSection {
  padding-bottom: 4rem;
}
@media only screen and (max-width: 49.875rem) {
  .lunchPage__mainContainer__productListingSection {
    padding-bottom: 2.5rem;
  }
}
.lunchPage__mainContainer__postCodeBoxSection .maxWidthContainer {
  position: relative;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.lunchPage__mainContainer__postCodeBoxSection .maxWidthContainer .postCodeBox {
  margin-top: 2.5rem;
}
@media only screen and (max-width: 49.875rem) {
  .lunchPage__mainContainer__postCodeBoxSection .maxWidthContainer .postCodeBox {
    margin-top: 1.625rem;
  }
}

.ltoPage__header .menuLogo {
  max-width: 90%;
}
.ltoPage__header .pizzaImage {
  top: -6.875rem;
}
.ltoPage__header .potatoTotsImage {
  top: -9.6875rem;
  left: -17.6rem;
}
.ltoPage__mainContainer {
  padding: 4rem 0;
}
.ltoPage__mainContainer__productListingSection .productListing {
  margin: 4rem 0;
}
@media only screen and (max-width: 49.875rem) {
  .ltoPage__mainContainer__productListingSection .productListing {
    margin: 2.5rem 0;
  }
}
.ltoPage__mainContainer__productListingSection .productListing__card__info__content {
  padding: 0;
  width: 100%;
  background-image: url("/images/lto-page-card.png");
  background-position: center;
  background-size: 100% 100%;
}
@media only screen and (max-width: 49.875rem) {
  .ltoPage__mainContainer__productListingSection .productListing__card__info__content {
    background-image: url("/images/lto-page-card-mobile.png");
    height: 100%;
    min-height: 8.625rem;
    background-size: cover;
  }
}
.ltoPage__mainContainer__productListingSection.missedOffers {
  margin-top: 4rem;
}
@media only screen and (max-width: 49.875rem) {
  .ltoPage__mainContainer__productListingSection.missedOffers {
    margin-top: 2.5rem;
  }
}
.ltoPage__mainContainer__productListingSection.missedOffers h2 {
  margin-top: 0;
}
.ltoPage__mainContainer__productListingSection.missedOffers .productListing__card__info__content {
  background-image: url("/images/lto-missed-offers-card.png");
}
@media only screen and (max-width: 49.875rem) {
  .ltoPage__mainContainer__productListingSection.missedOffers .productListing__card__info__content {
    background-image: url("/images/lto-missed-offers-card-mobile.png");
  }
}
.ltoPage__mainContainer__text {
  margin: 0 1rem 4rem;
}
@media only screen and (max-width: 49.875rem) {
  .ltoPage__mainContainer__text {
    margin: 0 1rem 2.5rem;
  }
}
.ltoPage__mainContainer__text.signInCta {
  margin: 0 2.5rem;
}
.ltoPage__mainContainer__text.signInCta .button {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 0.3125rem;
  border: 1px solid #007D4A;
  display: block;
  text-align: center;
  color: white;
  background-color: #007D4A;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.75rem 2.75rem;
  margin: 1.25rem auto 0;
}
.ltoPage__mainContainer__text.signInCta .button:hover, .ltoPage__mainContainer__text.signInCta .button:focus, .ltoPage__mainContainer__text.signInCta .button:active {
  color: #007D4A;
  background-color: white;
}

.ingredientsPage__header .menuLogo {
  max-width: min(21.5rem, 90%);
  max-height: 4.125rem;
}
.ingredientsPage__header .textContainer p {
  margin: 0;
}
.ingredientsPage__header .pizzaImage {
  right: -20.5rem;
  top: -6.625rem;
}
.ingredientsPage__header .potatoTotsImage {
  top: unset;
  bottom: -1.875rem;
  left: -15.625rem;
}
.ingredientsPage__mainContainer {
  padding: 4rem 0;
}
@media only screen and (max-width: 49.875rem) {
  .ingredientsPage__mainContainer {
    padding: 2.5rem 0;
  }
}
.ingredientsPage__mainContainer__ingredientsSection {
  margin-top: 4rem;
}
@media only screen and (max-width: 48rem) {
  .ingredientsPage__mainContainer__ingredientsSection {
    margin-top: 2.5rem;
  }
}
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer {
  padding: 4rem 12.5rem;
}
@media only screen and (max-width: 62.5rem) {
  .ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer {
    padding: 3.75rem;
  }
}
@media only screen and (max-width: 48rem) {
  .ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer {
    padding: 2.5rem;
  }
}
@media only screen and (max-width: 48rem) {
  .ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselHeader {
    text-align: center;
    gap: 0.3125rem;
  }
}
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper {
  margin-top: 3.125rem;
}
@media only screen and (max-width: 48rem) {
  .ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper {
    margin-top: 4.375rem;
  }
}
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .swiper-slide {
  max-width: 9.0625rem;
  height: auto;
}
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard {
  width: 100%;
}
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard img {
  width: 7.5rem;
  height: 7.5rem;
}
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard .icons {
  width: 100%;
  height: 1.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.125rem;
  margin-bottom: 0.375rem;
}
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard .icons img {
  width: 1.125rem;
  height: 1.125rem;
  margin: 0;
}
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .swiper .ingredientCard h4 {
  margin-bottom: 0;
}
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter {
  margin-top: 5rem;
}
@media only screen and (max-width: 48rem) {
  .ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter {
    margin-top: 4.375rem;
  }
}
.ingredientsPage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter p {
  font-size: 0.875rem;
  margin: 0;
}

.aboutUsPage__header .textContainer p {
  margin: 0;
}
.aboutUsPage__header .pizzaImage {
  top: -6rem;
  right: -22.5rem;
}
.aboutUsPage__header .potatoTotsImage {
  top: unset;
  bottom: 1.875rem;
  left: -14rem;
}
.aboutUsPage__mainContainer {
  padding: 0;
}
.aboutUsPage__mainContainer__mainSectionTitle {
  color: #2d5d2a;
}
.aboutUsPage__mainContainer__postCodeBoxSectionWrapper {
  padding: 0 0 1.875rem;
}
.aboutUsPage__mainContainer .gridSectionContainer,
.aboutUsPage__mainContainer .resourceContainer,
.aboutUsPage__mainContainer .ourPeopleCarousel {
  padding: 4rem 2.5rem;
  width: 100%;
  max-width: 70rem;
}
.aboutUsPage__mainContainer .gridSectionContainer.smallPadding,
.aboutUsPage__mainContainer .resourceContainer.smallPadding,
.aboutUsPage__mainContainer .ourPeopleCarousel.smallPadding {
  padding: 2.5rem;
}
.aboutUsPage__mainContainer .gridSectionContainer hr,
.aboutUsPage__mainContainer .resourceContainer hr,
.aboutUsPage__mainContainer .ourPeopleCarousel hr {
  display: none;
}
@media only screen and (max-width: 33rem) {
  .aboutUsPage__mainContainer .gridSectionContainer.bottomHr hr,
  .aboutUsPage__mainContainer .resourceContainer.bottomHr hr,
  .aboutUsPage__mainContainer .ourPeopleCarousel.bottomHr hr {
    display: block;
    width: calc(100% - 1.75rem);
    height: 1px;
    padding: 0;
    margin: 2.5rem auto 0;
    border: none;
    background-color: #007A53;
  }
}
.aboutUsPage__mainContainer .noTopPadding {
  padding: 0 2.5rem 4rem;
}
@media only screen and (max-width: 48rem) {
  .aboutUsPage__mainContainer .gridSectionContainer,
  .aboutUsPage__mainContainer .resourceContainer,
  .aboutUsPage__mainContainer .ourPeopleCarousel {
    padding: 2.5rem;
  }
  .aboutUsPage__mainContainer .noTopPadding {
    padding: 0 2.5rem 2.5rem;
  }
}
.aboutUsPage__mainContainer .gridSection {
  margin-top: 2.5rem;
  display: -ms-grid;
  display: grid;
  gap: 1rem;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  -ms-grid-columns: 1fr 1rem 1fr 1rem 1fr 1rem 1fr;
  grid-template-columns: repeat(4, 1fr);
}
.aboutUsPage__mainContainer .gridSection > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
.aboutUsPage__mainContainer .gridSection > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
.aboutUsPage__mainContainer .gridSection > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
.aboutUsPage__mainContainer .gridSection > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
@media only screen and (max-width: 75rem) {
  .aboutUsPage__mainContainer .gridSection {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 33rem) {
  .aboutUsPage__mainContainer .gridSection {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.aboutUsPage__mainContainer .gridSection .card {
  padding: 1rem;
  border-radius: 0.625rem;
  min-height: 19.375rem;
  max-height: 19.375rem;
  background-color: #f4f4f4;
  -ms-grid-row-span: 1;
  grid-row: span 1;
  -ms-grid-column-span: 1;
  grid-column: span 1;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.aboutUsPage__mainContainer .gridSection .card p {
  margin: 0;
  line-height: 1.375rem;
}
.aboutUsPage__mainContainer .gridSection .card p.bigText {
  font-size: 1.125rem;
}
.aboutUsPage__mainContainer .gridSection .card p.smallSpacingtop {
  margin-top: 0.25rem;
}
.aboutUsPage__mainContainer .gridSection .card p.white {
  color: white;
}
.aboutUsPage__mainContainer .gridSection .card p.smallHeight {
  line-height: 1.125rem;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  height: 100%;
  z-index: 2;
  position: relative;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent.mediumWidth {
  max-width: 23.4375rem;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent.smallWidth {
  max-width: 15.625rem;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent.justifyEnd {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent > img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: unset;
  margin: -1rem -1rem 1rem;
  width: 210%;
  max-width: 512px;
  max-height: 9.6875rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .title {
  font-size: 2.5rem;
  line-height: 2.25rem;
  color: #2d5d2a;
  font-weight: 500;
  font-family: "Papa Sans Medium";
  text-transform: uppercase;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .title.lowercase {
  text-transform: initial;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .title.white {
  color: white;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .title.small {
  font-size: 2rem;
  line-height: 1.75rem;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .title.medium {
  font-size: 2.5rem;
  line-height: 2.25rem;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .title.big2 {
  font-size: 3.25rem;
  line-height: 2.875rem;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .title.big {
  font-size: 3.75rem;
  line-height: 4.25rem;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .subtitle {
  font-size: 1.125rem;
  line-height: 1rem;
  color: #2d5d2a;
  font-weight: 500;
  font-family: "Papa Sans Medium";
  text-transform: uppercase;
  margin-top: 0.25rem;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .subtitle.white {
  color: white;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .subtitle.maxWidth {
  max-width: 18.125rem;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .qoute {
  font-size: 1.625rem;
  line-height: 1.5rem;
  color: #2d5d2a;
  font-weight: 500;
  font-family: "Papa Sans Medium";
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .growEl {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .button {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 0.3125rem;
  border: 1px solid #2d5d2a;
  display: block;
  text-align: center;
  color: white;
  background-color: #2d5d2a;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.75rem 1rem;
  margin-left: auto;
}
.aboutUsPage__mainContainer .gridSection .card .cardContent .button:hover, .aboutUsPage__mainContainer .gridSection .card .cardContent .button:focus, .aboutUsPage__mainContainer .gridSection .card .cardContent .button:active {
  color: #2d5d2a;
  background-color: white;
}
.aboutUsPage__mainContainer .gridSection .card img {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  top: 16px;
  right: 16px;
}
.aboutUsPage__mainContainer .gridSection .card img.icon {
  width: 6.875rem;
  height: 6.875rem;
}
@media only screen and (max-width: 33rem) {
  .aboutUsPage__mainContainer .gridSection .card img.iconMobile {
    width: 3.875rem;
    height: 3.875rem;
  }
  .aboutUsPage__mainContainer .gridSection .card img.mobileHidden {
    display: none;
  }
}
.aboutUsPage__mainContainer .gridSection .card.rows2 {
  -ms-grid-row-span: 2;
  grid-row: span 2;
}
.aboutUsPage__mainContainer .gridSection .card.columns2 {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.aboutUsPage__mainContainer .gridSection .card.smallCard {
  min-height: 9.1875rem;
}
.aboutUsPage__mainContainer .gridSection .card.cardGreen {
  background-color: #d7e7e2;
}
.aboutUsPage__mainContainer .gridSection .card.cardDarkGreen {
  background-color: #2d5d2a;
}
.aboutUsPage__mainContainer .gridSection .card.cardBrightGreen {
  background-color: #cfeb0c;
}
.aboutUsPage__mainContainer .gridSection .card.cardRed {
  background-color: #f00;
}
.aboutUsPage__mainContainer .gridSection .card.cardBrown {
  background-color: #f5e8dc;
}
@media only screen and (max-width: 75rem) {
  .aboutUsPage__mainContainer .gridSection .card.orderfirst {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .aboutUsPage__mainContainer .gridSection .card.orderLast {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media only screen and (max-width: 33rem) {
  .aboutUsPage__mainContainer .gridSection .card.autoCard {
    min-height: unset;
  }
  .aboutUsPage__mainContainer .gridSection .card.mobilehidden {
    display: none;
  }
  .aboutUsPage__mainContainer .gridSection .card.rows2 {
    -ms-grid-row-span: 1;
    grid-row: span 1;
  }
  .aboutUsPage__mainContainer .gridSection .card.columns2 {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  .aboutUsPage__mainContainer .gridSection .card.orderfirst, .aboutUsPage__mainContainer .gridSection .card.orderLast {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.aboutUsPage__mainContainer .resourceSection {
  margin: 2.5rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.aboutUsPage__mainContainer .resourceSection .card {
  padding: 1rem;
  border-radius: 0.625rem;
  overflow: hidden;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.aboutUsPage__mainContainer .resourceSection .card.cardWhite {
  background-color: white;
}
.aboutUsPage__mainContainer .resourceSection .card.cardGreen {
  background-color: #2d5d2a;
}
.aboutUsPage__mainContainer .resourceSection .card .title {
  font-size: 2.5rem;
  line-height: 2.25rem;
  margin-top: 0;
  margin-bottom: 1rem;
  color: white;
  font-weight: 500;
  font-family: "Papa Sans Medium";
  text-transform: uppercase;
}
.aboutUsPage__mainContainer .resourceSection .card .title.maxWidth {
  max-width: 13.75rem;
}
.aboutUsPage__mainContainer .resourceSection .card .title.small {
  font-size: 1.875rem;
  line-height: 1.625rem;
}
.aboutUsPage__mainContainer .resourceSection .card .title.green {
  color: #2d5d2a;
}
.aboutUsPage__mainContainer .resourceSection .card p {
  margin: 0;
}
.aboutUsPage__mainContainer .resourceSection .card p.bigText {
  font-size: 1.125rem;
}
.aboutUsPage__mainContainer .resourceSection .card .downloadLink {
  font-size: 1rem;
  line-height: 1.375rem;
  text-decoration: underline;
  color: black;
  font-weight: 700;
}
.aboutUsPage__mainContainer .resourceSection .card .downloadLink:hover {
  text-decoration: none;
}
.aboutUsPage__mainContainer .resourceSection .card.desktopHidden,
.aboutUsPage__mainContainer .resourceSection .card .desktopHidden {
  display: none;
}
.aboutUsPage__mainContainer .resourceSection .flexCard {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.aboutUsPage__mainContainer .resourceSection .relativeCard {
  position: relative;
}
.aboutUsPage__mainContainer .resourceSection .relativeCard img {
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  position: absolute;
  width: 110px;
  height: 110px;
}
.aboutUsPage__mainContainer .resourceSection .relativeCard img.mediumSize {
  width: 350px;
  height: 175px;
}
.aboutUsPage__mainContainer .resourceSection .relativeCard img.small {
  width: 52px;
  height: 52px;
}
.aboutUsPage__mainContainer .resourceSection .relativeCard img.left {
  left: 1rem;
}
.aboutUsPage__mainContainer .resourceSection .relativeCard img.bottom {
  bottom: 1rem;
}
.aboutUsPage__mainContainer .resourceSection .relativeCard img.bottomEdge {
  bottom: 0;
}
.aboutUsPage__mainContainer .resourceSection .relativeCard img.right {
  right: 1rem;
}
.aboutUsPage__mainContainer .resourceSection .grow1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.aboutUsPage__mainContainer .resourceSection .tallCard {
  min-height: 19.375rem;
}
.aboutUsPage__mainContainer .resourceSection .noPadding {
  padding: 0;
}
.aboutUsPage__mainContainer .resourceSection .listCard {
  border-radius: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1rem;
}
.aboutUsPage__mainContainer .resourceSection .listCard .listItem {
  width: 100%;
}
.aboutUsPage__mainContainer .resourceSection .listCard .title {
  margin: 0;
  font-size: 1.875rem;
  line-height: 1.6875rem;
}
.aboutUsPage__mainContainer .resourceSection .listCard p {
  margin: 0;
}
.aboutUsPage__mainContainer .resourceSection .minWidth {
  width: 16.625rem;
}
@media only screen and (max-width: 75rem) {
  .aboutUsPage__mainContainer .resourceSection .card,
  .aboutUsPage__mainContainer .resourceSection .card.minWidth {
    width: 100%;
  }
  .aboutUsPage__mainContainer .resourceSection .card.halfmobile,
  .aboutUsPage__mainContainer .resourceSection .card.minWidth.halfmobile {
    width: calc(50% - 0.5rem);
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
  .aboutUsPage__mainContainer .resourceSection .listCard .listItem {
    width: calc(50% - 0.5rem);
  }
  .aboutUsPage__mainContainer .resourceSection .listCard .listItem.order1 {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .aboutUsPage__mainContainer .resourceSection .listCard .listItem.order2 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .aboutUsPage__mainContainer .resourceSection .listCard .listItem.order3 {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
@media only screen and (max-width: 33rem) {
  .aboutUsPage__mainContainer .resourceSection {
    gap: 2.5rem 1rem;
  }
  .aboutUsPage__mainContainer .resourceSection .card.halfmobile,
  .aboutUsPage__mainContainer .resourceSection .card.minWidth.halfmobile {
    width: 100%;
  }
  .aboutUsPage__mainContainer .resourceSection .card.orderfirst {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .aboutUsPage__mainContainer .resourceSection .card.desktopHidden,
  .aboutUsPage__mainContainer .resourceSection .card .desktopHidden {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .aboutUsPage__mainContainer .resourceSection .card.mobileHidden,
  .aboutUsPage__mainContainer .resourceSection .card .mobileHidden {
    display: none;
  }
  .aboutUsPage__mainContainer .resourceSection .listCard .listItem {
    width: 100%;
  }
}
.aboutUsPage__mainContainer .peopleCarouselContainer {
  margin: 2rem 0;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper {
  overflow: visible;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 16.75rem;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard {
  width: 16.75rem;
  height: 22.75rem;
  border-radius: 0.5rem;
  margin-bottom: 0.875rem;
  position: relative;
  -webkit-transform-style: flat;
          transform-style: flat;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  cursor: pointer;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard .front,
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard .back {
  -webkit-transform-style: flat;
          transform-style: flat;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border-radius: 0.5rem;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  overflow: hidden;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard .front img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard .back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  background-color: #2d5d2a;
  color: white;
  padding: 3.25rem 1rem 1rem;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard .back p {
  font-size: 1rem;
  line-height: 1.5rem;
  margin: 0;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard .flipButton {
  width: 30px;
  height: 30px;
  background-color: white;
  color: #2d5d2a;
  border: 1px solid white;
  border-radius: 100%;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard.perspectiveCard {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard.perspectiveCard .front,
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard.perspectiveCard .back {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard.flipped {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard.flipped:hover .back .flipButton {
  border: 1px solid white;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide .flipCard:hover .flipButton {
  background-color: #2d5d2a;
  color: white;
  border: 1px solid #2d5d2a;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide h3 {
  font-size: 1.125rem;
  line-height: 1.125rem;
  margin-bottom: 0.25rem;
  font-weight: 700;
}
.aboutUsPage__mainContainer .peopleCarouselContainer .swiper-slide p {
  font-size: 0.875rem;
  line-height: 1rem;
  margin: 0;
}
.aboutUsPage__mainContainer .textSection h1, .aboutUsPage__mainContainer .textSection h2 {
  margin: 0;
  font-size: 2.5rem;
  line-height: 2.125rem;
  font-weight: 500;
  font-family: "Papa Sans Medium";
}
.aboutUsPage__mainContainer .textSection .button {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 0.3125rem;
  border: 1px solid #2d5d2a;
  display: block;
  text-align: center;
  color: white;
  background-color: #2d5d2a;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0.75rem 1rem;
  margin: 1.25rem auto 0;
}
.aboutUsPage__mainContainer .textSection .button.smallSpacing {
  margin: 0.625rem auto 0;
}
.aboutUsPage__mainContainer .textSection .button:hover, .aboutUsPage__mainContainer .textSection .button:focus, .aboutUsPage__mainContainer .textSection .button:active {
  color: #2d5d2a;
  background-color: white;
}
.aboutUsPage__mainContainer__postCodeBoxSection .textSection .aboutUsPage__mainContainer__mainSectionTitle {
  margin: 0;
  font-size: 2.5rem;
  line-height: 2.125rem;
  font-weight: 500;
  font-family: "Papa Sans Medium";
}

.nutritionPage {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.nutritionPage .fill {
  width: 100%;
  display: block;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.nutritionPage__header .textContainer p {
  margin: 0;
}
.nutritionPage__header .pizzaImage {
  top: -4.5rem;
  right: -22.5rem;
}
.nutritionPage__header .potatoTotsImage {
  top: unset;
  bottom: -1.4rem;
  left: -14rem;
}
.nutritionPage__mainContainer {
  padding: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.nutritionPage__mainContainer section {
  padding: 4rem 2.5rem;
}
@media only screen and (max-width: 49.875rem) {
  .nutritionPage__mainContainer section {
    padding: 2.5rem;
  }
}
.nutritionPage__mainContainer .gifSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 3.125rem;
}
.nutritionPage__mainContainer .gifSection .textSection {
  max-width: 35.125rem;
}
.nutritionPage__mainContainer .gifSection .textSection h2 {
  margin-top: 0;
}
.nutritionPage__mainContainer .gifSection .gif {
  width: 14.375rem;
  height: 14.375rem;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.15);
}
@media only screen and (max-width: 49.875rem) {
  .nutritionPage__mainContainer .gifSection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.5rem;
  }
  .nutritionPage__mainContainer .gifSection .textSection {
    max-width: 100%;
  }
  .nutritionPage__mainContainer .gifSection .textSection > * {
    text-align: center;
  }
}

.siteContainer:has(.aboutUsPage) footer.footer {
  margin-top: -1.875rem;
}

.wheatFreePage__header .pizzaImage {
  top: -5.125rem;
}
.wheatFreePage__mainContainer {
  padding-top: 4rem;
}
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter {
  margin-top: 2.5rem;
}
.wheatFreePage__mainContainer__ingredientsSection .ingredientsContainer .carouselFooter p {
  font-size: 0.875rem;
}
.wheatFreePage__mainContainer__lastDescription {
  margin-top: 2.5rem;
  margin-bottom: 0;
}
.wheatFreePage__mainContainer__sectionSeparator {
  width: 100%;
  height: 2px;
  background-color: #007A53;
}

.veganHeader {
  width: 100%;
}
@media only screen and (min-width: 1257px) {
  .veganHeader {
    width: calc(100% - 420px);
  }
}

.veganHeaderContainer {
  background-image: url("/static/assets/banners/veganuary-hero-mobile.jpg");
  width: 100%;
  height: 235px;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 650px) {
  .veganHeaderContainer {
    background-image: url("/static/assets/banners/veganuary-hero.jpg");
    height: 259px;
  }
}
@media only screen and (min-width: 1430px) {
  .veganHeaderContainer {
    border-radius: 0 0 0 5px;
  }
}

.veganuaryPage .sectWrap .listTitle-mobile {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.veganuaryPage .sectWrap .listTitle-mobile .nameSection .mSectTitleLarge,
.veganuaryPage .sectWrap .listTitle-mobile .mSectTitleLarge {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 16px;
  color: #000;
  text-transform: capitalize;
}
@media only screen and (max-width: 768px) {
  .veganuaryPage .sectWrap .listTitle-mobile .nameSection .mSectTitleLarge,
  .veganuaryPage .sectWrap .listTitle-mobile .mSectTitleLarge {
    margin-top: 25px;
  }
}
.veganuaryPage .sectWrap .productsRow .nameSection {
  padding: 0 0.3125rem;
}
.veganuaryPage .sectWrap .productsRow .nameSection .mSectTitleLarge {
  font-size: 32px;
  line-height: 32px;
  margin-bottom: 6px;
  color: #000;
  text-transform: capitalize;
}
@media only screen and (max-width: 768px) {
  .veganuaryPage .sectWrap .productsRow .nameSection .mSectTitleLarge {
    margin-top: 25px;
  }
}

.filtersModal.veganuaryFilters .allchecks .vegan_row {
  pointer-events: none;
}
.filtersModal.veganuaryFilters .allchecks .vegetarian_row,
.filtersModal.veganuaryFilters .allchecks .butternut_row {
  opacity: 0.5;
  pointer-events: none;
}
.filtersModal.veganuaryFilters .buttonsRow_filterModal .triggerRemoveFilters {
  opacity: 0.5;
  pointer-events: none;
}

.deleteModal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  z-index: 10;
  padding: 0 10px 0 10px;
}
.deleteModal:not(.active) {
  display: none;
}
.deleteModal .btnWrapper {
  width: 100%;
  margin-bottom: 18px;
}
.deleteModal .btnWrapper button {
  font-size: 20px;
  font-weight: 700;
  width: 341px;
  height: 41px;
  max-width: 100%;
}
.deleteModal .head {
  position: relative;
  right: -148px;
}
.deleteModal .head .close {
  color: #fff;
  margin-bottom: 5px;
  width: 10px;
  height: 19px;
  font-size: 19px;
}
.deleteModal .head .close i:before {
  content: "\f00d";
}
.deleteModal > .innerContent {
  max-width: 317px;
  background: #fff;
  -webkit-box-shadow: 0px 24px 19px -4px rgba(26, 26, 26, 0.16);
          box-shadow: 0px 24px 19px -4px rgba(26, 26, 26, 0.16);
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-height: calc(100% - 20px);
  border-radius: 8px;
  padding: 46px 20px 13px 20px;
}
.deleteModal > .innerContent h3 {
  font-size: 20px;
  font-weight: 700;
  margin: 41px 0 3px 0;
  color: #1c1c1c;
}
.deleteModal > .innerContent p {
  font-size: 14px;
  margin: 0 0 23px 0;
  color: #000;
  font-weight: 400;
  line-height: 20px;
  text-align: center;
  max-width: 260px;
}
.deleteModal > .innerContent .cancelModalLink {
  cursor: pointer;
  text-decoration: underline;
}
.deleteModal > .innerContent .cancelModalLink a {
  color: #000;
  font-size: 0.9rem;
}

.userProfileWrapper .innerOne .userProfile_topBox .userProfile_delete {
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-bottom: 1px solid #efefef;
  margin-right: 10px;
  margin-left: 10px;
  padding: 10px;
  cursor: pointer;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_delete .fa-user-slash {
  padding: 15px 11px 15px 5px;
}
.userProfileWrapper .innerOne .userProfile_topBox .userProfile_delete .fa-chevron-right {
  color: #007d4a;
  cursor: pointer;
}

.userProfileWrapper_delete {
  background-image: url("/images/postcodebox/homeBGDesk.png");
  background-repeat: repeat;
  background-size: cover;
  background-position: center;
  height: 300px;
}
.userProfileWrapper_delete .innerOne {
  max-width: 312px;
  margin: 40px auto 10px auto;
}
.userProfileWrapper_delete .innerOne h2 {
  text-align: center;
  margin-top: 40px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  margin-bottom: 27px;
  color: white;
}
.userProfileWrapper_delete .innerOne p {
  text-align: start;
}
.userProfileWrapper_delete .innerOne .privacy_box {
  color: #545454;
  margin-bottom: 40px;
}
.userProfileWrapper_delete .innerOne .privacy_box a {
  text-decoration-line: underline;
  color: #545454;
}
.userProfileWrapper_delete .innerOne .userProfileBox_delete {
  background-color: #fff;
  -webkit-box-shadow: 0px 24px 19px -4px rgba(26, 26, 26, 0.16);
          box-shadow: 0px 24px 19px -4px rgba(26, 26, 26, 0.16);
  border-radius: 4px;
  padding: 36px 32px 24px 31px;
  width: 100%;
}
.userProfileWrapper_delete .innerOne .userProfileBox_delete .infoText_box {
  color: #000;
}
.userProfileWrapper_delete .innerOne .userProfileBox_delete .userProfileBox_button {
  width: 100%;
  border-radius: 5px;
  background-color: #007d4a;
  color: #fff;
  font-weight: bold;
  border: none;
  font-size: 20px;
  height: 40px;
  margin: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  cursor: pointer;
}
.userProfileWrapper_delete .innerOne .userProfileBox_delete .userProfileBox_link {
  text-decoration: underline;
  text-align: center;
  cursor: pointer;
  margin-top: 39px;
}
.userProfileWrapper_delete .innerOne .userProfileBox_delete .userProfileBox_link a {
  color: #000;
  font-size: 0.9rem;
}

.userProfile_privacyPolicyBox_delete {
  max-width: 325px;
  margin: 210px auto 10px auto;
  display: block;
}

.userProfile_privacyPolicyBox {
  margin: 435px auto 10px auto;
}

.ab-in-app-message {
  border-radius: 5px !important;
  padding-top: 0 !important;
  text-align: -webkit-center !important;
}
.ab-in-app-message .ab-close-button:has(+ .ab-image-area) {
  border: 1px solid white !important;
}
.ab-in-app-message .ab-close-button:has(+ .ab-image-area) svg path {
  fill: #fff !important;
}
.ab-in-app-message.ab-fullscreen .ab-image-area {
  height: 316px !important;
}
.ab-in-app-message .ab-image-area {
  max-height: 100% !important;
  height: 100% !important;
  border-radius: 5px 5px 0px 0px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: 0 !important;
}
.ab-in-app-message .ab-close-button {
  border-radius: 100% !important;
  border: 1px solid black !important;
  padding: 5px !important;
  width: 5px !important;
  min-width: 10px !important;
  right: 8px !important;
  top: 8px !important;
  height: auto !important;
}
.ab-in-app-message .ab-close-button svg path {
  fill: #000 !important;
}
.ab-in-app-message .ab-message-text.ab-with-buttons {
  padding: 34px 10px 66px !important;
  width: 100% !important;
  margin: 0px !important;
}
.ab-in-app-message .ab-message-buttons {
  padding: 10px !important;
}
.ab-in-app-message .ab-message-header {
  color: #000 !important;
  text-align: center !important;
  font-family: Italian Plate No2 !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: normal !important;
}
.ab-in-app-message .ab-message-text {
  color: #545454 !important;
  text-align: center !important;
  font-family: Italian Plate No2 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  line-height: 22px !important;
}
.ab-in-app-message .ab-message-button:first-of-type {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 50px !important;
  padding: 12px 9px !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  border-radius: 5px !important;
  border: 1px solid #007D4A !important;
  background: #FFF !important;
  color: #007D4A !important;
  font-family: Italian Plate No2 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 110% !important;
}
.ab-in-app-message .ab-message-button:last-of-type {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  height: 50px !important;
  padding: 12px 9px !important;
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
  border-radius: 5px !important;
  border: 1px solid #007D4A !important;
  background: #007D4A !important;
  color: #fff !important;
  font-family: Italian Plate No2 !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  line-height: 110% !important;
}

.modalDealFinderContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 50;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  background-color: rgba(0, 0, 0, 0.72);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  overflow-y: scroll;
}
.modalDealFinderContainer:not(.active) {
  display: none;
}
.modalDealFinderContainer:not(.visible) {
  opacity: 0;
}
.modalDealFinderContainer .modalDealFinderInner {
  position: relative;
  border-radius: 5px;
  background: linear-gradient(141deg, #7BBC29 22.26%, #017B53 61.04%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: hidden;
}
@media screen and (max-width: 559px) {
  .modalDealFinderContainer .modalDealFinderInner {
    width: 100%;
    height: 100%;
    padding-top: 1.25rem;
    border-radius: 0;
  }
  .modalDealFinderContainer .modalDealFinderInner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("/images/deal_finder_modal_bg_pattern-new.svg");
    background-size: 1000% 100%;
    background-position: center;
    background-repeat: repeat;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
  }
}
.modalDealFinderContainer .modalDealFinderInner .mainContainer {
  position: absolute;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  bottom: 3rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.5rem;
  z-index: 3;
}
@media only screen and (max-height: 730px) and (max-width: 559px) {
  .modalDealFinderContainer .modalDealFinderInner .mainContainer {
    bottom: 2rem;
  }
}
@media only screen and (max-height: 700px) and (max-width: 559px) {
  .modalDealFinderContainer .modalDealFinderInner .mainContainer {
    scale: 0.8;
    bottom: 1rem;
  }
}
@media only screen and (max-width: 559px) {
  .modalDealFinderContainer .modalDealFinderInner .mainContainer.mainContainerOptIn .mainTextSection {
    padding: 0 4rem;
  }
  .modalDealFinderContainer .modalDealFinderInner .mainContainer.mainContainerOptIn .dealText {
    font-size: 24px;
  }
}
@media only screen and (max-width: 375px) {
  .modalDealFinderContainer .modalDealFinderInner .mainContainer.mainContainerOptIn .button-actions-container {
    padding: 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .modalDealFinderContainer .modalDealFinderInner .mainContainer.mainContainerOptIn .button-actions-container button {
    width: auto;
  }
}
@media only screen and (max-width: 360px) {
  .modalDealFinderContainer .modalDealFinderInner .mainContainer.mainContainerOptIn .mainTextSection {
    padding: 0 2rem;
  }
}
.modalDealFinderContainer .modalDealFinderInner .modalBackgroundDesktop {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
.modalDealFinderContainer .modalDealFinderInner .modalBackgroundMobileLogo,
.modalDealFinderContainer .modalDealFinderInner .mobileElements {
  display: none;
}
@media screen and (max-width: 559px) {
  .modalDealFinderContainer .modalDealFinderInner .modalBackgroundDesktop {
    display: none;
  }
  .modalDealFinderContainer .modalDealFinderInner .modalBackgroundMobileLogo,
  .modalDealFinderContainer .modalDealFinderInner .mobileElements {
    display: block;
    z-index: 2;
  }
  .modalDealFinderContainer .modalDealFinderInner .mobileElements {
    top: 25%;
    position: relative;
  }
}
@media only screen and (max-width: 559px) and (max-height: 700px) {
  .modalDealFinderContainer .modalDealFinderInner .modalBackgroundMobileBestDeal {
    top: 30%;
    scale: 0.8;
  }
}
@media screen and (max-width: 559px) {
  .modalDealFinderContainer .modalDealFinderInner .modalBackgroundMobileLeftPizza {
    position: absolute;
    z-index: 4;
    width: 287px;
    height: 285px;
    top: -110%;
    right: 50%;
  }
}
@media only screen and (max-width: 559px) and (max-height: 780px) {
  .modalDealFinderContainer .modalDealFinderInner .modalBackgroundMobileLeftPizza {
    top: -105%;
    scale: 0.9;
  }
}
@media only screen and (max-width: 559px) and (max-height: 700px) {
  .modalDealFinderContainer .modalDealFinderInner .modalBackgroundMobileLeftPizza {
    top: -92%;
    right: 35%;
    scale: 0.8;
  }
}
@media screen and (max-width: 559px) {
  .modalDealFinderContainer .modalDealFinderInner .modalBackgroundMobileRightPizza {
    position: absolute;
    z-index: 4;
    width: 273px;
    height: 264px;
    top: -47%;
    left: 95%;
  }
}
@media only screen and (max-width: 559px) and (max-height: 700px) {
  .modalDealFinderContainer .modalDealFinderInner .modalBackgroundMobileRightPizza {
    scale: 0.9;
    top: -36%;
    left: 84%;
  }
}
@media screen and (max-width: 559px) {
  .modalDealFinderContainer .modalDealFinderInner .modalBackgroundMobileBottomImage {
    position: absolute;
    z-index: 6;
    width: 142px;
    top: 28%;
    left: -39%;
  }
}
@media only screen and (max-width: 559px) and (max-height: 700px) {
  .modalDealFinderContainer .modalDealFinderInner .modalBackgroundMobileBottomImage {
    left: -34%;
  }
}
.modalDealFinderContainer .modalDealFinderInner .modalHeaderSection {
  padding-bottom: 18px;
}
@media only screen and (max-width: 650px) {
  .modalDealFinderContainer .modalDealFinderInner .modalHeaderSection {
    padding-bottom: 40px;
  }
}
.modalDealFinderContainer .modalDealFinderInner .modalHeaderSection img {
  width: 263px;
  height: 75px;
}
@media only screen and (max-width: 650px) {
  .modalDealFinderContainer .modalDealFinderInner .modalHeaderSection img {
    width: unset;
    height: unset;
  }
}
@media only screen and (max-width: 360px) {
  .modalDealFinderContainer .modalDealFinderInner .modalHeaderSection img {
    width: 300px;
  }
}
.modalDealFinderContainer .modalDealFinderInner .imageWrapper {
  width: 100%;
  height: 222px;
  position: relative;
}
.modalDealFinderContainer .modalDealFinderInner .imageWrapper .infoImg {
  position: absolute;
  left: -30px;
  height: 222px;
}
.modalDealFinderContainer .modalDealFinderInner .imageWrapper .mobile-text {
  display: none;
}
@media only screen and (max-width: 650px) {
  .modalDealFinderContainer .modalDealFinderInner .imageWrapper .infoImg {
    position: relative;
    left: 0;
    width: 100%;
    height: 222px;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: top;
       object-position: top;
  }
  .modalDealFinderContainer .modalDealFinderInner .imageWrapper .mobile-text {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    top: 0;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 57px 0 47px;
    font-size: 28px;
    line-height: 32.81px;
    color: white;
    font-weight: 700;
    text-align: center;
  }
}
@media only screen and (max-height: 700px) and (max-width: 650px) {
  .modalDealFinderContainer .modalDealFinderInner .imageWrapper {
    height: 170px;
  }
  .modalDealFinderContainer .modalDealFinderInner .imageWrapper .infoImg {
    height: 170px;
  }
}
.modalDealFinderContainer .modalDealFinderInner .mainTextSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  color: #fff;
  gap: 18px;
  text-align: center;
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  padding: 0 2rem;
}
@media only screen and (max-width: 350px) {
  .modalDealFinderContainer .modalDealFinderInner .mainTextSection {
    padding: 0;
  }
}
.modalDealFinderContainer .modalDealFinderInner .mainTextSection .bolderText {
  font-size: 28px;
  font-weight: 700;
  line-height: 32.81px;
  padding: 0 10px;
}
.modalDealFinderContainer .modalDealFinderInner .mainTextSection .dealText {
  font-size: 28px;
  line-height: 100%;
}
.modalDealFinderContainer .modalDealFinderInner .mainTextSection .dealText.font-weight-bold {
  font-weight: 700;
}
.modalDealFinderContainer .modalDealFinderInner .mainTextSection span {
  font-size: 14px;
}
@media only screen and (max-width: 650px) {
  .modalDealFinderContainer .modalDealFinderInner .mainTextSection span {
    font-size: inherit;
  }
}
.modalDealFinderContainer .modalDealFinderInner .buttonsSection {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 14px;
  padding: 0 2rem;
}
@media screen and (min-width: 560px) {
  .modalDealFinderContainer .modalDealFinderInner .buttonsSection {
    padding: 0 6.25rem;
  }
}
@media screen and (max-width: 350px) {
  .modalDealFinderContainer .modalDealFinderInner .buttonsSection {
    padding: 0;
  }
}
.modalDealFinderContainer .modalDealFinderInner .buttonsSection.button-actions-container {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
.modalDealFinderContainer .modalDealFinderInner .buttonsSection.button-actions-container .orderBtnFinder {
  height: 50px;
}
@media only screen and (max-width: 420px) {
  .modalDealFinderContainer .modalDealFinderInner .buttonsSection.button-actions-container .orderBtnFinder {
    padding: 17px 27px;
  }
}
.modalDealFinderContainer .modalDealFinderInner .buttonsSection.button-actions-container .noBtnFinder {
  height: 50px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
}
.modalDealFinderContainer .modalDealFinderInner .buttonsSection .orderBtnFinder,
.modalDealFinderContainer .modalDealFinderInner .buttonsSection .noBtnFinder {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 54px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 8px;
  border-radius: 5px;
  border: 0;
  background-color: #CFEB0C;
  color: #2D5D2A;
  font-size: 22px;
  font-weight: 700;
  cursor: pointer;
  width: 100%;
}
@media only screen and (max-width: 420px) {
  .modalDealFinderContainer .modalDealFinderInner .buttonsSection .orderBtnFinder,
  .modalDealFinderContainer .modalDealFinderInner .buttonsSection .noBtnFinder {
    padding: 17px 28px;
  }
}
.modalDealFinderContainer .modalDealFinderInner .buttonsSection .btnDeals {
  font-size: 16px;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
}

.doughPointPopupContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 50;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  transition: all 0.6s;
}
.doughPointPopupContainer:not(.active) {
  display: none;
}
.doughPointPopupContainer:not(.visible) .doughPointPopup {
  -webkit-transform: translateY(150%);
          transform: translateY(150%);
}
@media screen and (max-width: 768px) {
  .doughPointPopupContainer {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
}
.doughPointPopupContainer .doughPointPopup {
  max-width: 25.625rem;
  padding: 1.75rem 1rem;
  border-radius: 0.3125rem;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1rem;
  -webkit-transition: all 0.6s;
  transition: all 0.6s;
}
@media screen and (max-width: 768px) {
  .doughPointPopupContainer .doughPointPopup {
    width: 100%;
    max-width: unset;
  }
}
.doughPointPopupContainer .doughPointPopup .topContent h2 {
  font-family: "Papa Sans Heavy";
  font-size: 1.75rem;
  line-height: 2rem;
  text-align: center;
  margin-bottom: 0.5rem;
}
.doughPointPopupContainer .doughPointPopup .topContent p {
  color: black;
  font-size: 1rem;
  line-height: 1.5rem;
  text-align: center;
  margin-bottom: 1.25rem;
}
.doughPointPopupContainer .doughPointPopup .continueBtn {
  font-weight: 700;
  height: 3.125rem;
  font-size: 1.375rem;
  line-height: 1rem;
  padding: 1rem 1.75rem;
}
.doughPointPopupContainer .doughPointPopup .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
  gap: 0.625rem;
  width: 100%;
  margin-bottom: 0.5rem;
}
.doughPointPopupContainer .doughPointPopup .cards .box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 0.625rem;
  gap: 0.5rem;
  padding: 0.625rem;
  -ms-flex-preferred-size: calc(50% - 0.3125rem);
      flex-basis: calc(50% - 0.3125rem);
}
.doughPointPopupContainer .doughPointPopup .cards .box.popupPointsCard {
  background: radial-gradient(49.46% 51.64% at 1.81% 1.84%, #58956B 0%, #014C20 100%), #F5E8DC;
  color: white;
}
.doughPointPopupContainer .doughPointPopup .cards .box.popupPointsCard h3 span {
  color: #CFEB0C;
}
.doughPointPopupContainer .doughPointPopup .cards .box.popupPointsCard .amount {
  background: #CFEB0C;
}
.doughPointPopupContainer .doughPointPopup .cards .box.popupPointsCard .amount .pointsNr {
  color: #FF0000;
  font-size: 2.5rem;
  line-height: 1.875rem;
}
.doughPointPopupContainer .doughPointPopup .cards .box.popupPointsCard .amount .pointsNr span {
  font-size: 1rem;
  line-height: 1rem;
  color: #024D21;
}
.doughPointPopupContainer .doughPointPopup .cards .box.popupDoughCard {
  background: #710500;
  color: #F5E8DC;
}
.doughPointPopupContainer .doughPointPopup .cards .box.popupDoughCard .amount {
  background: #F5E8DC;
}
.doughPointPopupContainer .doughPointPopup .cards .box.popupDoughCard .amount .doughNr {
  color: #710500;
  font-size: 2.5rem;
  line-height: 2.125rem;
}
.doughPointPopupContainer .doughPointPopup .cards .box.popupDoughCard .amount .doughNr span {
  font-size: 1.25rem;
  line-height: 1.25rem;
}
.doughPointPopupContainer .doughPointPopup .cards .box h3 {
  font-size: 1.5rem;
  line-height: 1.25rem;
  font-family: "Papa Sans Heavy";
  margin: 0;
}
.doughPointPopupContainer .doughPointPopup .cards .box p {
  font-size: 1rem;
  line-height: 1.125rem;
  font-weight: 700;
  margin: 0;
  max-width: 160px;
}
@media screen and (max-width: 768px) {
  .doughPointPopupContainer .doughPointPopup .cards .box p {
    max-width: 200px;
  }
}
.doughPointPopupContainer .doughPointPopup .cards .box .amountCointainer {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
}
.doughPointPopupContainer .doughPointPopup .cards .box .amount {
  margin-left: auto;
  margin-top: auto;
  font-family: "Papa Sans Heavy";
  font-weight: 700;
  padding: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 4rem;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 0.375rem;
}

.promotionContainer.garlicbuttercandle {
  background-image: url("/static/assets/garlicbuttercandle/background-min.jpg");
}
.promotionContainer.garlicbuttercandle .centerBox_container {
  margin: 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.garlicbuttercandle .centerBox_promotion, .promotionContainer.garlicbuttercandle .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto 10px auto;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  background: #2D5D2A 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  opacity: 1;
  position: relative;
  width: 950px;
  height: 451px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbuttercandle .centerBox_promotion, .promotionContainer.garlicbuttercandle .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background,
  .promotionContainer.garlicbuttercandle .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background,
  .promotionContainer.garlicbuttercandle .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 335px;
    height: unset;
  }
}
.promotionContainer.garlicbuttercandle .centerBox_promotion .inner_centerBox_promotion, .promotionContainer.garlicbuttercandle .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion {
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.garlicbuttercandle .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.garlicbuttercandle .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion {
  text-align: left;
  font: normal normal bold 40px/48px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 30px;
  line-height: 30px;
  opacity: 1;
  margin-right: auto;
}
.promotionContainer.garlicbuttercandle .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion span, .promotionContainer.garlicbuttercandle .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span {
  color: #FFCF6E;
}
.promotionContainer.garlicbuttercandle .centerBox_promotion .inner_centerBox_promotion .text_promotion, .promotionContainer.garlicbuttercandle .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 20px;
}
.promotionContainer.garlicbuttercandle .centerBox_promotion .inner_centerBox_promotion .buttons_promotion, .promotionContainer.garlicbuttercandle .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion {
  margin-top: 20px;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.garlicbuttercandle .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.garlicbuttercandle .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #007A53;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
  width: 160px;
  height: 56px;
}
.promotionContainer.garlicbuttercandle .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.garlicbuttercandle .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn {
  text-align: center;
  font: normal normal bold 22px/27px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 22px;
}
.promotionContainer.garlicbuttercandle .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.garlicbuttercandle .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn {
  color: #FFCF6E;
  cursor: pointer;
  text-decoration: none;
}
.promotionContainer.garlicbuttercandle .centerBox_promotion .inner_centerBox_promotion .promotion_status, .promotionContainer.garlicbuttercandle .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.garlicbuttercandle .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status {
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbuttercandle .centerBox_promotion .headerImg, .promotionContainer.garlicbuttercandle .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.garlicbuttercandle .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.garlicbuttercandle .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbuttercandle .centerBox_promotion__solid-background .headerImg {
    top: -18px;
    left: 194px;
  }
}
.promotionContainer.garlicbuttercandle .contentContainer .image_panels {
  margin: 80px 20px;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 86px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbuttercandle .contentContainer .form_section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .leftSide,
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide {
  width: 465px;
  height: 348px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin: 0 10px;
  padding: 55px 20px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbuttercandle .contentContainer .form_section .leftSide,
  .promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide {
    width: 335px;
    height: 100%;
    margin-bottom: 10px;
  }
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide ::-webkit-input-placeholder {
  color: #cccccc;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide ::-moz-placeholder {
  color: #cccccc;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide :-ms-input-placeholder {
  color: #cccccc;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide ::-ms-input-placeholder {
  color: #cccccc;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide ::placeholder {
  color: #cccccc;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide select {
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 100%;
  text-overflow: ellipsis;
  padding-left: 3px;
  height: 30px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/icons/chevron_down_blue.png);
  background-image: url(../images/icons/chevron_down_blue.png);
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-repeat: no-repeat;
  background-repeat-x: no-repeat;
  background-position: calc(100% - 10px) center;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  padding-right: 25px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  min-height: 40px;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide select:hover {
  border-color: #007d4a;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide input.hasC ~ label {
  top: -10px;
  font-size: 12px;
  color: #1c1c1c;
  background-color: #fff;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide input.valid {
  border-color: #007d4a !important;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide input.valid ~ label {
  color: #007d4a;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide input.invalid {
  border-color: #e42313 !important;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide input.invalid ~ label {
  color: #e42313;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide input.valid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  width: 18px;
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_valid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide input.invalid {
  border-color: red !important;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide input.invalid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  width: 18px;
  font-family: "Font Awesome 5 Pro";
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_invalid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide input[type=text] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox1 {
  margin-bottom: 25px;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide button {
  width: 100%;
  border-radius: 5px;
  background-color: #007d4a;
  color: white;
  font-weight: 700;
  border: none;
  font-size: 20px;
  height: 40px;
  margin-bottom: 10px;
  cursor: pointer;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .beforeClick {
  margin-right: 14px !important;
  margin-top: -38px !important;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 {
  margin-bottom: 20px;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 p {
  text-align: left;
  margin-left: 20px;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 {
  display: inline-block;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper p {
  padding-top: 8px;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .terms-link {
  text-align: left;
  text-decoration: underline;
  font: normal normal normal 16px/18px Italian Plate No2;
  letter-spacing: 0px;
  color: #007D4A;
  cursor: pointer;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
  cursor: pointer;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .rightSide .form_error {
  margin-bottom: 10px;
  color: red;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .title_form {
  text-align: left;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-bottom: 16px;
}
.promotionContainer.garlicbuttercandle .contentContainer .form_section .text_form {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer.garlicbuttercandle .contentContainer .entry_confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 80px 0;
}
.promotionContainer.garlicbuttercandle .contentContainer .entry_confirmation .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 950px;
  height: 275px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin-bottom: 22px;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbuttercandle .contentContainer .entry_confirmation .panel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.garlicbuttercandle .contentContainer .entry_confirmation .panel img {
  -o-object-fit: fill;
     object-fit: fill;
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbuttercandle .contentContainer .entry_confirmation .panel img {
    width: 100%;
  }
}
.promotionContainer.garlicbuttercandle .contentContainer .entry_confirmation .panel .left_image {
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 95% 50%, 100% 100%);
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbuttercandle .contentContainer .entry_confirmation .panel .left_image {
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 95%, 0% 100%);
  }
}
.promotionContainer.garlicbuttercandle .contentContainer .entry_confirmation .panel .second_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.garlicbuttercandle .contentContainer .entry_confirmation .panel .second_section .title_panel {
  text-align: center;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer.garlicbuttercandle .contentContainer .entry_confirmation .panel .second_section .text_panel {
  text-align: center;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-top: 18px;
  padding: 0 40px 0 40px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbuttercandle .contentContainer .entry_confirmation .panel .second_section {
    width: 100%;
    margin: 31px 11px 17px 11px;
  }
}
.promotionContainer.garlicbuttercandle .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.prices {
  margin: 60px auto 50px auto !important;
}
.promotionContainer.garlicbuttercandle .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.terms h4 {
  padding: 20px 0px 20px 0px !important;
}
.promotionContainer.garlicbuttercandle .contentContainer .favourites_promotion .getStarted_promotion .text_section.prizes {
  padding-bottom: 0 !important;
}

.storeLocalPage {
  overflow-x: hidden;
}

#storeDetailPage .storePageInner .storeDetails.panel {
  padding-bottom: 0;
}
#storeDetailPage .storePageInner .storeDetails .inner .titleStore {
  font-size: 25px;
  font-weight: bold;
  display: block;
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}
@media only screen and (max-width: 768px) {
  #storeDetailPage .storePageInner .storeDetails .inner .titleStore {
    margin-bottom: 20px;
  }
}
#storeDetailPage .storePageInner .storeDetails .inner .noticeBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5rem;
  margin-bottom: 1.25rem;
  font-weight: 700;
}
#storeDetailPage .storePageInner .storeDetails .inner .noticeBox p {
  margin: 0;
}
#storeDetailPage .storePageInner .storeDetails .inner .topInfo {
  width: 1040px;
  margin: 0 auto;
  max-width: 100%;
}
#storeDetailPage .storePageInner .storeDetails .inner .topInfo ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#storeDetailPage .storePageInner .storeDetails .inner .topInfo ul li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 20px;
  line-height: 1.1;
  color: #1c1c1c;
  margin: 20px 10px;
}
#storeDetailPage .storePageInner .storeDetails .inner .topInfo ul li a .licon {
  margin-left: 5px;
}
#storeDetailPage .storePageInner .storeDetails .inner .topInfo ul li a .ficon {
  color: #007d4a;
  margin-right: 10px;
  font-size: 25px;
}
#storeDetailPage .storePageInner .storeDetails .inner .topInfo ul li a:hover {
  text-decoration: none;
  color: #ed8b00;
}
#storeDetailPage .storePageInner .storeDetails .inner .topInfo ul li a:hover .ficon {
  color: #ed8b00;
}
@media only screen and (min-width: 769px) {
  #storeDetailPage .storePageInner .storeDetails .inner .topInfo ul li {
    max-width: 30%;
  }
}
@media only screen and (max-width: 768px) {
  #storeDetailPage .storePageInner .storeDetails .inner .topInfo ul li {
    width: 100%;
    padding: 0 15px;
    margin-bottom: 20px;
  }
  #storeDetailPage .storePageInner .storeDetails .inner .topInfo ul li a {
    font-size: 18px;
    margin: 0 0 10px 0;
  }
  #storeDetailPage .storePageInner .storeDetails .inner .topInfo ul li a .ficon {
    font-size: 22px;
  }
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow {
  width: 1040px;
  margin: 30px auto;
  max-width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow.timesSpecial {
  width: 100%;
  margin: 0;
  padding: 0;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow.timesSpecial .dateTable.col {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin: 0;
  width: 100%;
  max-width: 100%;
  text-align: left;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow.timesSpecial .dateTable.col table tr td {
  font-size: 1rem;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow .col {
  width: 500px;
  max-width: 50%;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow .col table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow .col table tr td {
  line-height: 1.1;
  padding: 0;
  vertical-align: top;
  font-size: 20px;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow .col table tr td .timesRow .dayEntry {
  width: 120px;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow .col table tr td .timesRow .timeEntry {
  margin-bottom: 4px;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow .col table tr td:first-of-type {
  width: 5px;
  padding-right: 10px;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow .col table tr td:first-of-type i {
  position: relative;
  top: 2px;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow .dateTable {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 15px;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow .dateTable .dayEntry {
  min-width: 40px;
  display: inline-block;
}
#storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow .map img {
  border-radius: 5px;
}
@media only screen and (max-width: 768px) {
  #storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 30px auto;
  }
  #storeDetailPage .storePageInner .storeDetails .inner .timeInfoRow .col {
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
    max-width: 100%;
  }
}
#storeDetailPage .storePageInner .panel {
  padding: 80px 15px;
}
#storeDetailPage .storePageInner .panel.featured {
  background-color: #f8f8f8;
  background-image: url("/static/assets/local/page-assets/ingredient-bg-new.png");
  background-size: cover;
}
#storeDetailPage .storePageInner .panel .inner {
  width: 1040px;
  max-width: 100%;
  margin: 0 auto;
}
#storeDetailPage .storePageInner .panel .inner h2 {
  text-transform: uppercase;
  text-align: center;
}
#storeDetailPage .storePageInner .panel .inner p {
  text-align: center;
}
#storeDetailPage .storePageInner .storeNotice {
  padding-top: 0;
  padding-bottom: 0;
}
#storeDetailPage .storePageInner .storeNotice .inner {
  background-color: #FBE1BE;
  border-radius: 5px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#storeDetailPage .storePageInner .storeNotice .inner div:first-of-type {
  padding-right: 10px;
}
#storeDetailPage .storePageInner .seoBox {
  padding-top: 25px;
}
#storeDetailPage .storePageInner .seoBox .inner h3 {
  text-align: center;
}
#storeDetailPage .storePageInner .seoBox .inner p {
  text-align: left;
}
#storeDetailPage .storePageInner .popularDeals .dealsPage {
  max-width: unset;
}
#storeDetailPage .storePageInner .popularDeals .dealsPage .offersRow {
  margin: 0;
}
#storeDetailPage .storePageInner .popularDeals .dealsPage .offersRow .heroDealsContainer {
  padding: 0;
}
#storeDetailPage .storePageInner .popularDeals .dealsPage .offersRow .heroDealsContainer .triggerDealBuilder {
  cursor: pointer;
}
#storeDetailPage .storePageInner .popularDeals .dealsPage .offersRow .heroDealsContainer .twoColumnsDeals {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#storeDetailPage .storePageInner .productFavourites.panel {
  padding: 80px 0;
}
#storeDetailPage .storePageInner .productFavourites .inner .intro {
  padding: 0 15px;
}
#storeDetailPage .storePageInner .productFavourites .genericMenuIndex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: scroll;
  scrollbar-width: none;
}
#storeDetailPage .storePageInner .productFavourites .genericMenuIndex::-webkit-scrollbar {
  display: none;
}
@media only screen and (min-width: 900px) {
  #storeDetailPage .storePageInner .productFavourites .genericMenuIndex {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (minmax(0, 1fr))[3];
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
#storeDetailPage .storePageInner .productFavourites .genericMenuIndex .menuProduct {
  -ms-flex-preferred-size: calc(30.33% - 20px);
      flex-basis: calc(30.33% - 20px);
  background-color: rgb(255, 255, 255);
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 5px 20px;
          box-shadow: rgba(0, 0, 0, 0.15) 0 5px 20px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 2;
  min-width: 290px;
  margin: 20px;
  min-height: unset;
  cursor: pointer;
  max-width: 300px;
}
@media only screen and (min-width: 900px) {
  #storeDetailPage .storePageInner .productFavourites .genericMenuIndex .menuProduct {
    min-width: 250px;
  }
}
#storeDetailPage .storePageInner .productFavourites .genericMenuIndex .menuProduct .prodImage {
  height: 162px;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: rgb(255, 255, 255);
  overflow-x: hidden;
  overflow-y: hidden;
  min-height: 85px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-top: 3px;
  padding-right: 10px;
  position: relative;
  background-size: cover;
  background-position-x: center;
  background-position-y: center;
  background-repeat: no-repeat;
}
#storeDetailPage .storePageInner .productFavourites .genericMenuIndex .menuProduct .prodBody {
  margin-top: 10px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  height: auto;
}
#storeDetailPage .storePageInner .productFavourites .genericMenuIndex .menuProduct .prodDesc {
  text-align: left;
  margin: 5px 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 16px;
  display: block;
  padding-bottom: 20px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
#storeDetailPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion {
  margin-bottom: 10px;
}
#storeDetailPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn {
  position: relative;
  background-color: #fff;
  border: none;
  padding: 20px;
  text-align: left;
  cursor: pointer;
  font-weight: bold;
  border-radius: 5px;
}
#storeDetailPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn::marker, #storeDetailPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn::-webkit-details-marker {
  display: none;
  content: "";
}
#storeDetailPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 30px;
  font-family: monospace;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  background-color: #007D4A;
  border: 1px solid #007D4A;
  -webkit-transform: translate(0%, -50%) rotate(0deg);
          transform: translate(0%, -50%) rotate(0deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2px;
  padding-left: 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#storeDetailPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn div {
  width: calc(100% - 50px);
}
#storeDetailPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-content {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 0 0 8px 8px;
}
#storeDetailPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion[open] .faq-accordion-btn {
  border-bottom: 1px solid #f3f3f3;
  border-radius: 5px 5px 0 0;
}
#storeDetailPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion[open] .faq-accordion-btn::after {
  content: "-";
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 30px;
  font-family: monospace;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  color: #007D4A;
  background-color: #fff;
  border: 1px solid #007D4A;
  -webkit-transform: translate(0%, -50%) rotate(0deg);
          transform: translate(0%, -50%) rotate(0deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 5px;
  padding-left: 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#storeDetailPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion[open] summary ~ * {
  overflow: hidden;
  -webkit-animation: heightUp 0.3s ease-in-out;
          animation: heightUp 0.3s ease-in-out;
}
@-webkit-keyframes heightUp {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 2000px;
  }
}
@keyframes heightUp {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 2000px;
  }
}
#storeDetailPage .storePageInner .nearbyStores .nearbyStoresContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  #storeDetailPage .storePageInner .nearbyStores .nearbyStoresContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
#storeDetailPage .storePageInner .nearbyStores .nearbyStoresContainer div:first-child {
  margin-right: 20px;
}
#storeDetailPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoreItem {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 15px;
  width: 50%;
}
@media only screen and (max-width: 768px) {
  #storeDetailPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoreItem {
    margin-bottom: 20px;
    width: 100%;
  }
}
#storeDetailPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoreItem .nearbyStoreItemRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}

#storeFinderPage .storePageInner .panel {
  padding: 80px 15px;
}
#storeFinderPage .storePageInner .panel.featured, #storeFinderPage .storePageInner .panel.frequentlyAskedQuestions {
  background-color: #f8f8f8;
  background-image: url("/static/assets/local/page-assets/ingredient-bg-new.png");
  background-size: cover;
}
#storeFinderPage .storePageInner .panel .inner {
  width: 1040px;
  max-width: 100%;
  margin: 0 auto;
}
#storeFinderPage .storePageInner .panel .inner h2 {
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}
#storeFinderPage .storePageInner .panel .inner p {
  text-align: center;
}
#storeFinderPage .storePageInner .panel .inner .panel-intro {
  padding-top: 20px;
}
#storeFinderPage .storePageInner .panel .inner .panel-intro p {
  font-size: 20px;
}
#storeFinderPage .storePageInner .panel .inner .panel-intro p:last-of-type {
  margin: 0;
}
#storeFinderPage .storePageInner .search .inner h2 {
  font-size: 20px;
  padding-bottom: 20px;
  margin: 0;
  text-transform: unset;
}
#storeFinderPage .storePageInner .search .inner .storeFinder {
  width: 1040px;
  background: #fff;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  max-width: 675px;
  margin: 0 auto;
  border-radius: 5px;
  padding: 30px;
}
@media only screen and (max-width: 700px) {
  #storeFinderPage .storePageInner .search .inner .storeFinder {
    max-width: calc(100% - 40px);
  }
}
#storeFinderPage .storePageInner .search .inner .storeFinder .fieldOuter {
  max-width: 60%;
  padding: 0;
  margin-bottom: 0;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  float: left;
  padding-right: 20px;
}
@media only screen and (max-width: 700px) {
  #storeFinderPage .storePageInner .search .inner .storeFinder .fieldOuter {
    max-width: 100%;
    padding: 0 0 20px 0;
  }
}
#storeFinderPage .storePageInner .search .inner .storeFinder .fieldOuter input {
  text-transform: uppercase;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  height: 56px;
  border: 1px solid #DDDBDB;
  padding-left: 15px;
}
#storeFinderPage .storePageInner .search .inner .storeFinder .buttonOuter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media only screen and (max-width: 700px) {
  #storeFinderPage .storePageInner .search .inner .storeFinder .buttonOuter {
    display: block;
  }
}
#storeFinderPage .storePageInner .search .inner .storeFinder .buttonOuter button {
  height: 56px;
  width: 100%;
  font-size: 22px;
  font-weight: bold;
}
#storeFinderPage .storePageInner .search .inner .storeFinder .searchError {
  color: #e42313;
  padding: 10px 0 0;
  display: none;
}
#storeFinderPage .storePageInner .search .inner .altStores {
  margin: 0 auto;
  max-width: 375px;
  text-align: center;
  padding-top: 20px;
}
#storeFinderPage .storePageInner .frequentlyAskedQuestions .panel-intro {
  max-width: 640px;
  margin: 0 auto;
  padding: 30px 0;
}
#storeFinderPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion {
  margin-bottom: 10px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.15) 0 5px 20px;
          box-shadow: rgba(0, 0, 0, 0.15) 0 5px 20px;
  border-radius: 5px;
}
#storeFinderPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn {
  position: relative;
  background-color: #fff;
  border: none;
  padding: 20px;
  text-align: left;
  cursor: pointer;
  font-weight: bold;
  border-radius: 5px;
}
#storeFinderPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn::marker, #storeFinderPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn::-webkit-details-marker {
  display: none;
  content: "";
}
#storeFinderPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn::after {
  content: "+";
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 30px;
  font-family: monospace;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  color: #fff;
  background-color: #007D4A;
  border: 1px solid #007D4A;
  -webkit-transform: translate(0%, -50%) rotate(0deg);
          transform: translate(0%, -50%) rotate(0deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 2px;
  padding-left: 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#storeFinderPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-btn div {
  width: calc(100% - 50px);
}
#storeFinderPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion .faq-accordion-content {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 0 0 8px 8px;
}
#storeFinderPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion[open] .faq-accordion-btn {
  border-bottom: 1px solid #f3f3f3;
  border-radius: 5px 5px 0 0;
}
#storeFinderPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion[open] .faq-accordion-btn::after {
  content: "-";
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 30px;
  font-family: monospace;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 5px;
  color: #007D4A;
  background-color: #fff;
  border: 1px solid #007D4A;
  -webkit-transform: translate(0%, -50%) rotate(0deg);
          transform: translate(0%, -50%) rotate(0deg);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 5px;
  padding-left: 2px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: normal;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#storeFinderPage .storePageInner .frequentlyAskedQuestions .local-faq-accordion[open] summary ~ * {
  overflow: hidden;
  -webkit-animation: heightUp 0.3s ease-in-out;
          animation: heightUp 0.3s ease-in-out;
}
@keyframes heightUp {
  0% {
    max-height: 0;
  }
  100% {
    max-height: 2000px;
  }
}
#storeFinderPage .storePageInner .nearbyStores {
  display: none;
}
#storeFinderPage .storePageInner .nearbyStores .nearbyStoresContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#storeFinderPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoresList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  padding-right: 20px;
}
@media only screen and (max-width: 850px) {
  #storeFinderPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoresList {
    padding-right: 0;
  }
}
#storeFinderPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoresList a {
  text-decoration: none;
  color: unset;
}
#storeFinderPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoresList .nearbyStoreItem {
  border: 1px solid #efefef;
  border-radius: 5px;
  padding: 15px;
  width: 100%;
  margin-bottom: 20px;
}
#storeFinderPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoresList .nearbyStoreItem.itemIndex3 {
  margin-bottom: 0;
}
#storeFinderPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoresList .nearbyStoreItem:hover {
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.16);
}
#storeFinderPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoresList .nearbyStoreItem .nearbyStoreItemRow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
#storeFinderPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoresList .nearbyStoreItem .nearbyStoreItemRow div:first-of-type {
  padding-right: 10px;
}
#storeFinderPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoresMap {
  background-color: #f8f8f8;
  background-size: cover;
  border-radius: 5px;
  min-width: 500px;
}
@media only screen and (max-width: 850px) {
  #storeFinderPage .storePageInner .nearbyStores .nearbyStoresContainer .nearbyStoresMap {
    display: none;
  }
}

#storeDealsPage .menuPage.mainContainer.bannerContainer {
  width: unset;
  height: unset;
  margin-top: 80px;
}
#storeDealsPage .menuPage.mainContainer .sectWrap .introText {
  width: 840px;
  max-width: 100%;
  text-align: center;
  font-size: 18px;
  padding: 20px 20px 0 20px;
  margin: 0 auto;
}
#storeDealsPage .menuPage.mainContainer .sectWrap .introText h2 {
  text-transform: uppercase;
}
#storeDealsPage .menuPage.mainContainer .sectWrap .productsRow {
  width: 840px;
  max-width: 100%;
  margin: 5px auto;
}
#storeDealsPage .menuPage.mainContainer .sectWrap .productsRow .productEntry {
  height: unset;
  min-height: unset;
  cursor: unset;
}
@media only screen and (min-width: 1430px) {
  #storeDealsPage .menuPage.mainContainer .sectWrap .productsRow .productEntry {
    margin: 10px 10px 20px 10px;
    width: calc(33% - 20px);
  }
}
#storeDealsPage .menuPage.mainContainer .sectWrap .productsRow .productEntry .prodDesc {
  display: block;
  padding-bottom: 20px;
}
#storeDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex,
#storeDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex {
  width: 950px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#storeDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex .productEntry {
  width: 290px !important;
  max-width: 290px !important;
  margin: 20px !important;
  min-height: unset !important;
  cursor: pointer !important;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 21%;
          flex: 1 0 21%;
}
#storeDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .productEntry {
  width: 450px !important;
  max-width: 450px !important;
  -webkit-box-flex: 1;
      -ms-flex: 1 0 31%;
          flex: 1 0 31%;
  margin: 12px;
}
#storeDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .productEntry.placeholder {
  visibility: hidden;
}
#storeDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .productEntry .prodImage {
  height: unset !important;
}
#storeDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex .productEntry .prodImage {
  background-size: cover !important;
}
#storeDealsPage .offersPage.mainContainer {
  margin: 0 auto;
}
@media only screen and (max-width: 768px) {
  #storeDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex .productEntry {
    width: 340px !important;
    max-width: 340px !important;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 31%;
            flex: 1 0 31%;
  }
}
@media only screen and (max-width: 600px) {
  #storeDealsPage .introText {
    width: 100% !important;
  }
  #storeDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex,
  #storeDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  #storeDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericMenuIndex .productEntry,
  #storeDealsPage .menuPage.mainContainer .sectWrap .productsRow.genericDealIndex .productEntry {
    margin: 0 0 30px 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
  }
}
#storeDealsPage .offersPage .offersRow .grid-item {
  padding: 7px 15px;
}
@media only screen and (max-width: 768px) {
  #storeDealsPage .offersPage .offersRow .grid-item {
    padding: 7px 0;
  }
}
#storeDealsPage .offersPage .offersRow .offerEntry {
  max-width: unset;
  position: unset;
  -webkit-box-align: unset;
}
#storeDealsPage .offersPage .offersRow .offerEntry .offerInner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-shadow: unset;
          box-shadow: unset;
  -webkit-box-orient: unset;
  -webkit-box-direction: unset;
      -ms-flex-direction: unset;
          flex-direction: unset;
  padding: unset;
  gap: unset;
  width: unset;
  background-color: unset;
  border-radius: unset;
}
#storeDealsPage .offersPage .offersRow .offerEntry .offerInner .lSide {
  margin-top: 8px;
  padding: 5px;
}

@media only screen and (max-width: 409px) {
  body.enableDealFinder .mobileDealFinderBannerSpacer {
    display: block !important;
    height: 55px !important;
  }
}
body.enableDealFinder .siteContainer:not(.ordersPage) .gradient::after {
  background: linear-gradient(100.49deg, #FF1506 -101.68%, #EBC525 -38.27%, #7BBC29 43.25%, #017B53 105.53%);
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketNewBox .gradient::after {
  z-index: -1;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBanner {
  position: sticky;
  top: 0;
  z-index: 10;
  display: block;
  width: 25.625rem;
  height: 3.5625rem;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBanner.basketAction {
  width: 100%;
  height: 9.375rem;
  cursor: pointer;
}
@media only screen and (max-width: 768px) {
  body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBanner.basketAction {
    height: 3.75rem;
  }
}
@media only screen and (max-width: 409px) {
  body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBanner.basketAction {
    height: 206px !important;
  }
}
body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  width: 100%;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer.desktop {
  width: 25.625rem;
  position: absolute;
}
@media only screen and (max-width: 1256px) {
  body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer.desktop {
    width: 100%;
    position: relative;
    height: 3.9375rem;
  }
  body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer.desktop .mobileDealFinderBanner {
    position: absolute;
    width: 100% !important;
  }
}
@media screen and (max-width: 409px) {
  body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer.desktop {
    height: 55px;
  }
  body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer.desktop .mobileDealFinderBanner {
    height: 206px !important;
  }
}
body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer .mobileDealFinderTextContainer {
  position: absolute;
  z-index: 10;
  right: 30px;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: end;
  color: #fff;
  font-weight: 400;
  height: 57px;
}
@media only screen and (max-width: 425px) {
  body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer .mobileDealFinderTextContainer {
    font-size: 12px;
    right: 15px;
  }
}
@media only screen and (max-width: 375px) {
  body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer .mobileDealFinderTextContainer {
    right: 5px;
  }
}
body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer .mobileDealFinderTextContainer .mobileDealFinderGreenText {
  color: #007a53;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer .mobileDealFinderTextContainer .mobileDealFinderWhiteText {
  color: #fff;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer .mobileDealFinderTextContainer .mobileDealFinderWhiteText, body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer .mobileDealFinderTextContainer .mobileDealFinderGreenText {
  font-size: 18px;
  font-weight: 900;
}
@media only screen and (max-width: 375px) {
  body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer .mobileDealFinderTextContainer .mobileDealFinderWhiteText, body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer .mobileDealFinderTextContainer .mobileDealFinderGreenText {
    font-size: 14px;
  }
}
body.enableDealFinder .siteContainer:not(.ordersPage) .mobileDealFinderBannerContainer .mobileDealFinderTextContainer p {
  margin: 0;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .sinner .summaryCheckout .bestDeal .bestDealName {
  background: var(--Deal-Buddy, linear-gradient(100deg, #FF1506 -101.68%, #EBC525 -38.27%, #7BBC29 43.25%, #017B53 105.53%));
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .sinner::after {
  background: linear-gradient(100.49deg, #FF1506 -101.68%, #EBC525 -38.27%, #7BBC29 43.25%, #017B53 105.53%);
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .head .basketCanvas {
  width: 100%;
  height: 57px;
  display: block;
}
@media only screen and (max-width: 1257px) {
  body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .head .basketCanvas {
    display: none;
  }
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .selectable {
  cursor: pointer;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct .productDetails {
  width: calc(100% - 148px);
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader, body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding {
  background: #E6F0ED !important;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details, body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details {
  gap: 6px;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .editCont, body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .editCont {
  top: 0;
  right: 0 !important;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader .details .editCont:has(.deleteBundle), body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal .prodheader__padding .details .editCont:has(.deleteBundle) {
  top: 8px;
  right: 12px !important;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal::after {
  background: linear-gradient(100.49deg, #FF1506 -101.68%, #EBC525 -38.27%, #7BBC29 43.25%, #017B53 105.53%);
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal.rewardDeal::after {
  background: #D7E7E2;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.multideal.rewardDeal .selectable {
  cursor: unset;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader, body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding {
  background: #E6F0ED;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader .details, body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal .prodheader__padding .details {
  gap: 6px;
}
body.enableDealFinder .siteContainer:not(.ordersPage) .basketContainer .inner .topside > .overflowBody > .body .baskProdList .baskProduct.discountDeal::after {
  background: linear-gradient(100.49deg, #FF1506 -101.68%, #EBC525 -38.27%, #7BBC29 43.25%, #017B53 105.53%);
}
@media screen and (max-width: 409px) {
  body.enableDealFinder .siteContainer > .mobileNavBarBox .df-off-bar {
    position: absolute !important;
    top: 0;
  }
}
@media only screen and (max-width: 409px) {
  body.enableDealFinder .siteContainer .df-off-bar {
    height: 55px;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative !important;
  }
}
@media screen and (max-width: 409px) {
  body.enableDealFinder .siteContainer .df-off-bar-content {
    height: 55px;
  }
}
body.enableDealFinder .siteContainer .df-off-bar-content > .text,
body.enableDealFinder .siteContainer .df-off-bar-content > img,
body.enableDealFinder .siteContainer .df-off-bar-content .buttonPlaceholder {
  pointer-events: none;
}
@media only screen and (max-width: 1256px) {
  body.enableDealFinder .siteContainer .basketContainer.mobile .head:has(.mobileDealFinderBannerContainer.desktop) .df-off-bar {
    margin-top: -3.9375rem;
  }
}
@media screen and (max-width: 409px) {
  body.enableDealFinder .siteContainer .basketContainer.mobile .head:has(.mobileDealFinderBannerContainer.desktop) .df-off-bar {
    height: 55px;
    margin-top: -3.5rem;
  }
}
body.enableDealFinder.forced-enable-df .df-off-bar {
  display: none !important;
}
body.enableDealFinder.forced-enable-df .mobileDealFinderBannerSpacer {
  display: block !important;
}

body .basketContainer.mobile .df-off-bar {
  display: none;
}
body .mobileDealFinderBannerSpacer {
  display: none !important;
}
body .df-off-bar {
  background-color: #DBDBDB;
  width: 100%;
  overflow: hidden;
  display: none;
  height: 63px;
  position: relative;
}
@media screen and (max-width: 409px) {
  body .df-off-bar.mobile {
    height: 55px;
  }
}
body .df-off-bar-content {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 0;
  margin: 0 auto;
  height: 63px;
  width: 25.625rem;
  max-width: 100%;
}
@media screen and (max-width: 409px) {
  body .df-off-bar-content {
    height: 55px;
    min-width: 409px;
    position: initial;
  }
}
body .df-off-bar .toggle-df {
  padding: 0.3125rem;
  width: 3.375rem;
  height: 2.125rem;
  margin: 0;
  z-index: 11;
  position: absolute;
  right: 16px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #B2B2B2;
  border-radius: 6.25rem;
  -webkit-transition: background-color 0.6s;
  transition: background-color 0.6s;
  cursor: pointer;
}
@media screen and (max-width: 409px) {
  body .df-off-bar .toggle-df {
    height: 30px;
  }
}
@media screen and (max-width: 380px) {
  body .df-off-bar .toggle-df {
    right: 10px;
  }
}
body .df-off-bar .toggle-df:has(input:checked) {
  background-color: #005F40;
}
body .df-off-bar .toggle-df input {
  opacity: 0;
  width: 0;
  height: 0;
}
body .df-off-bar .toggle-df .slider {
  position: absolute;
  content: "";
  height: 1.5rem;
  width: 1.5rem;
  left: 0.3125rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #fff;
  -webkit-transition: 0.6s;
  transition: 0.6s;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
body .df-off-bar .toggle-df .slider .fa-check {
  color: #007A53;
  display: none;
}
body .df-off-bar .toggle-df .slider .fa-times {
  color: #545454;
}
body .df-off-bar .toggle-df input:checked + .slider {
  -webkit-transform: translateX(20px);
  transform: translateX(20px) translateY(-50%);
}
body .df-off-bar .toggle-df input:checked + .slider .fa-check {
  display: initial;
}
body .df-off-bar .toggle-df input:checked + .slider .fa-times {
  display: none;
}
body .df-off-bar img {
  width: 60px;
  height: 60px;
  margin-right: 54px;
  margin-left: 2px;
}
@media screen and (max-width: 409px) {
  body .df-off-bar img {
    width: 52px;
    height: 52px;
    margin-left: 29px;
    margin-right: 44px;
  }
}
body .df-off-bar .text {
  max-width: 8.5rem;
}
body .df-off-bar p {
  color: #005F40;
  margin: 0;
  text-align: center;
}
body .df-off-bar .buttonPlaceholder {
  width: 3.375rem;
  height: 2.125rem;
}
@media screen and (max-width: 409px) {
  body.disabled-deal-finder .df-off-bar {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative !important;
    height: 55px;
  }
}

.blogContainer {
  /* components */
  /* home page specific */
  /* article page specific */
  /* article / category page specific */
}
.blogContainer header.header .innerH .logoCont {
  padding: 17px 15px;
}
.blogContainer header.header .innerH .logoCont img {
  width: 186px !important;
  max-height: 40px !important;
}
@media only screen and (max-width: 768px) {
  .blogContainer header.header .innerH .logoCont img {
    width: 132px !important;
    max-height: 28px !important;
  }
}
.blogContainer header.header.homeHeader .lSide {
  width: calc(50% - 81px) !important;
}
.blogContainer header.header.homeHeader .rSide {
  margin-right: 160px;
}
@media only screen and (max-width: 1024px) {
  .blogContainer header.header.homeHeader .rSide {
    margin-right: 0;
  }
}
.blogContainer header.header.homeHeader .rSide .accountBtn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
}
@media only screen and (max-width: 768px) {
  .blogContainer header.header.homeHeader .rSide .accountBtn {
    margin-right: 20px;
  }
}
.blogContainer header.header.homeHeader .rSide .accountBtn .innerr {
  background: #F8F8F8 !important;
  padding: 15px 10px !important;
}
.blogContainer header.header.homeHeader .rSide .accountBtn .txt {
  display: block;
  text-transform: uppercase;
  color: #464646;
  font-weight: bold;
  font-size: 20px;
}
@media only screen and (max-width: 768px) {
  .blogContainer header.header.homeHeader .rSide .accountBtn .txt {
    display: none;
  }
}
.blogContainer .headingText {
  font-family: Italian Plate No2;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  margin-bottom: 32px;
  text-transform: uppercase;
}
@media only screen and (max-width: 425px) {
  .blogContainer .headingText {
    font-size: 25px;
    line-height: normal;
    margin-bottom: 16px;
  }
}
.blogContainer .blogBackToHomePage {
  background-color: #F7F7F7;
  padding: 16px;
}
.blogContainer .blogBackToHomePage .content {
  max-width: 990px;
  margin: 0 auto;
  padding: 0 20px;
}
@media only screen and (max-width: 1000px) {
  .blogContainer .blogBackToHomePage .content {
    padding: 0 20px 0 0;
  }
}
.blogContainer .blogBackToHomePage a {
  font-weight: bold;
  color: #1c1c1c;
}
.blogContainer .articleCardsComponentContainer {
  background-size: cover;
  margin-top: 100px;
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper {
  max-width: 950px;
  margin: 0 auto;
  gap: 50px;
}
@media only screen and (max-width: 1000px) {
  .blogContainer .articleCardsComponentContainer .articleCardsWrapper {
    padding: 32px 0;
    gap: 32px;
  }
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper a.viewAllArticles {
  min-height: 41px;
  background-color: #ed8b00;
  padding: 13px 30px;
  border: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border: 1px solid #ed8b00;
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper a.viewAllArticles:hover {
  text-decoration: none;
  background-color: #fff;
  color: #ed8b00;
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsTextContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 24px;
  margin-bottom: 24px;
}
@media only screen and (max-width: 1000px) {
  .blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsTextContainer {
    gap: 19px;
  }
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsTextContainer h2 {
  margin: 0;
  font-size: 32px;
  text-transform: uppercase;
}
@media only screen and (max-width: 1000px) {
  .blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsTextContainer h2 {
    font-size: 28px;
  }
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsTextContainer h3 {
  margin: 0;
  font-size: 26px;
  font-weight: normal;
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 40px;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 100%;
    gap: 32px;
  }
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter {
  width: 100%;
  position: relative;
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink {
  text-decoration: none;
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard {
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.16);
  border-radius: 6px;
  display: block;
  min-height: 250px;
}
@media only screen and (max-width: 1000px) {
  .blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard {
    min-height: 225px;
  }
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard:hover {
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.32);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.32);
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard a {
  color: #000;
  text-decoration: none;
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard img {
  height: 100px;
  border-radius: 6px 6px 0 0;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media only screen and (max-width: 1000px) {
  .blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard img {
    width: 100%;
  }
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard .articleCardDesktopImage {
  display: block;
}
@media only screen and (max-width: 425px) {
  .blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard .articleCardDesktopImage {
    display: none;
  }
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard .articleCardMobileImage {
  display: none;
}
@media only screen and (max-width: 425px) {
  .blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard .articleCardMobileImage {
    display: block;
  }
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard .articleCardText {
  padding: 36px 14px 32px 14px;
  background-color: #fff;
  border-radius: 0 0 6px 6px;
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard h3 {
  margin: 0;
  font-size: 26px;
  padding-top: 6px;
  color: #000000;
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard .dateAndReadTime {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 16px;
  padding-top: 6px;
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .articleCardLink .articleCard .dateAndReadTime span {
  font-size: 12px;
  color: #585d62;
}
.blogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter .categoryLabel {
  color: #007d4a;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  position: absolute;
  top: 112px;
  left: 14px;
}
.blogContainer .fullWidthBannerContainer {
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 450px;
  background-position: center;
  border-radius: 6px;
  padding: 80px 40px 105px;
  margin-top: 100px;
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.16);
}
@media only screen and (max-width: 668px) {
  .blogContainer .fullWidthBannerContainer {
    background: #fff;
    padding: 0;
    max-height: 100%;
    border-radius: 0px 0px 10px 10px;
    -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.16);
    background-image: none !important;
    margin: 24px 0;
  }
}
@media only screen and (max-width: 668px) {
  .blogContainer .fullWidthBannerContainer .imageBannerMobile {
    display: block !important;
    width: 100%;
    height: 300px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 10px 10px 0px 0px;
  }
}
.blogContainer .fullWidthBannerContainer .textContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media only screen and (max-width: 668px) {
  .blogContainer .fullWidthBannerContainer .textContainer {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 50px 38px 36px;
  }
}
.blogContainer .fullWidthBannerContainer .textContainer h1 {
  color: #fff;
  width: 418px;
  font-family: Italian Plate No2;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  text-transform: uppercase;
}
@media only screen and (max-width: 668px) {
  .blogContainer .fullWidthBannerContainer .textContainer h1 {
    color: #000;
    font-size: 25px;
    line-height: normal;
    text-align: center;
    width: 100%;
  }
}
.blogContainer .fullWidthBannerContainer .textContainer p {
  color: #fff;
  width: 394px;
  font-family: Italian Plate No2;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 28px;
}
@media only screen and (max-width: 668px) {
  .blogContainer .fullWidthBannerContainer .textContainer p {
    color: #000;
    line-height: normal;
    text-align: center;
    width: 100%;
  }
}
.blogContainer .fullWidthBannerContainer .textContainer a {
  width: 224px;
  min-height: 41px;
  background-color: #ed8b00;
  padding: 13px 71px;
  border: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 6px;
  cursor: pointer;
  text-align: center;
  color: #fff;
  border: 1px solid #ed8b00;
}
.blogContainer .fullWidthBannerContainer .textContainer a:hover {
  text-decoration: none;
  background-color: #fff;
  color: #ed8b00;
}
@media only screen and (max-width: 668px) {
  .blogContainer .fullWidthBannerContainer .textContainer a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: 0px 44px;
    min-height: 56px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.blogContainer .fullWidthBannerContainer .textContainer a span {
  font-family: Italian Plate No2;
  font-size: 16px;
  line-height: normal;
}
@media only screen and (max-width: 668px) {
  .blogContainer .fullWidthBannerContainer .textContainer a span {
    font-size: 22px;
  }
}
@media only screen and (max-width: 830px) {
  .blogContainer .rightImageTextSection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 830px) {
  .blogContainer .leftImageTextSection {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.blogContainer .leftImageTextSection,
.blogContainer .rightImageTextSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 830px) {
  .blogContainer .leftImageTextSection,
  .blogContainer .rightImageTextSection {
    gap: 24px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.blogContainer .leftImageTextSection .leftImageWrapper,
.blogContainer .leftImageTextSection .rightImageWrapper,
.blogContainer .rightImageTextSection .leftImageWrapper,
.blogContainer .rightImageTextSection .rightImageWrapper {
  -webkit-box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.16);
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 6px;
}
@media only screen and (max-width: 830px) {
  .blogContainer .leftImageTextSection .leftImageWrapper,
  .blogContainer .leftImageTextSection .rightImageWrapper,
  .blogContainer .rightImageTextSection .leftImageWrapper,
  .blogContainer .rightImageTextSection .rightImageWrapper {
    border-radius: 6px 6px 0 0;
    width: 100%;
  }
}
.blogContainer .leftImageTextSection .leftImageWrapper img,
.blogContainer .leftImageTextSection .rightImageWrapper img,
.blogContainer .rightImageTextSection .leftImageWrapper img,
.blogContainer .rightImageTextSection .rightImageWrapper img {
  max-width: 455px;
  height: auto;
  width: 100%;
  border-radius: 6px;
  background: lightgray 50%/cover no-repeat;
}
@media only screen and (max-width: 830px) {
  .blogContainer .leftImageTextSection .leftImageWrapper img,
  .blogContainer .leftImageTextSection .rightImageWrapper img,
  .blogContainer .rightImageTextSection .leftImageWrapper img,
  .blogContainer .rightImageTextSection .rightImageWrapper img {
    border-radius: 6px 6px 0 0;
    max-width: unset;
  }
}
.blogContainer .leftImageTextSection .textSection,
.blogContainer .rightImageTextSection .textSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 50%;
  line-height: 24px;
}
@media only screen and (max-width: 830px) {
  .blogContainer .leftImageTextSection .textSection,
  .blogContainer .rightImageTextSection .textSection {
    width: 100%;
  }
}
.blogContainer .leftImageTextSection .textSection h3,
.blogContainer .rightImageTextSection .textSection h3 {
  margin: 0;
  font-size: 26px;
}
.blogContainer .latestDealsContainer {
  margin-top: 100px;
}
.blogContainer .latestDealsContainer .offersBoxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 40px;
}
@media only screen and (max-width: 668px) {
  .blogContainer .latestDealsContainer .offersBoxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox {
  -webkit-box-flex: 50%;
      -ms-flex: 50%;
          flex: 50%;
}
@media only screen and (max-width: 768px) {
  .blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox {
    width: 100%;
    padding: 0;
  }
}
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left,
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow2_left {
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
}
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersImageDesktop {
  width: 100%;
  height: auto;
  display: block;
}
@media only screen and (max-width: 425px) {
  .blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersImageDesktop {
    display: none;
  }
}
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersImageMobile {
  display: none;
}
@media only screen and (max-width: 425px) {
  .blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersImageMobile {
    display: block;
    width: 100%;
    height: auto;
  }
}
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left_bottom {
  background-color: #fff;
  padding: 12px 14px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
@media only screen and (max-width: 768px) {
  .blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left_bottom {
    padding: 10px;
  }
}
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_bottom_text {
  margin-bottom: 12px;
}
@media only screen and (max-width: 768px) {
  .blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_bottom_text {
    margin-bottom: 20px;
  }
}
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_bottom_text p {
  color: #1c1c1c;
  font-family: Italian Plate No2;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  margin: 0 !important;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_bottom_text p {
    line-height: normal;
    width: 90%;
  }
}
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: row !important;
          flex-direction: row !important;
}
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_buttons a:hover {
  text-decoration: none;
}
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_buttons .button_right {
  background-color: #007d4a;
  padding: 13px 31px;
  color: #fff;
  border: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  border-radius: 5px;
  width: 160px;
  height: 42px;
}
@media only screen and (max-width: 768px) {
  .blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_buttons .button_right {
    width: 175px !important;
    height: 30px;
    padding: 7px 35px;
  }
}
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_buttons .button_right:hover {
  background-color: #ed8b00;
}
.blogContainer .latestDealsContainer .offersBoxes .offersRow1_leftBox .offersRow1_left_bottom .offersRow1_left_buttons span {
  font-family: Italian Plate No2;
  font-size: 16px;
  font-weight: 400;
  line-height: 16px;
}
.blogContainer .simpleTextContainer {
  line-height: 24px;
}
.blogContainer .simpleTextContainer h3 {
  margin: 0;
  font-size: 26px;
}
.blogContainer .featureContainer .featureBoxes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 40px;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
}
@media only screen and (max-width: 670px) {
  .blogContainer .featureContainer .featureBoxes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
  }
}
.blogContainer .featureContainer .featureBoxes .leftFeatureContainer {
  width: calc(50% - 20px);
  min-height: 360px;
  background-size: cover;
  background-position: center;
  border-radius: 5px;
  padding-left: 25px;
  -ms-flex-item-align: stretch;
      -ms-grid-row-align: stretch;
      align-self: stretch;
}
@media only screen and (max-width: 670px) {
  .blogContainer .featureContainer .featureBoxes .leftFeatureContainer {
    width: 100%;
    min-height: 269px;
    background-size: cover;
    padding-left: 20px;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
  }
}
.blogContainer .featureContainer .featureBoxes .leftFeatureContainer .leftFeatureOverlay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: 100%;
  min-height: 269px;
}
.blogContainer .featureContainer .featureBoxes .leftFeatureContainer .titleOverImage {
  color: #fff;
  font-family: Italian Plate No2;
  font-size: 26px;
  font-weight: 700;
  line-height: 32px;
  margin-bottom: 20px;
  width: 381px;
}
.blogContainer .featureContainer .featureBoxes .leftFeatureContainer .titleOverImage a {
  color: #fff;
  text-decoration: none;
}
@media only screen and (max-width: 830px) {
  .blogContainer .featureContainer .featureBoxes .leftFeatureContainer .titleOverImage {
    font-size: 20px;
    line-height: normal;
    margin-bottom: 10px;
    width: 100%;
  }
}
.blogContainer .featureContainer .featureBoxes .leftFeatureContainer .textOverImage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  gap: 16px;
}
.blogContainer .featureContainer .featureBoxes .leftFeatureContainer .textOverImage p {
  color: #fff;
  font-family: Italian Plate No2;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer {
  background: #fff 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 10px;
  max-width: 735px;
  width: calc(50% - 20px);
}
@media only screen and (max-width: 670px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer {
    padding: 44px 38px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm {
  padding: 45px 57px 58px 58px;
  text-align: left;
  width: 100%;
  max-width: 455px;
  min-height: 360px;
}
@media only screen and (max-width: 830px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm {
    padding: 45px 30px 30px;
    text-align: left;
    min-height: auto;
  }
}
@media only screen and (max-width: 670px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm {
    text-align: center;
  }
}
@media only screen and (max-width: 425px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm {
    padding: 0;
  }
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .warningMsg {
  margin: 10px 0 0 0;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .title {
  font-size: 26px;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .titleIntro {
  font-family: Italian Plate No2;
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .pizzaNameIntro {
  color: #007d4a;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .invalidPC {
  position: absolute;
  top: 0;
  right: 0;
  margin: 20px 0 10px 0;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .invalidPC p {
  text-align: left;
  font-size: 14px;
  margin: 0 13px;
  color: #e42313;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont {
  float: left;
  width: 100%;
  position: relative;
  margin-right: 20px;
}
@media only screen and (max-width: 1539px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont {
    max-width: 100%;
  }
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont > input {
  text-transform: uppercase;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  height: 56px;
  border-color: transparent;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  padding-left: 15px;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont > input::-webkit-input-placeholder {
  text-transform: none;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont > input::-moz-placeholder {
  text-transform: none;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont > input:-ms-input-placeholder {
  text-transform: none;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont > input::-ms-input-placeholder {
  text-transform: none;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont > input::placeholder {
  text-transform: none;
}
@media only screen and (max-width: 830px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont > input::-webkit-input-placeholder {
    text-align: center;
  }
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont > input::-moz-placeholder {
    text-align: center;
  }
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont > input:-ms-input-placeholder {
    text-align: center;
  }
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont > input::-ms-input-placeholder {
    text-align: center;
  }
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont > input::placeholder {
    text-align: center;
  }
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX {
  max-width: 335px;
  margin: 0;
  padding: 0;
  margin-bottom: 0;
  position: relative;
  width: 100%;
}
@media only screen and (max-width: 1539px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX {
    max-width: 100%;
  }
}
@media only screen and (max-width: 425px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX .homePostCode::-webkit-input-placeholder {
    text-align: center;
  }
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX .homePostCode::-moz-placeholder {
    text-align: center;
  }
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX .homePostCode:-ms-input-placeholder {
    text-align: center;
  }
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX .homePostCode::-ms-input-placeholder {
    text-align: center;
  }
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX .homePostCode::placeholder {
    text-align: center;
  }
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX .clearInput {
  position: absolute;
  padding: 5px;
  top: 12px;
  right: 10px;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX > input {
  text-transform: uppercase;
  border-radius: 5px;
  width: 100%;
  font-size: 16px;
  height: 56px;
  border: 1px solid #dbdbdb;
  padding-left: 15px;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX > input::-webkit-input-placeholder {
  text-transform: none;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX > input::-moz-placeholder {
  text-transform: none;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX > input:-ms-input-placeholder {
  text-transform: none;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX > input::-ms-input-placeholder {
  text-transform: none;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .fieldCont .fieldContX > input::placeholder {
  text-transform: none;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .oneButton button {
  width: 340px !important;
  height: 56px !important;
  font-size: 22px;
  font-weight: 400 !important;
}
@media only screen and (max-width: 1539px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .oneButton button {
    margin-top: 12px !important;
    width: 100% !important;
  }
}
@media only screen and (max-width: 830px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .oneButton button {
    margin-top: 12px !important;
    width: 100% !important;
  }
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .twoButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 26px;
  width: 100%;
}
@media only screen and (max-width: 670px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .twoButtons {
    padding-top: 10px;
  }
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .twoButtons > .cont {
  width: 100%;
}
@media only screen and (max-width: 1539px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .twoButtons > .cont {
    max-width: 100%;
  }
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .twoButtons > .cont > button {
  height: 56px;
  width: 100%;
  font-size: 22px;
  font-weight: 400;
}
@media only screen and (max-width: 1539px) {
  .blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .twoButtons > .cont > button {
    max-width: 100%;
  }
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .hideTwoButtons {
  display: none;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .showContinueButton {
  display: block !important;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .pcLoader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.75);
  cursor: not-allowed;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .pcLoader i {
  color: #464646;
  font-size: 2rem;
  -webkit-animation-name: load;
          animation-name: load;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
}
.blogContainer .featureContainer .featureBoxes .postcodeContainer #storeSelectionForm .pcLoader:not(.active) {
  display: none;
}
.blogContainer.homepageBlogContainer {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.blogContainer.homepageBlogContainer .homepageBlogHeader {
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-size: cover;
  height: 280px;
  background-position: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 20px 0 20px;
  text-align: center;
}
.blogContainer.homepageBlogContainer .homepageBlogHeader h1 {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 55px;
  font-size: 48px;
}
@media only screen and (max-width: 668px) {
  .blogContainer.homepageBlogContainer .homepageBlogHeader h1 {
    font-size: 38px;
    line-height: normal;
  }
}
.blogContainer.homepageBlogContainer .blogContentContainer {
  max-width: 990px;
  margin: -100px auto 0 auto;
  padding: 0 20px 100px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.blogContainer.articleBlogContainer {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.blogContainer.articleBlogContainer .articleBlogHeader {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 280px;
}
.blogContainer.articleBlogContainer .articleBlogHeader .articleBannerOverlay {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  height: 280px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  width: 100%;
}
.blogContainer.articleBlogContainer .articleBlogHeader .textBannerSection {
  color: #fff;
  width: 100%;
  max-width: 999px;
  margin: 0 auto;
  padding: 0 24px 24px 16px;
}
@media only screen and (max-width: 425px) {
  .blogContainer.articleBlogContainer .articleBlogHeader .textBannerSection {
    padding-bottom: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 16px;
  }
}
.blogContainer.articleBlogContainer .articleBlogHeader .textBannerSection a {
  text-decoration: none;
}
.blogContainer.articleBlogContainer .articleBlogHeader .textBannerSection .categoryLabel, .blogContainer.articleBlogContainer .articleBlogHeader .textBannerSection .tagLabel {
  color: #fff;
  background-color: #ed8b00;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 16px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (max-width: 425px) {
  .blogContainer.articleBlogContainer .articleBlogHeader .textBannerSection .categoryLabel, .blogContainer.articleBlogContainer .articleBlogHeader .textBannerSection .tagLabel {
    font-size: 18px;
    line-height: normal;
    margin: 0;
  }
}
.blogContainer.articleBlogContainer .articleBlogHeader .textBannerSection .titleBanner {
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  text-transform: uppercase;
  margin: 0;
  max-width: 676px;
}
@media only screen and (max-width: 425px) {
  .blogContainer.articleBlogContainer .articleBlogHeader .textBannerSection .titleBanner {
    font-size: 25px;
    line-height: normal;
  }
}
.blogContainer.articleBlogContainer .articleBlogHeader .textBannerSection .subtitleBanner {
  font-size: 20px;
  font-weight: 400;
  line-height: 30px;
  max-width: 564px;
}
@media only screen and (max-width: 425px) {
  .blogContainer.articleBlogContainer .articleBlogHeader .textBannerSection .subtitleBanner {
    line-height: normal;
  }
}
.blogContainer.articleBlogContainer .blogContentContainer {
  max-width: 990px;
  margin: 0 auto;
  padding: 34px 20px 100px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 20px;
  position: relative;
}
@media only screen and (max-width: 830px) {
  .blogContainer.articleBlogContainer .blogContentContainer {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 24px 20px 68px;
  }
}
.blogContainer.articleBlogContainer .blogContentContainer .breadcrumb {
  width: 100%;
}
.blogContainer.articleBlogContainer .blogContentContainer .breadcrumb span {
  color: #1c1c1c;
  text-decoration: underline;
}
.blogContainer.articleBlogContainer .blogContentContainer .breadcrumb ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.blogContainer.articleBlogContainer .blogContentContainer .breadcrumb ul li {
  padding-right: 2px;
  gap: 2px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.blogContainer.articleBlogContainer .blogContentContainer .breadcrumb ul li a {
  font-size: 14px;
  text-decoration: none;
}
.blogContainer.articleBlogContainer .blogContentContainer .breadcrumb ul li p {
  font-weight: 400;
  font-size: 20px;
  margin: 0;
}
.blogContainer.articleBlogContainer .blogContentContainer .dateAndTimeSection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.blogContainer.articleBlogContainer .blogContentContainer .dateAndTimeSection hr {
  width: 35px;
  color: #707070;
  margin: 0;
  border-style: solid;
  border-top-style: hidden;
}
.blogContainer.articleBlogContainer .blogContentContainer .labelsContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  margin-top: 80px;
}
@media only screen and (max-width: 830px) {
  .blogContainer.articleBlogContainer .blogContentContainer .labelsContainer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 16px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 86%;
    margin-top: -20px;
  }
}
.blogContainer.articleBlogContainer .blogContentContainer .labelsContainer .categoryLabel, .blogContainer.articleBlogContainer .blogContentContainer .labelsContainer .tagLabel {
  color: #fff;
  background-color: #ed8b00;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 3px 10px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}
@media only screen and (max-width: 830px) {
  .blogContainer.articleBlogContainer .blogContentContainer .labelsContainer .categoryLabel, .blogContainer.articleBlogContainer .blogContentContainer .labelsContainer .tagLabel {
    border-radius: 36px;
    font-size: 18px;
  }
}
.blogContainer.articleBlogContainer .blogContentContainer hr {
  width: 100%;
  border: 1px solid #C4C4C4;
  border-top-style: hidden;
  margin: 0;
}
@media only screen and (max-width: 830px) {
  .blogContainer.articleBlogContainer .blogContentContainer hr {
    margin: -12px 0;
  }
}
.blogContainer.articleBlogContainer .latestDealsContainer {
  max-width: 990px;
  margin: 0 auto;
  padding: 0 20px 100px 20px;
}
.blogContainer.articlesBlogContainer .articlesBlogHeader, .blogContainer .articlesBlogContainer .articlesBlogHeader {
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  background-size: cover;
  height: 280px;
  background-position: center;
}
@media only screen and (max-width: 668px) {
  .blogContainer.articlesBlogContainer .articlesBlogHeader, .blogContainer .articlesBlogContainer .articlesBlogHeader {
    background-position: 73%;
  }
}
.blogContainer.articlesBlogContainer .blogContentContainer, .blogContainer .articlesBlogContainer .blogContentContainer {
  max-width: 990px;
  margin: 0 auto;
  padding: 0 20px 100px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.blogContainer.articlesBlogContainer .articleCardsComponentContainer, .blogContainer .articlesBlogContainer .articleCardsComponentContainer {
  margin: 50px 0;
}
.blogContainer.articlesBlogContainer .articleCardsComponentContainer .articleCardsWrapper, .blogContainer .articlesBlogContainer .articleCardsComponentContainer .articleCardsWrapper {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
}
.blogContainer.articlesBlogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsTextContainer, .blogContainer .articlesBlogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsTextContainer {
  -webkit-box-align: unset;
      -ms-flex-align: unset;
          align-items: unset;
  text-align: left;
  margin-top: 40px;
}
.blogContainer.articlesBlogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer, .blogContainer .articlesBlogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: unset;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: 20px;
}
@media only screen and (max-width: 1000px) {
  .blogContainer.articlesBlogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer, .blogContainer .articlesBlogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer {
    gap: 32px;
  }
}
.blogContainer.articlesBlogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter, .blogContainer .articlesBlogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter {
  width: 32%;
}
@media only screen and (max-width: 1000px) {
  .blogContainer.articlesBlogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter, .blogContainer .articlesBlogContainer .articleCardsComponentContainer .articleCardsWrapper .articleCardsContainer .articleCardOuter {
    width: 100%;
  }
}
.blogContainer.articlesBlogContainer .paginationHolder, .blogContainer .articlesBlogContainer .paginationHolder {
  text-align: center;
  margin-top: 40px;
}
.blogContainer.articlesBlogContainer .paginationHolder .pagination, .blogContainer .articlesBlogContainer .paginationHolder .pagination {
  display: inline-block;
}
.blogContainer.articlesBlogContainer .paginationHolder .pagination a, .blogContainer .articlesBlogContainer .paginationHolder .pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
}
.blogContainer.articlesBlogContainer .paginationHolder .pagination a.active, .blogContainer .articlesBlogContainer .paginationHolder .pagination a.active {
  background-color: #007d4a;
  color: #fff;
  border-radius: 5px;
}
.blogContainer.articlesBlogContainer .paginationHolder .pagination a:hover:not(.active), .blogContainer .articlesBlogContainer .paginationHolder .pagination a:hover:not(.active) {
  background-color: #dbdbdb;
  border-radius: 5px;
}

html:has(.summer-menu-landing-page) {
  overflow-x: hidden;
  scroll-behavior: smooth;
  overscroll-behavior-y: none;
}

body:has(.summer-menu-landing-page) {
  margin: 0;
  overflow-x: hidden;
}
body:has(.summer-menu-landing-page) .header {
  position: absolute;
  width: 100%;
}
body:has(.summer-menu-landing-page) .footer {
  margin-top: -40px;
}

.summer-menu-landing-page {
  /* Intro Section */
  /* Pizza Section */
  /* Sides Section */
  /* Desserts Section */
}
.summer-menu-landing-page p {
  font-size: 26px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  -webkit-font-smoothing: antialiased;
  margin-bottom: revert;
  margin-top: revert;
}
.summer-menu-landing-page h2 {
  text-transform: uppercase;
  line-height: 0.8;
  margin: 0;
  display: -ms-grid;
  display: grid;
  grid-gap: 0;
  -webkit-box-pack: left;
      -ms-flex-pack: left;
          justify-content: left;
  font-family: "Papa Sans Medium";
  -webkit-font-smoothing: antialiased;
}
.summer-menu-landing-page .inner {
  max-width: 100%;
  width: 1280px;
  margin: 0 auto;
}
.summer-menu-landing-page .actionBtn {
  padding: 11px 25px;
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
  background-color: #fff;
  font-size: 24px;
  border-radius: 5px;
  font-family: "Papa Sans Heavy";
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 768px) {
  .summer-menu-landing-page .actionBtn {
    font-size: 16px;
  }
}
.summer-menu-landing-page .actionBtn:hover {
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
}
.summer-menu-landing-page .section {
  -webkit-transform: skew(0deg, -1deg);
          transform: skew(0deg, -1deg);
}
@media only screen and (max-width: 768px) {
  .summer-menu-landing-page .section {
    -webkit-transform: skew(0deg, -6deg);
            transform: skew(0deg, -6deg);
  }
}
.summer-menu-landing-page .sectionArrow {
  position: absolute;
  bottom: 80px;
  color: rgba(255, 255, 255, 0.6);
  left: calc(50% - 22px);
  width: 44px;
  font-size: 44px;
}
.summer-menu-landing-page .sectionArrow:hover {
  color: rgb(255, 255, 255);
}
.summer-menu-landing-page .sectionArrow.pizza {
  bottom: 80px;
}
.summer-menu-landing-page .sectionArrow.side {
  bottom: 40px;
}
@media only screen and (min-width: 900px) {
  .summer-menu-landing-page .sectionArrow.side {
    bottom: 80px;
  }
}
.summer-menu-landing-page .sectionArrow.dessert {
  bottom: 70px;
}
.summer-menu-landing-page .layout {
  -webkit-transform: skew(0deg, 1deg);
          transform: skew(0deg, 1deg);
}
@media only screen and (max-width: 768px) {
  .summer-menu-landing-page .layout {
    -webkit-transform: skew(0deg, 6deg);
            transform: skew(0deg, 6deg);
  }
}
.summer-menu-landing-page .sectionIntro {
  background-image: url("/static/assets/landing-pages/summer-menu/summer-bg.png");
  background-size: cover;
  background-position: bottom;
  height: 100vh;
  min-height: 780px;
  max-height: 880px;
}
@media only screen and (max-width: 768px) {
  .summer-menu-landing-page .sectionIntro {
    height: calc(160vw + 280px);
    background-image: url("/static/assets/landing-pages/summer-menu/summer-bg-mobile.jpg");
    background-position: left;
  }
}
.summer-menu-landing-page .sectionIntro .introLayout {
  height: 100%;
  padding-left: 30px;
  position: relative;
}
.summer-menu-landing-page .sectionIntro .introLayout .introLeft {
  padding-top: 80px;
  max-width: 420px;
}
@media only screen and (max-width: 1024px) {
  .summer-menu-landing-page .sectionIntro .introLayout .introLeft {
    max-width: 310px;
  }
}
.summer-menu-landing-page .sectionIntro .introLayout .introLeft h1 {
  text-transform: uppercase;
  line-height: 0.8;
  margin: 0;
  color: #710500;
  font-family: "Papa Sans Heavy";
  -webkit-font-smoothing: antialiased;
}
.summer-menu-landing-page .sectionIntro .introLayout .introLeft h1 .h1-intro {
  font-size: 48px;
  color: #E42313;
}
@media only screen and (max-width: 1024px) {
  .summer-menu-landing-page .sectionIntro .introLayout .introLeft h1 .h1-intro {
    font-size: 32px;
  }
}
@media only screen and (max-width: 350px) {
  .summer-menu-landing-page .sectionIntro .introLayout .introLeft h1 .h1-intro {
    font-size: 25px;
  }
}
.summer-menu-landing-page .sectionIntro .introLayout .introLeft h1 .h1-line1 {
  font-size: 100px;
}
@media only screen and (max-width: 1024px) {
  .summer-menu-landing-page .sectionIntro .introLayout .introLeft h1 .h1-line1 {
    font-size: 67px;
  }
}
@media only screen and (max-width: 350px) {
  .summer-menu-landing-page .sectionIntro .introLayout .introLeft h1 .h1-line1 {
    font-size: 52px;
  }
}
.summer-menu-landing-page .sectionIntro .introLayout .introLeft h1 .h1-line2 {
  font-size: 155px;
}
@media only screen and (max-width: 1024px) {
  .summer-menu-landing-page .sectionIntro .introLayout .introLeft h1 .h1-line2 {
    font-size: 106px;
  }
}
@media only screen and (max-width: 350px) {
  .summer-menu-landing-page .sectionIntro .introLayout .introLeft h1 .h1-line2 {
    font-size: 83px;
  }
}
@media only screen and (max-width: 900px) {
  .summer-menu-landing-page .sectionIntro .introLayout .introLeft p {
    font-size: 18px;
  }
}
@media only screen and (max-width: 575px) {
  .summer-menu-landing-page .sectionIntro .introLayout .introLeft p {
    max-width: 52%;
  }
}
.summer-menu-landing-page .sectionIntro .introLayout .introLeft .actionBtn {
  z-index: 10;
  position: relative;
}
.summer-menu-landing-page .sectionIntro .introLayout .introRight {
  grid-column: auto;
  position: relative;
}
.summer-menu-landing-page .sectionIntro .introLayout img {
  height: 650px;
  position: absolute;
  left: calc(50% - 80px);
  top: 80px;
}
@media only screen and (min-width: 475px) and (max-width: 899px) {
  .summer-menu-landing-page .sectionIntro .introLayout img {
    left: unset;
    top: unset;
    right: -10%;
    bottom: 110px;
    height: 80vw;
    min-height: 550px;
  }
}
@media only screen and (max-width: 475px) {
  .summer-menu-landing-page .sectionIntro .introLayout img {
    left: unset;
    top: unset;
    right: -28%;
    bottom: 110px;
    height: 58%;
  }
}
@media only screen and (max-width: 374px) {
  .summer-menu-landing-page .sectionIntro .introLayout img {
    bottom: 80px;
    height: 55%;
    right: -30%;
  }
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionIntro .introLayout .introDesktop {
    display: none !important;
  }
}
@media only screen and (min-width: 900px) {
  .summer-menu-landing-page .sectionIntro .introLayout .introMobile {
    display: none !important;
    margin-top: 50%;
  }
}
.summer-menu-landing-page .sectionPizza {
  background-image: url("/static/assets/landing-pages/summer-menu/pizza-bg.jpg");
  background-size: cover;
  margin-top: -40px;
  overflow: hidden;
}
@media only screen and (min-width: 900px) and (max-width: 1279px) {
  .summer-menu-landing-page .sectionPizza {
    height: calc(100vw - 200px);
    padding: 0 20px;
    min-height: 900px;
  }
}
@media only screen and (min-width: 1280px) {
  .summer-menu-landing-page .sectionPizza {
    height: 100vh;
    min-height: 1100px;
    max-height: 1300px;
  }
}
@media only screen and (max-width: 900px) {
  .summer-menu-landing-page .sectionPizza {
    height: calc(160vw + 280px);
    background-image: url("/static/assets/landing-pages/summer-menu/pizza-bg-mob.jpg");
  }
}
.summer-menu-landing-page .sectionPizza .pizzaLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url("/static/assets/landing-pages/summer-menu/bbq-desktop.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 50% -70px;
  height: 100%;
  position: relative;
  margin-top: -15px;
}
@media only screen and (max-width: 900px) {
  .summer-menu-landing-page .sectionPizza .pizzaLayout {
    background-image: url("/static/assets/landing-pages/summer-menu/bbq-mobile.png");
    background-position: 50% -15px;
  }
}
.summer-menu-landing-page .sectionPizza .pizzaLayout .content {
  padding-top: 60px;
  max-width: 420px;
  position: absolute;
  left: 50%;
  bottom: 20%;
}
@media only screen and (max-width: 900px) {
  .summer-menu-landing-page .sectionPizza .pizzaLayout .content {
    padding: 20px;
    max-width: 60%;
    left: 20px;
    bottom: 10%;
  }
}
@media only screen and (max-width: 413px) {
  .summer-menu-landing-page .sectionPizza .pizzaLayout .content {
    max-width: 100%;
    bottom: 15%;
  }
}
.summer-menu-landing-page .sectionPizza .pizzaLayout .content p {
  color: #fff;
  font-size: 24px;
}
@media only screen and (max-width: 900px) {
  .summer-menu-landing-page .sectionPizza .pizzaLayout .content p {
    font-size: 18px;
  }
}
.summer-menu-landing-page .sectionPizza .pizzaLayout h2 .h2-intro {
  font-size: 47px;
  color: #E42313;
  -ms-grid-column: 1;
  -ms-grid-column-span: 1;
  grid-column: 1/2;
  -ms-grid-row: 1;
  grid-row: 1;
}
@media only screen and (max-width: 900px) {
  .summer-menu-landing-page .sectionPizza .pizzaLayout h2 .h2-intro {
    font-size: 32px;
  }
}
.summer-menu-landing-page .sectionPizza .pizzaLayout h2 .h2-line1 {
  font-size: 42px;
  color: #E42313;
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
}
@media only screen and (max-width: 900px) {
  .summer-menu-landing-page .sectionPizza .pizzaLayout h2 .h2-line1 {
    font-size: 29px;
  }
}
.summer-menu-landing-page .sectionPizza .pizzaLayout h2 .h2-line2 {
  font-size: 98px;
  color: #FFCF6E;
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  padding-left: 5px;
  line-height: 0.7;
  font-family: "Papa Sans Heavy";
  -webkit-font-smoothing: antialiased;
}
@media only screen and (max-width: 900px) {
  .summer-menu-landing-page .sectionPizza .pizzaLayout h2 .h2-line2 {
    font-size: 64px;
  }
}
.summer-menu-landing-page .sectionSides {
  background-image: url("/static/assets/landing-pages/summer-menu/sides-bg.jpg");
  background-size: cover;
  margin-top: -40px;
  overflow: hidden;
}
@media only screen and (min-width: 900px) {
  .summer-menu-landing-page .sectionSides {
    height: 100vh;
    min-height: 980px;
    max-height: 1080px;
  }
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionSides {
    height: calc(130vw + 380px);
    background-image: url("/static/assets/landing-pages/summer-menu/sides-bg-mob.jpg");
  }
}
.summer-menu-landing-page .sectionSides .sidesLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-image: url("/static/assets/landing-pages/summer-menu/sides-desktop.png");
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: 0 20px;
  -ms-grid-columns: 50vw 50vw;
  grid-template-columns: 50vw 50vw;
  height: 100%;
  position: relative;
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionSides .sidesLayout {
    background-image: url("/static/assets/landing-pages/summer-menu/sides-mobile.png");
  }
}
.summer-menu-landing-page .sectionSides .sidesLayout .content {
  max-width: 350px;
  position: absolute;
  left: 40%;
  bottom: calc(27% - 50px);
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionSides .sidesLayout .content {
    max-width: 300px;
    left: unset;
    right: 20px;
    bottom: 10%;
    padding: 20px;
  }
}
@media only screen and (max-width: 350px) {
  .summer-menu-landing-page .sectionSides .sidesLayout .content {
    max-width: 100%;
  }
}
.summer-menu-landing-page .sectionSides .sidesLayout .content p {
  color: #fff;
  font-size: 24px;
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionSides .sidesLayout .content p {
    font-size: 18px;
    text-align: right;
  }
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionSides .sidesLayout .content .actionBtn {
    float: right;
  }
}
.summer-menu-landing-page .sectionSides .sidesLayout h2 {
  font-size: 58px;
  color: #F5E8DC;
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionSides .sidesLayout h2 {
    font-size: 46px;
    color: #F5E8DC;
    text-align: right;
    display: block;
  }
}
.summer-menu-landing-page .sectionColdTreats {
  margin-top: -10px;
  overflow: hidden;
}
@media only screen and (min-width: 900px) {
  .summer-menu-landing-page .sectionColdTreats {
    height: 100vh;
    min-height: 980px;
    max-height: 1080px;
    background-image: url("/static/assets/landing-pages/summer-menu/desserts-bg.jpg");
    background-size: cover;
    background-position: top center;
    margin-top: -40px;
  }
}
.summer-menu-landing-page .sectionColdTreats .coldTreatsLayout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent {
  width: 49%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 105px 0 0 20px;
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent {
    background-image: url("/static/assets/landing-pages/summer-menu/pepsi-bg-mob.jpg");
    background-size: cover;
    height: 100vh;
    max-height: 750px;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
}
@media only screen and (min-width: 900px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent .sectionArrow {
    display: none;
  }
}
.summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent h2 {
  color: #ffffff;
  font-family: "Papa Sans Heavy";
  display: inline-block;
  line-height: 0.9;
  max-width: 450px;
}
@media only screen and (min-width: 550px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent h2 {
    font-size: 72px;
  }
}
@media only screen and (max-width: 549px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent h2 {
    font-size: 56px;
  }
}
.summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent .drinks .drinksTitle {
  font-family: "Papa Sans Heavy";
  color: #F5E8DC;
  text-transform: uppercase;
}
.summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent .drinks p {
  color: #ffffff;
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent .drinksDesktop {
    display: none !important;
  }
}
@media only screen and (min-width: 900px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent .drinksDesktop {
    max-width: 350px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 65px;
  }
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent .drinksDesktop .drinksTitle {
    font-size: 58px;
    line-height: 0.8;
  }
}
@media only screen and (min-width: 900px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent .drinksMobile {
    display: none !important;
  }
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent .drinksMobile {
    position: absolute;
    right: 20px;
    bottom: 10%;
    max-width: 300px;
    padding: 20px;
  }
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent .drinksMobile p {
    text-align: right;
    font-size: 18px;
  }
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent .drinksMobile .drinksTitle {
    font-size: 46px;
    text-align: right;
  }
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent .drinksMobile .actionBtn {
    float: right;
  }
}
@media only screen and (min-width: 900px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent img {
    -webkit-transform: translate(-100px, 40px);
            transform: translate(-100px, 40px);
  }
}
@media only screen and (min-width: 769px) and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent img {
    -webkit-transform: translate(-220px, -30px);
            transform: translate(-220px, -30px);
    width: 115%;
    padding-top: 10px;
  }
}
@media only screen and (min-width: 550px) and (max-width: 768px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent img {
    -webkit-transform: translate(-220px, -30px) rotate(10deg) skew(6deg);
            transform: translate(-220px, -30px) rotate(10deg) skew(6deg);
    width: 115%;
    padding-top: 10px;
  }
}
@media only screen and (max-width: 549px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .pepsiContent img {
    -webkit-transform: translate(-150px, 0px) rotate(10deg) skew(6deg);
            transform: translate(-150px, 0px) rotate(10deg) skew(6deg);
    width: 115%;
    padding-top: 10px;
  }
}
.summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .iceCreamContent {
  width: 51%;
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .iceCreamContent {
    background-image: url("/static/assets/landing-pages/summer-menu/bj-bg-mob.jpg");
    background-size: cover;
    background-position: center;
    height: calc(130vw + 400px);
    width: 100%;
    margin-top: 0;
    overflow: hidden;
  }
}
.summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .iceCreamContent .layout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  margin-top: 125px;
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .iceCreamContent .layout {
    margin-top: 80px;
  }
}
.summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .iceCreamContent .layout .header_img {
  width: 50%;
  margin: auto;
}
.summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .iceCreamContent .layout p {
  max-width: 500px;
  text-align: center;
  margin: auto;
  padding: 0 20px;
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .iceCreamContent .layout p {
    font-size: 20px;
  }
}
.summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .iceCreamContent .layout .actionBtn {
  margin: auto;
}
.summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .iceCreamContent .layout .hero_img {
  width: 100%;
  margin: 55px auto auto -20px;
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .iceCreamContent .layout .hero_img {
    margin: 0 auto;
    margin-top: 70px;
  }
}
@media only screen and (max-width: 899px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .iceCreamContent .layout .iceCreamDesktop {
    display: none !important;
  }
}
@media only screen and (min-width: 900px) {
  .summer-menu-landing-page .sectionColdTreats .coldTreatsLayout .iceCreamContent .layout .iceCreamMobile {
    display: none !important;
  }
}

.promotionContainer.benjerrys {
  background-image: url("/static/assets/promotions/benandjerrys/background.jpg");
}
.promotionContainer.benjerrys .centerBox_container {
  margin: 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.benjerrys .centerBox_promotion, .promotionContainer.benjerrys .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background,
.promotionContainer.benjerrys .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background,
.promotionContainer.benjerrys .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto 10px auto;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  background: #62B2E0 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  opacity: 1;
  position: relative;
  width: 950px;
  height: 451px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.benjerrys .centerBox_promotion, .promotionContainer.benjerrys .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background,
  .promotionContainer.benjerrys .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background,
  .promotionContainer.benjerrys .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 335px;
    height: unset;
  }
}
.promotionContainer.benjerrys .centerBox_promotion .inner_centerBox_promotion, .promotionContainer.benjerrys .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.benjerrys .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.benjerrys .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion {
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.benjerrys .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.benjerrys .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.benjerrys .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.benjerrys .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion {
  text-align: left;
  font: normal normal bold 40px/48px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 30px;
  line-height: 30px;
  opacity: 1;
  margin-right: auto;
}
.promotionContainer.benjerrys .centerBox_promotion .inner_centerBox_promotion .text_promotion, .promotionContainer.benjerrys .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.benjerrys .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.benjerrys .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 20px;
}
.promotionContainer.benjerrys .centerBox_promotion .inner_centerBox_promotion .buttons_promotion, .promotionContainer.benjerrys .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.benjerrys .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.benjerrys .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion {
  margin-top: 20px;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.benjerrys .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.benjerrys .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.benjerrys .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.benjerrys .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000;
  background-color: #fff;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
  width: 160px;
  height: 56px;
}
.promotionContainer.benjerrys .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.benjerrys .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.benjerrys .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.benjerrys .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn {
  text-align: center;
  font: normal normal bold 22px/27px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 22px;
}
.promotionContainer.benjerrys .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.benjerrys .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.benjerrys .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.benjerrys .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn {
  color: #0F4B67;
  cursor: pointer;
  text-decoration: none;
}
.promotionContainer.benjerrys .centerBox_promotion .inner_centerBox_promotion .promotion_status, .promotionContainer.benjerrys .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status, .promotionContainer.studentsPromotion .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.benjerrys .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.benjerrys .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status {
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.benjerrys .centerBox_promotion .headerImg, .promotionContainer.benjerrys .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg, .promotionContainer.studentsPromotion .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.benjerrys .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.benjerrys .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.benjerrys .centerBox_promotion__solid-background .headerImg {
    top: -18px;
    left: 194px;
  }
}
.promotionContainer.benjerrys .contentContainer .image_panels {
  margin: 80px 20px;
}
.promotionContainer.benjerrys .contentContainer.entry_confirmation .image_panels {
  margin: 0 20px 25px 20px;
}
.promotionContainer.benjerrys .contentContainer .form_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 86px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.benjerrys .contentContainer .form_section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.benjerrys .contentContainer .form_section .leftSide,
.promotionContainer.benjerrys .contentContainer .form_section .rightSide {
  width: 465px;
  height: 348px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin: 0 10px;
  padding: 55px 20px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.benjerrys .contentContainer .form_section .leftSide,
  .promotionContainer.benjerrys .contentContainer .form_section .rightSide {
    width: 335px;
    height: 100%;
    margin-bottom: 10px;
  }
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide ::-webkit-input-placeholder {
  color: #cccccc;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide ::-moz-placeholder {
  color: #cccccc;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide :-ms-input-placeholder {
  color: #cccccc;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide ::-ms-input-placeholder {
  color: #cccccc;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide ::placeholder {
  color: #cccccc;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide select {
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 100%;
  text-overflow: ellipsis;
  padding-left: 3px;
  height: 30px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/icons/chevron_down_blue.png);
  background-image: url(../images/icons/chevron_down_blue.png);
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-repeat: no-repeat;
  background-repeat-x: no-repeat;
  background-position: calc(100% - 10px) center;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  padding-right: 25px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  min-height: 40px;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide select:hover {
  border-color: #007d4a;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide input.hasC ~ label {
  top: -10px;
  font-size: 12px;
  color: #1c1c1c;
  background-color: #fff;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide input.valid {
  border-color: #007d4a !important;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide input.valid ~ label {
  color: #007d4a;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide input.invalid {
  border-color: #e42313 !important;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide input.invalid ~ label {
  color: #e42313;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide input.valid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  width: 18px;
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_valid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide input.invalid {
  border-color: red !important;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide input.invalid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  width: 18px;
  font-family: "Font Awesome 5 Pro";
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_invalid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide input[type=text] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox1 {
  margin-bottom: 25px;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide button {
  width: 100%;
  border-radius: 5px;
  background-color: #007d4a;
  color: white;
  font-weight: 700;
  border: none;
  font-size: 20px;
  height: 40px;
  margin-bottom: 10px;
  cursor: pointer;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .beforeClick {
  margin-right: 14px !important;
  margin-top: -38px !important;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 {
  margin-bottom: 20px;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 p {
  text-align: left;
  margin-left: 20px;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 {
  display: inline-block;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper p {
  padding-top: 8px;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .terms-link {
  text-align: left;
  text-decoration: underline;
  font: normal normal normal 16px/18px Italian Plate No2;
  letter-spacing: 0px;
  color: #007D4A;
  cursor: pointer;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
  cursor: pointer;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.promotionContainer.benjerrys .contentContainer .form_section .rightSide .form_error {
  margin-bottom: 10px;
  color: red;
}
.promotionContainer.benjerrys .contentContainer .form_section .title_form {
  text-align: left;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-bottom: 16px;
}
.promotionContainer.benjerrys .contentContainer .form_section .text_form {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer.benjerrys .contentContainer .entry_confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 80px 0;
}
.promotionContainer.benjerrys .contentContainer .entry_confirmation .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 950px;
  height: 275px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin-bottom: 22px;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.benjerrys .contentContainer .entry_confirmation .panel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.benjerrys .contentContainer .entry_confirmation .panel img {
  -o-object-fit: fill;
     object-fit: fill;
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.benjerrys .contentContainer .entry_confirmation .panel img {
    width: 100%;
  }
}
.promotionContainer.benjerrys .contentContainer .entry_confirmation .panel .left_image {
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 95% 50%, 100% 100%);
}
@media only screen and (max-width: 768px) {
  .promotionContainer.benjerrys .contentContainer .entry_confirmation .panel .left_image {
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 95%, 0% 100%);
  }
}
.promotionContainer.benjerrys .contentContainer .entry_confirmation .panel .second_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.benjerrys .contentContainer .entry_confirmation .panel .second_section .title_panel {
  text-align: center;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer.benjerrys .contentContainer .entry_confirmation .panel .second_section .text_panel {
  text-align: center;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-top: 18px;
  padding: 0 40px 0 40px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.benjerrys .contentContainer .entry_confirmation .panel .second_section {
    width: 100%;
    margin: 31px 11px 17px 11px;
  }
}
.promotionContainer.benjerrys .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.prices {
  margin: 60px auto 50px auto !important;
}
.promotionContainer.benjerrys .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.terms h4 {
  padding: 20px 0px 20px 0px !important;
}
.promotionContainer.benjerrys .contentContainer .favourites_promotion .getStarted_promotion .text_section.prizes {
  padding-bottom: 0 !important;
}

.screenAnimationWrapper {
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100dvw;
  min-height: 100dvh;
  z-index: 9;
}
.screenAnimationWrapper #screenAnimationCanvas {
  width: 100%;
  height: 100%;
}

.screenAnimationWrapper--gather {
  pointer-events: none;
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 840px;
  height: 150px;
  z-index: 4;
  opacity: 0;
}
@media only screen and (min-width: 440px) {
  .screenAnimationWrapper--gather {
    display: none;
  }
}
.screenAnimationWrapper--gather #screenAnimationCanvasGather {
  width: 100%;
  height: 100%;
}

body:has(.settingsModal.timeDialog.active) .screenAnimationWrapper {
  z-index: 8;
}

body:has(.settingsModal.timeDialog.active) .screenAnimationWrapper--gather {
  z-index: 9;
}

@font-face {
  font-family: "Italian Plate No2";
  font-weight: 400;
  src: url("fonts/italianplateno2-regular.otf");
}
@font-face {
  font-family: "Italian Plate No2";
  font-weight: 700;
  src: url("fonts/italianplateno2-bold.otf");
}
@font-face {
  font-family: "Italian Plate No2";
  font-weight: 900;
  src: url("fonts/italianplateno2-black.otf");
}
@font-face {
  font-family: "Papa Sans Heavy";
  font-weight: 900;
  src: url("fonts/papasans-heavy.ttf") format("truetype");
}
@font-face {
  font-family: "Papa Sans Medium";
  font-weight: 500;
  src: url("fonts/PapaSans-MediumCondensed.ttf") format("truetype");
}
@font-face {
  font-family: "Papa Sans Regular";
  font-weight: 400;
  src: url("fonts/PapaSans-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Quantico";
  src: url("fonts/quantico-regular.ttf") format("truetype");
}
@font-face {
  font-family: "Quantico Heavy";
  font-weight: 700;
  src: url("fonts/quantico-bold.ttf") format("truetype");
}
body:has(.valentinePoem) {
  background-color: #870802;
}

body:has(.valentinePoem.share) {
  background-color: #640b07;
}

.valentinePoem {
  font-family: Arial, sans-serif;
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  background-color: #F4CDD6;
  background-image: url("/static/assets/saucey-rhymes/valentines-bg-texture.webp");
  background-size: 50%;
  background-repeat: repeat;
  /* Full-Screen Sections */
  /* Centered Content */
  /* Title Styling */
  /* Radio Button Group */
  /* Poem Descriptions */
  /* Deal Selection */
  /* Buttons */
  /* Poem Content */
}
@media (max-width: 500px) {
  .valentinePoem {
    background-size: 100%;
  }
}
.valentinePoem #sectionIntro {
  background-image: url("/static/assets/saucey-rhymes/header-desktop.webp");
  background-size: auto;
  background-repeat: no-repeat;
  background-position: center top;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: top;
      -ms-flex-align: top;
          align-items: top;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 160px;
  height: 1673px;
}
.valentinePoem #sectionIntro .container {
  max-width: none;
}
.valentinePoem #sectionIntro .intro-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 200px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
}
.valentinePoem #sectionIntro .main-title {
  color: #FFA9BD;
  font-family: "Papa Sans Heavy";
  font-size: 62px;
  line-height: 0.9;
}
.valentinePoem #sectionIntro .subtitle {
  color: #F7D0D9;
  font-family: "Papa Sans Regular";
  font-size: 24px;
}
.valentinePoem #sectionIntro .button-group-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 80%;
  max-width: 298px;
  height: 50px;
}
.valentinePoem #sectionIntro .logo-image {
  width: 120px;
}
@media (max-width: 500px) {
  .valentinePoem #sectionIntro {
    background-image: url("/static/assets/saucey-rhymes/header-mobile.webp");
    padding-top: 0;
    height: 165vh;
    background-size: contain;
  }
  .valentinePoem #sectionIntro .intro-inner {
    margin-top: 50px;
  }
  .valentinePoem #sectionIntro .main-title {
    font-size: 56px;
    margin: 0 0 32px 0;
  }
  .valentinePoem #sectionIntro .subtitle {
    font-size: 20px;
  }
}
.valentinePoem .section {
  height: 100vh;
  min-height: -webkit-fill-available;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.valentinePoem .section-inner {
  margin-top: 140px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 500px) {
  .valentinePoem .section-inner {
    margin-top: 80px;
  }
}
.valentinePoem .section-inner-poem {
  margin-top: 30px;
  margin-bottom: 20px;
}
.valentinePoem #section1 {
  background-image: url("/static/assets/saucey-rhymes/section1_background.webp");
  background-repeat: no-repeat;
  background-position: center top;
}
.valentinePoem #section2 {
  background-image: url("/static/assets/saucey-rhymes/section2_background.webp");
  background-repeat: no-repeat;
  background-position: center top;
}
.valentinePoem #section3 {
  background-image: url("/static/assets/saucey-rhymes/section3_background.webp");
  background-repeat: no-repeat;
  background-position: center top;
}
.valentinePoem #section4 {
  background-image: url("/static/assets/saucey-rhymes/section4_background.webp");
  background-repeat: no-repeat;
  background-position: center top;
}
.valentinePoem #section5 {
  background-image: url("/static/assets/saucey-rhymes/section5_background.svg");
  background-repeat: no-repeat;
  background-position: center -60px;
}
@media (max-width: 500px) {
  .valentinePoem #section1 {
    background-image: url("/static/assets/saucey-rhymes/m_section1_background.webp");
    background-position: left top;
  }
  .valentinePoem #section2 {
    background-image: url("/static/assets/saucey-rhymes/m_section2_background.webp");
    background-position: left top;
  }
  .valentinePoem #section3 {
    background-image: url("/static/assets/saucey-rhymes/m_section3_background.webp");
    background-position: left top;
  }
  .valentinePoem #section4 {
    background-image: url("/static/assets/saucey-rhymes/m_section4_background.webp");
    background-position: left -30px;
  }
}
.valentinePoem #section2, .valentinePoem #section3, .valentinePoem #section4, .valentinePoem #section5 {
  display: none;
}
.valentinePoem .container {
  text-align: center;
  width: 80%;
  max-width: 600px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100vh;
  min-height: -webkit-fill-available;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 500px) {
  .valentinePoem .container {
    width: 92%;
  }
}
.valentinePoem .main-title {
  font-family: "Papa Sans Heavy";
  font-size: 50px;
  line-height: 50px;
  color: #800000;
  margin: 0;
}
@media (max-width: 500px) {
  .valentinePoem .main-title {
    margin: 60px 0 40px 0;
  }
}
.valentinePoem .poemHeader {
  max-width: 80%;
  margin: 0 auto;
}
@media (max-width: 500px) {
  .valentinePoem .poemHeader {
    max-width: 100%;
    margin-bottom: 40px;
  }
}
.valentinePoem .subtitle {
  font-family: "Papa Sans Regular";
  font-size: 20px;
  color: #800000;
  margin: 10px 0 60px 0;
  max-width: 95%;
}
@media (max-width: 500px) {
  .valentinePoem .subtitle {
    display: none;
  }
}
.valentinePoem .radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 16px;
  margin-bottom: 30px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-height: 50px;
}
.valentinePoem .radio-button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
}
.valentinePoem .radio-button input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}
.valentinePoem .radio-label:hover {
  border: 2px solid #FFA9BD;
}
.valentinePoem .radio-label:hover .radio-label-icon {
  -webkit-transition: all 0.65s;
  transition: all 0.65s;
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}
.valentinePoem .radio-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  padding: 7px 20px 7px 0;
  font-family: "Papa Sans Regular";
  font-size: 20px;
  border: 2px solid #fff;
  border-radius: 50px;
  background-color: #fff;
  color: #545454;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  cursor: pointer;
}
@media (max-width: 500px) {
  .valentinePoem .radio-label {
    font-size: 18px;
  }
}
.valentinePoem .radio-label-icon {
  background-color: #F4CDD6;
  border-radius: 100px;
  width: 29px;
  margin: 0 10px 0 7px;
}
.valentinePoem .radio-button input:checked + .radio-label {
  border: 2px solid #FF0090;
  color: #FF0090;
}
.valentinePoem .poem-description {
  font-family: "Papa Sans Regular";
  font-size: 16px;
  color: #710500;
  margin: 16px 0 60px 0;
  display: none;
}
.valentinePoem input[type=radio] {
  display: none;
}
.valentinePoem .deal-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 15px;
  margin-bottom: 30px;
  width: 100%;
}
.valentinePoem .deal-option {
  background: rgba(255, 255, 255, 0.5);
  padding: 15px 15px 15px 15px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 2px solid transparent;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}
.valentinePoem .deal-option:hover {
  border: 2px solid #E42313;
}
.valentinePoem .deal-option img {
  width: 28px;
  height: 28px;
  margin-right: 15px;
}
.valentinePoem .deal-option.selected {
  border-color: #E42313;
}
.valentinePoem .deal-label {
  width: 100%;
  font-size: 16px;
  border-radius: 10px;
  color: #333;
  text-align: left;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border: 2px solid transparent;
}
.valentinePoem .deal-title {
  font-family: "Papa Sans Medium";
  font-size: 22px;
  padding-bottom: 1px;
  color: #710500;
}
.valentinePoem .deal-description {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  color: #000;
}
.valentinePoem .deal-option input:checked + .deal-label {
  border: 2px solid #e91e63;
  background-color: #fce4ec;
  -webkit-box-shadow: 0 4px 8px rgba(233, 30, 99, 0.3);
          box-shadow: 0 4px 8px rgba(233, 30, 99, 0.3);
}
.valentinePoem .button-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  width: 100%;
  margin-top: auto;
  margin-bottom: 50px;
}
.valentinePoem .button-share-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 20px;
  width: 100%;
  margin-top: auto;
  margin-bottom: 20px;
}
.valentinePoem .button {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  font-weight: 400;
  padding: 10px 30px;
  border-radius: 10px;
  border: 2px solid #FF0090;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  height: 50px;
  width: 100%;
  max-width: 298px;
}
.valentinePoem a.button {
  text-decoration: none;
  line-height: 27px;
}
.valentinePoem a.button.filled {
  line-height: 33px;
}
.valentinePoem .button.share {
  max-width: 100%;
}
@media (max-width: 750px) {
  .valentinePoem .button.share {
    max-width: 90%;
  }
}
.valentinePoem .button.outline {
  background-color: transparent;
  color: #FF0090;
}
.valentinePoem .button.outline:hover {
  background-color: rgba(255, 255, 255, 0.5);
}
.valentinePoem a.button.outline-white, .valentinePoem button.outline-white {
  background-color: transparent;
  color: #fff;
  border: 2px solid #fff;
}
.valentinePoem a.button.outline-white.claim {
  max-width: unset;
}
.valentinePoem a.button.outline-white:hover, .valentinePoem button.outline-white:hover {
  background-color: #fff;
  color: #FF0090;
  border: 2px solid #fff;
}
.valentinePoem .button.filled {
  background-color: #FF0090;
  color: #fff;
  border: none;
}
.valentinePoem .button.filled.disabled {
  background-color: #FF0090;
  cursor: not-allowed;
  opacity: 0.3;
}
@media (max-width: 750px) {
  .valentinePoem .button-group {
    max-width: 90%;
  }
  .valentinePoem .button {
    max-width: 90%;
    padding: 10px 10px;
  }
}
.valentinePoem .poemTitle {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  color: #fff;
  height: 60px;
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.valentinePoem .poemTitle img {
  margin-right: 15px;
  height: 32px;
  width: 32px;
  padding-bottom: 24px;
  -webkit-box-sizing: unset;
          box-sizing: unset;
}
.valentinePoem .poemTitle span {
  border-bottom: 1px solid #fff;
  padding-bottom: 24px;
}
.valentinePoem .sauce-yrhymesLogo {
  margin-bottom: 105px;
  height: 150px;
}
.valentinePoem #Sauce-yRhymesPoem .poemOutput {
  font-family: "Papa Sans Heavy";
  font-size: 28px;
  color: #fff;
  white-space: pre-wrap;
  position: relative;
  text-align: left;
}
.valentinePoem #Sauce-yRhymesPoem .poemOutput .poemBreak {
  display: block;
  height: 10px;
}
.valentinePoem #Sauce-yRhymesPoem .poemOutput .cursorElement {
  display: inline-block;
  margin-left: 2px;
  -webkit-animation: blink 1s step-end infinite;
          animation: blink 1s step-end infinite;
}
@media (max-width: 500px) {
  .valentinePoem #Sauce-yRhymesPoem .poemOutput {
    font-size: 24px;
  }
}
@media (max-width: 750px) {
  .valentinePoem .mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .valentinePoem .desktop {
    display: none;
  }
}
@media (min-width: 750px) {
  .valentinePoem .mobile {
    display: none;
  }
  .valentinePoem .desktop {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@-webkit-keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@-webkit-keyframes rotateEmoji {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
@keyframes rotateEmoji {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  100% {
    -webkit-transform: rotate(-10deg);
            transform: rotate(-10deg);
  }
}
.valentinePoem .emoji {
  display: inline-block;
  -webkit-animation: rotateEmoji 1s infinite;
          animation: rotateEmoji 1s infinite;
}
.valentinePoem.share {
  background-color: #640b07;
}
.valentinePoem.share .poemTitle span {
  border-bottom: 0;
}
.valentinePoem.share #section5 {
  background-image: url("/static/assets/saucey-rhymes/claim-bg.webp");
  background-repeat: no-repeat;
  background-position: center top;
}
.valentinePoem.share .dealClaimBox {
  background-color: #fff;
  border-radius: 10px;
  padding: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10px;
}
@media (max-width: 750px) {
  .valentinePoem.share .dealClaimBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.valentinePoem.share .dealClaimBox .claimEmoji {
  font-size: 38px;
  margin-right: 10px;
}
.valentinePoem.share .deal-outer {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.valentinePoem.share .deal-intro {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 750px) {
  .valentinePoem.share .button {
    max-width: 100%;
  }
}

#videoHeroBannerPage .dttdVideo {
  pointer-events: none;
  visibility: hidden;
}
#videoHeroBannerPage .dttdVideo svg {
  position: absolute;
  top: 24px;
  left: 24px;
  z-index: 101;
  cursor: pointer;
}
#videoHeroBannerPage .dttdVideo.active {
  z-index: 100;
  pointer-events: all;
  visibility: visible;
}
#videoHeroBannerPage .dttdVideo {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
}
#videoHeroBannerPage .devotedVideoBanner {
  width: 100%;
  height: max(430px, 100lvh - 136px);
  background-color: black;
  position: relative;
  padding: 0 2.5rem;
}
@media screen and (max-width: 768px) {
  #videoHeroBannerPage .devotedVideoBanner {
    min-height: 430px;
  }
}
#videoHeroBannerPage .devotedVideoBanner:first-of-type {
  margin-top: -4.375rem;
}
#videoHeroBannerPage .devotedVideoBanner video, #videoHeroBannerPage .devotedVideoBanner > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0.5;
}
#videoHeroBannerPage .devotedVideoBanner .foreground {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
#videoHeroBannerPage .devotedVideoBanner .foreground .imgContainer,
#videoHeroBannerPage .devotedVideoBanner .foreground .headingContainer {
  max-width: 896px;
}
@media screen and (max-height: 700px) {
  #videoHeroBannerPage .devotedVideoBanner .foreground .imgContainer,
  #videoHeroBannerPage .devotedVideoBanner .foreground .headingContainer {
    max-width: 540px;
  }
}
@media screen and (max-height: 650px) and (max-width: 768px) {
  #videoHeroBannerPage .devotedVideoBanner .foreground .imgContainer,
  #videoHeroBannerPage .devotedVideoBanner .foreground .headingContainer {
    max-width: 340px;
  }
}
#videoHeroBannerPage .devotedVideoBanner .foreground .imgContainer img,
#videoHeroBannerPage .devotedVideoBanner .foreground .headingContainer img {
  width: 100%;
  margin-bottom: 2.5rem;
}
#videoHeroBannerPage .devotedVideoBanner .foreground .imgContainer h2,
#videoHeroBannerPage .devotedVideoBanner .foreground .headingContainer h2 {
  text-align: center;
  font-family: "Papa Sans Medium";
  font-size: 120px;
  font-weight: 500;
  line-height: 80%;
  letter-spacing: -3.6px;
  text-transform: uppercase;
  color: white;
  margin-bottom: 56px;
}
@media screen and (max-width: 768px) {
  #videoHeroBannerPage .devotedVideoBanner .foreground .imgContainer h2,
  #videoHeroBannerPage .devotedVideoBanner .foreground .headingContainer h2 {
    font-size: 60px;
    letter-spacing: -1.8px;
  }
}
#videoHeroBannerPage .devotedVideoBanner .foreground .showVideo {
  outline: 0;
  border: none;
  padding: 0.5625rem;
  border-radius: 0.3125rem;
  background-color: #CFE90C;
  color: #2D5D2A;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-animation: pulse 2.7s infinite ease-out;
          animation: pulse 2.7s infinite ease-out;
}
@keyframes pulse {
  0% {
    padding: 0.5625rem;
  }
  12% {
    padding: 0.75rem 0.8125rem;
  }
  23% {
    padding: 0.5625rem;
  }
  34% {
    padding: 0.75rem 0.8125rem;
  }
  45% {
    padding: 0.5625rem;
  }
  100% {
    padding: 0.5625rem;
  }
}
#videoHeroBannerPage .devotedVideoBanner .foreground .showVideo svg {
  margin-right: 0.625rem;
}
#videoHeroBannerPage .devotedVideoBanner .foreground .showVideo p {
  margin: 0;
  width: 8.0625rem;
  height: 2.25rem;
  font-size: 1.25rem;
  line-height: 1rem;
  color: inherit;
}
#videoHeroBannerPage .devotedVideoBanner .foreground .showVideo:hover, #videoHeroBannerPage .devotedVideoBanner .foreground .showVideo:active {
  background-color: #E3C2ED;
  color: #8D4DA1;
}
#videoHeroBannerPage .devotedVideoBanner .foreground .showVideo:hover svg path, #videoHeroBannerPage .devotedVideoBanner .foreground .showVideo:active svg path {
  fill: #E3C2ED;
}
#videoHeroBannerPage .devotedVideoBanner .scrollArrow {
  padding: 0;
  background-color: transparent;
  color: white;
  outline: 0;
  border: none;
  height: 40px;
  width: 40px;
  cursor: pointer;
}
#videoHeroBannerPage .devotedVideoBanner .scrollArrow:not(.secondArrow) {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#videoHeroBannerPage .devotedVideoBanner .scrollArrow.secondArrow {
  margin-top: 56px;
}
#videoHeroBannerPage .devotedVideoBanner .scrollArrow:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
}
#videoHeroBannerPage .devotedVideoBanner .scrollArrow i {
  font-size: 24px;
}
#videoHeroBannerPage .devotedCardsBg {
  overflow: hidden;
  padding: 5rem 1.75rem;
  background-color: #2D5D2A;
  background-image: url("/images/dttd/dttd-logo.svg");
  background-position: center;
  background-size: 274px 122px;
}
#videoHeroBannerPage .devotedCardsBg .devotedCards {
  max-width: 75rem;
  margin: 0 auto;
}
#videoHeroBannerPage .devotedCardsBg .devotedCards h2 {
  text-align: center;
  margin-bottom: 2rem;
  color: #F5E8DC;
  text-transform: uppercase;
  font-size: 4rem;
  line-height: 4rem;
  font-family: "Papa Sans Medium";
  font-weight: 500;
}
#videoHeroBannerPage .devotedCardsBg .devotedCards h2 br {
  display: none;
}
#videoHeroBannerPage .devotedCardsBg .devotedCards .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 634px) and (max-width: 900px) {
  #videoHeroBannerPage .devotedCardsBg .devotedCards .cards {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card {
  padding: 3.5rem 3rem 2.5rem;
  background-color: white;
  border-radius: 2rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 23rem;
  max-width: calc(100% - 40px);
  min-height: 18.5rem;
}
@media screen and (min-width: 634px) and (max-width: 900px) {
  #videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card {
    max-width: calc(50% - 40px);
  }
}
@media screen and (max-width: 1000px) {
  #videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card {
    padding: 3rem 1.5rem 2.5rem;
  }
}
@media screen and (min-width: 1321px) {
  #videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card {
    padding: 3.5rem 1.5rem 2.5rem;
  }
}
#videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card.message {
  position: relative;
}
@media screen and (min-width: 1321px) {
  #videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card.message {
    padding: 3.5rem 3rem 2.5rem;
  }
}
#videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card.message .messageContainer {
  position: absolute;
  width: 130px;
  height: 130px;
  right: -48px;
  bottom: 28px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transform: rotate(-7deg);
          transform: rotate(-7deg);
}
#videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card.message .messageContainer p {
  position: relative;
  z-index: 2;
  margin: 0;
  font-size: 24px;
  line-height: 22px;
  font-family: "Papa Sans Medium";
  text-transform: uppercase;
  margin-top: 0.75rem;
  text-align: center;
}
#videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card.message .messageContainer p.price {
  color: #2D5D2A;
  margin-top: 0;
  font-size: 38px;
  line-height: 38px;
}
#videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card.message .messageContainer svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-animation: sway 1.6s infinite linear;
          animation: sway 1.6s infinite linear;
}
@-webkit-keyframes sway {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@keyframes sway {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  25% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  50% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  75% {
    -webkit-transform: rotate(-7deg);
            transform: rotate(-7deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}
@media screen and (max-width: 1320px) {
  #videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card.message .messageContainer {
    right: -0.625rem;
    top: -4.375rem;
    bottom: unset;
  }
}
@media screen and (max-width: 1000px) {
  #videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card.message .messageContainer {
    width: 6.25rem;
    height: 6.25rem;
    right: 0.125rem;
    bottom: unset;
    top: -1.875rem;
  }
  #videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card.message .messageContainer p {
    font-size: 16px;
    line-height: 16px;
    margin: 6px 10px 0;
  }
  #videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card.message .messageContainer p.price {
    color: #2D5D2A;
    margin: 0;
    font-size: 32px;
    line-height: 32px;
  }
}
#videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card h3 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: #2D5D2A;
  font-family: "Papa Sans Medium";
  font-weight: 400;
  font-size: 3rem;
  line-height: 3rem;
  font-weight: 500;
}
@media screen and (max-width: 1320px) {
  #videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card h3 {
    max-width: 13.125rem;
  }
}
#videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card .description {
  font-size: 1.25rem;
  text-align: center;
  margin: 0 0 1.5rem;
}
#videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card .btn {
  background-color: #2D5D2A;
  border-color: #2D5D2A;
  font-size: 1.25rem;
  line-height: 1.5rem;
  padding: 1rem;
  height: 3.375rem;
  width: 9.75rem;
  margin-top: auto;
  font-weight: 700;
}
#videoHeroBannerPage .devotedCardsBg .devotedCards .cards .card .btn:hover {
  color: #2D5D2A;
  background-color: white;
}
@media screen and (max-width: 1000px) {
  #videoHeroBannerPage .devotedCardsBg .devotedCards h2 {
    margin-top: 0;
    margin-bottom: 2.5rem;
    font-size: 2.25rem;
    line-height: 2.25rem;
  }
  #videoHeroBannerPage .devotedCardsBg .devotedCards h2 br {
    display: initial;
  }
}
@media screen and (max-width: 768px) {
  #videoHeroBannerPage .devotedCardsBg {
    padding: 2.5rem 0 5rem;
  }
}
@media screen and (max-width: 633px) {
  #videoHeroBannerPage .devotedCardsBg .cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #videoHeroBannerPage .devotedCardsBg .cards .card {
    width: 17.5rem;
    min-height: 19.6875rem;
    padding: 3rem 2.5rem 2.5rem;
  }
}
#videoHeroBannerPage .dttdStory {
  background: #E3C2ED;
  padding: 5rem 1.5rem;
}
#videoHeroBannerPage .dttdStory .dttdStoryContent {
  max-width: 75rem;
  margin: 0 auto;
}
#videoHeroBannerPage .dttdStory .mainNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 1.5rem;
  margin-bottom: 2rem;
  padding: 0 1.875rem;
}
#videoHeroBannerPage .dttdStory .mainNav h2 {
  margin: 0;
  color: #163A1A;
  font-size: 4rem;
  line-height: 2.875rem;
  letter-spacing: -2px;
  font-family: "Papa Sans Medium";
  font-weight: 500;
}
#videoHeroBannerPage .dttdStory .mainNav ul {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  list-style-type: none;
  padding: 0;
}
#videoHeroBannerPage .dttdStory .mainNav ul .navBtn {
  padding: 1.1875rem 1.5rem;
  background-color: white;
  border-radius: 100px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
  font-size: 1.25rem;
  line-height: 0.875rem;
}
#videoHeroBannerPage .dttdStory .mainNav ul .navBtn:hover {
  background-color: #CFE90C;
}
#videoHeroBannerPage .dttdStory .mainNav ul .navBtn.active {
  color: white;
  background-color: #2D5D2A;
}
#videoHeroBannerPage .dttdStory .swiperContainer {
  background: linear-gradient(92deg, #192816 1.48%, #2A4223 102.21%);
  color: white;
  border-radius: 2rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 31.5rem;
}
#videoHeroBannerPage .dttdStory .swiperContainer .secondaryNav {
  list-style-type: none;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.75rem;
  margin: 0;
  padding: 3.5rem 2.1875rem 3.5rem 2.5rem;
  min-width: 11.5rem;
}
#videoHeroBannerPage .dttdStory .swiperContainer .secondaryNav .slideBtn {
  font-size: 1rem;
  line-height: 1.2rem;
  padding: 0.25rem 0;
  margin: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  cursor: pointer;
  display: none;
  color: rgba(255, 255, 255, 0.6);
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
}
@media screen and (min-width: 1001px) {
  #videoHeroBannerPage .dttdStory .swiperContainer .secondaryNav .slideBtn:hover {
    color: white;
  }
}
#videoHeroBannerPage .dttdStory .swiperContainer .secondaryNav .slideBtn.visible {
  display: initial;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper {
  position: relative;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage {
  position: relative;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .greenBar {
  height: 100%;
  position: absolute;
  -o-object-fit: contain;
     object-fit: contain;
  bottom: 0;
  left: -3.75rem;
  z-index: 2;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .greenBarMobile {
  display: none;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .sticker {
  position: absolute;
  left: -3.75rem;
  bottom: 5.625rem;
  width: 7.5rem;
  height: 7.5rem;
  z-index: 3;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .stickerBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .stickerIcon {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  width: 6.25rem;
  height: 6.25rem;
  z-index: 3;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .stickerIcon[data-section="0"] {
  width: 6.5rem;
  height: 6.5rem;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .stickerIcon[data-section="2"] {
  width: 6.5rem;
  height: 5.25rem;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .stickerIcon.visible {
  opacity: 1;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide,
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .swiper-slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .content,
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .swiper-slide .content {
  padding: 3rem 0 2.375rem 0;
  max-width: 25.75rem;
  min-width: 23.75rem;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .content h3,
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .swiper-slide .content h3 {
  margin-bottom: 1rem;
  font-size: 3.5rem;
  line-height: 3.5rem;
  color: #CFE90C;
  font-family: "Papa Sans Medium";
  font-weight: 500;
  letter-spacing: -1px;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .content p,
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .swiper-slide .content p {
  font-size: 1.25rem;
  line-height: 1.75rem;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .content p:last-of-type,
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .swiper-slide .content p:last-of-type {
  margin: 0;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .spacer,
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .swiper-slide .spacer {
  min-width: 50px;
  min-height: 8px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage,
#videoHeroBannerPage .dttdStory .swiperContainer .swiper .swiper-slide .slideImage {
  margin-left: 3.75rem;
  width: 450px;
  -o-object-fit: cover;
     object-fit: cover;
}
#videoHeroBannerPage .dttdStory.autoplay .swiperContainer .secondaryNav .slideBtn.active {
  -webkit-box-shadow: none;
          box-shadow: none;
  position: relative;
}
#videoHeroBannerPage .dttdStory.autoplay .swiperContainer .secondaryNav .slideBtn.active::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 0%;
  height: 1px;
  background-color: #CFE90C;
  will-change: width;
  -webkit-animation: progressWidth 8s linear forwards;
          animation: progressWidth 8s linear forwards;
}
@-webkit-keyframes progressWidth {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
@keyframes progressWidth {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
#videoHeroBannerPage .dttdStory.show-visible-line .swiperContainer .secondaryNav .slideBtn.active {
  -webkit-box-shadow: 0 1px 0 #CFE90C;
          box-shadow: 0 1px 0 #CFE90C;
}
@media screen and (max-width: 1000px) {
  #videoHeroBannerPage .dttdStory {
    background: linear-gradient(92deg, #192816 1.48%, #2A4223 102.21%);
    padding: 0;
  }
  #videoHeroBannerPage .dttdStory .dttdStoryContent {
    min-height: 100lvh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  #videoHeroBannerPage .dttdStory .mainNav {
    padding: 2.5rem 1.875rem 0;
    margin-bottom: 1.5rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  #videoHeroBannerPage .dttdStory .mainNav h2 {
    color: white;
    font-size: 2.25rem;
    line-height: 2.25rem;
    letter-spacing: 0;
  }
  #videoHeroBannerPage .dttdStory .mainNav ul {
    width: 35.5rem;
    max-width: 100%;
    margin: 0 auto;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #videoHeroBannerPage .dttdStory .mainNav ul .navBtn {
    padding: 1.1875rem 0;
    width: 33%;
    text-align: center;
    font-size: 1.125rem;
    line-height: 0.875rem;
    min-width: 4.25rem;
  }
  #videoHeroBannerPage .dttdStory .mainNav ul .navBtn.longText {
    min-width: 7.5rem;
  }
  #videoHeroBannerPage .dttdStory .mainNav ul .navBtn.active.active {
    color: black;
    background-color: #CFE90C;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    height: 100%;
    border-radius: 0;
    height: unset;
    background: unset;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .secondaryNav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 0 1.5rem 0;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .secondaryNav .slideBtn {
    font-size: 1.125rem;
    line-height: 1.5rem;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper {
    max-width: 100%;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .swiper-wrapper {
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: end;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .greenBar {
    display: none;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .greenBarMobile {
    display: initial;
    position: absolute;
    -o-object-fit: cover;
       object-fit: cover;
    top: -4.0625rem;
    width: 62.5rem;
    height: 7.5rem;
    z-index: 2;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .sticker {
    left: 1.5rem;
    top: -3.75rem;
    width: 5rem;
    height: 5rem;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .stickerIcon {
    width: 4.125rem;
    height: 4.125rem;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .stickerIcon[data-section="0"] {
    width: 4.3125rem;
    height: 4.3125rem;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage .stickerIcon[data-section="2"] {
    width: 4.3125rem;
    height: 3.4375rem;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide,
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .swiper-slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .content,
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .swiper-slide .content {
    min-width: unset;
    max-width: 39.5rem;
    padding: 0 1rem;
    margin: 0 auto;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .dummy-swiper-slide .slideImage,
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .swiper-slide .slideImage {
    margin-left: 0;
    margin-top: 4.0625rem;
    width: 100%;
    height: 15.9375rem;
  }
  #videoHeroBannerPage .dttdStory .swiperContainer .swiper .swiper-slide {
    height: auto;
  }
}
@media screen and (max-width: 633px) {
  #videoHeroBannerPage .dttdStory .mainNav {
    padding: 2.5rem 1rem 0;
  }
}

.qrConfirmationModal {
  position: fixed;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7490196078);
  z-index: 5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.qrConfirmationModal:not(.active) {
  display: none;
}
.qrConfirmationModal .innerContent {
  width: 24.375rem;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-color: white;
  padding: 3.75rem 1rem 1rem;
  position: relative;
}
.qrConfirmationModal .innerContent .closeQrModal {
  position: absolute;
  top: -5.625rem;
  left: 0;
  padding: 1rem;
  font-size: 1.625rem;
  color: white;
  display: none;
}
.qrConfirmationModal .innerContent .closeQrModal i {
  width: 1.625rem;
}
.qrConfirmationModal .innerContent img {
  position: absolute;
  top: -1.875rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 9.125rem;
  height: 3.5rem;
}
.qrConfirmationModal .innerContent h3 {
  font-size: 1.75rem;
  line-height: 1.7rem;
  font-weight: 700;
  text-align: center;
  margin-bottom: 1rem;
}
.qrConfirmationModal .innerContent p {
  font-size: 1.25rem;
  line-height: 1.75rem;
  text-align: center;
  margin-bottom: 1.5rem;
}
.qrConfirmationModal .innerContent .btnWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1rem;
}
.qrConfirmationModal .innerContent .btnWrapper button {
  padding: 1.25rem;
  font-size: 1.25rem;
  height: 3.375rem;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .qrConfirmationModal {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: end;
  }
  .qrConfirmationModal .innerContent {
    width: 100%;
    height: unset;
  }
  .qrConfirmationModal .innerContent .closeQrModal {
    display: block;
  }
}

.promotionContainer.garlicbathbomb .centerBox_container {
  margin: 0px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.garlicbathbomb .centerBox_promotion, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background,
.promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background,
.promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 40px auto 10px auto;
  border-radius: 5px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  background: #2D5D2A 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 5px;
  opacity: 1;
  position: relative;
  width: 950px;
  height: 451px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media only screen and (max-width: 880px) {
  .promotionContainer.garlicbathbomb .centerBox_promotion, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background,
  .promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background,
  .promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background {
    height: 600px;
  }
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbathbomb .centerBox_promotion, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background,
  .promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background,
  .promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    width: 335px;
    height: unset;
  }
}
.promotionContainer.garlicbathbomb .centerBox_promotion .inner_centerBox_promotion, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion {
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.garlicbathbomb .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion {
  text-align: left;
  font: normal normal bold 40px/48px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 30px;
  line-height: 30px;
  opacity: 1;
  margin-right: auto;
}
.promotionContainer.garlicbathbomb .centerBox_promotion .inner_centerBox_promotion .title_banner_promotion span, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span,
.promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span,
.promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .title_banner_promotion span {
  color: #FFCF6E;
}
.promotionContainer.garlicbathbomb .centerBox_promotion .inner_centerBox_promotion .text_promotion, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .text_promotion {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 20px;
}
.promotionContainer.garlicbathbomb .centerBox_promotion .inner_centerBox_promotion .buttons_promotion, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion {
  margin-top: 20px;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.promotionContainer.garlicbathbomb .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .leftBttn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #fff;
  background-color: #007A53;
  border: 1px solid transparent;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-decoration: none;
  border-radius: 5px;
  font-size: 22px;
  font-weight: bold;
  cursor: pointer;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1490196078);
  margin-right: 10px;
  width: 160px;
  height: 56px;
}
.promotionContainer.garlicbathbomb .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn {
  text-align: center;
  font: normal normal bold 22px/27px Italian Plate No2;
  letter-spacing: 0px;
  color: #FFFFFF;
  font-size: 22px;
}
.promotionContainer.garlicbathbomb .centerBox_promotion .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .buttons_promotion .rightBttn .registerBtn {
  color: #FFCF6E;
  cursor: pointer;
  text-decoration: none;
}
.promotionContainer.garlicbathbomb .centerBox_promotion .inner_centerBox_promotion .promotion_status, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .inner_centerBox_promotion .promotion_status {
  color: #ffffff;
}
.promotionContainer.garlicbathbomb .centerBox_promotion .headerImg, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .headerImg,
.promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .headerImg,
.promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg,
.promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .headerImg {
  max-width: 360px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbathbomb .centerBox_promotion .headerImg, .promotionContainer.garlicbathbomb .promotionContainer.studentsPromotion .wrapper .centerBox_promotion__solid-background .headerImg, .promotionContainer.studentsPromotion .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.garlicbathbomb .promotionContainer.studentsRegistration .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsRegistration .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.garlicbathbomb .promotionContainer.studentsConfirmation .wrapper .centerBox_promotion__solid-background .headerImg,
  .promotionContainer.studentsConfirmation .wrapper .promotionContainer.garlicbathbomb .centerBox_promotion__solid-background .headerImg {
    max-width: unset;
    top: -18px;
    left: 194px;
  }
}
.promotionContainer.garlicbathbomb .contentContainer .image_panels {
  margin: 80px 20px;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 86px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbathbomb .contentContainer .form_section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .leftSide,
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide {
  width: 465px;
  height: 348px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin: 0 10px;
  padding: 55px 20px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbathbomb .contentContainer .form_section .leftSide,
  .promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide {
    width: 335px;
    height: 100%;
    margin-bottom: 10px;
  }
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide ::-webkit-input-placeholder {
  color: #cccccc;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide ::-moz-placeholder {
  color: #cccccc;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide :-ms-input-placeholder {
  color: #cccccc;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide ::-ms-input-placeholder {
  color: #cccccc;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide ::placeholder {
  color: #cccccc;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide select {
  width: 100%;
  cursor: pointer;
  font-size: 14px;
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  max-width: 100%;
  text-overflow: ellipsis;
  padding-left: 3px;
  height: 30px;
  background-color: #fff;
  background-clip: padding-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url(../images/icons/chevron_down_blue.png);
  background-image: url(../images/icons/chevron_down_blue.png);
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  background-attachment: initial;
  background-origin: initial;
  background-clip: initial;
  background-color: initial;
  background-repeat: no-repeat;
  background-repeat-x: no-repeat;
  background-position: calc(100% - 10px) center;
  background-position-x: calc(100% - 10px);
  background-position-y: center;
  background-size: 14px;
  padding-right: 25px;
  border-radius: 5px;
  border: 1px solid #dbdbdb;
  background-color: #fff;
  min-height: 40px;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide select:hover {
  border-color: #007d4a;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide input.hasC ~ label {
  top: -10px;
  font-size: 12px;
  color: #1c1c1c;
  background-color: #fff;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide input.valid {
  border-color: #007d4a !important;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide input.valid ~ label {
  color: #007d4a;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide input.invalid {
  border-color: #e42313 !important;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide input.invalid ~ label {
  color: #e42313;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide input.valid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  font-family: "Font Awesome 5 Pro";
  width: 18px;
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_valid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide input.invalid {
  border-color: red !important;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide input.invalid ~ span.validator {
  position: absolute;
  top: 0;
  right: 15px;
  display: block;
  content: "123";
  position: absolute;
  width: 18px;
  font-family: "Font Awesome 5 Pro";
  height: 100%;
  background-color: transparent;
  background: url("../images/checkout/input_invalid.png") !important;
  background-size: 18px auto !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide input[type=text] {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #cccccc;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox1 {
  margin-bottom: 25px;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide button {
  width: 100%;
  border-radius: 5px;
  background-color: #007d4a;
  color: white;
  font-weight: 700;
  border: none;
  font-size: 20px;
  height: 40px;
  margin-bottom: 10px;
  cursor: pointer;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .beforeClick {
  margin-right: 14px !important;
  margin-top: -38px !important;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 {
  margin-bottom: 20px;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 p {
  text-align: left;
  margin-left: 20px;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 {
  display: inline-block;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0 !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper p {
  padding-top: 8px;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .terms-link {
  text-align: left;
  text-decoration: underline;
  font: normal normal normal 16px/18px Italian Plate No2;
  letter-spacing: 0px;
  color: #007D4A;
  cursor: pointer;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 40px;
  width: 40px;
  background-color: #f8f8f8;
  border: 1px solid #efefef;
  border-radius: 5px;
  cursor: pointer;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper:hover input ~ .checkmark {
  border: 1px solid #ed8b00;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark {
  background-color: #007d4a;
  border-radius: 5px;
  width: 40px;
  height: 40px;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper input:checked ~ .checkmark:after {
  display: block;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .promotionBox7 .checkBox1 .labelWrapper .checkmark:after {
  left: 17px;
  top: 24%;
  width: 8px;
  height: 16px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .rightSide .form_error {
  margin-bottom: 10px;
  color: red;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .title_form {
  text-align: left;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-bottom: 16px;
}
.promotionContainer.garlicbathbomb .contentContainer .form_section .text_form {
  text-align: left;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer.garlicbathbomb .contentContainer .entry_confirmation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 80px 0;
}
.promotionContainer.garlicbathbomb .contentContainer .entry_confirmation .panel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  width: 950px;
  height: 275px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  -webkit-box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
          box-shadow: 5px 5px 20px rgba(0, 0, 0, 0.1490196078);
  border-radius: 5px;
  margin-bottom: 22px;
  max-width: 100%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbathbomb .contentContainer .entry_confirmation .panel {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 335px;
    height: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.promotionContainer.garlicbathbomb .contentContainer .entry_confirmation .panel img {
  -o-object-fit: fill;
     object-fit: fill;
  width: 40%;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbathbomb .contentContainer .entry_confirmation .panel img {
    width: 100%;
  }
}
.promotionContainer.garlicbathbomb .contentContainer .entry_confirmation .panel .left_image {
  clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 95% 50%, 100% 100%);
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbathbomb .contentContainer .entry_confirmation .panel .left_image {
    clip-path: polygon(0% 0%, 100% 0, 100% 100%, 50% 95%, 0% 100%);
  }
}
.promotionContainer.garlicbathbomb .contentContainer .entry_confirmation .panel .second_section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 60%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.promotionContainer.garlicbathbomb .contentContainer .entry_confirmation .panel .second_section .title_panel {
  text-align: center;
  font: normal normal bold 25px/30px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
}
.promotionContainer.garlicbathbomb .contentContainer .entry_confirmation .panel .second_section .text_panel {
  text-align: center;
  font: normal normal normal 20px/24px Italian Plate No2;
  letter-spacing: 0px;
  color: #1C1C1C;
  margin-top: 18px;
  padding: 0 40px 0 40px;
}
@media only screen and (max-width: 768px) {
  .promotionContainer.garlicbathbomb .contentContainer .entry_confirmation .panel .second_section {
    width: 100%;
    margin: 31px 11px 17px 11px;
  }
}
.promotionContainer.garlicbathbomb .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.prices {
  margin: 60px auto 50px auto !important;
}
.promotionContainer.garlicbathbomb .contentContainer .favourites_promotion .getStarted_promotion .inner_getStarted_promotion .title_section.terms h4 {
  padding: 20px 0px 20px 0px !important;
}
.promotionContainer.garlicbathbomb .contentContainer .favourites_promotion .getStarted_promotion .text_section.prizes {
  padding-bottom: 0 !important;
}

.whatsNewHeaderContainer {
  width: 100%;
  background-repeat: no-repeat;
  position: relative;
  background-size: cover;
  background-position: center;
}
@media only screen and (min-width: 1257px) {
  .whatsNewHeaderContainer {
    width: calc(100% - 420px);
  }
}
@media only screen and (min-width: 1430px) {
  .whatsNewHeaderContainer {
    border-radius: 0 0 0 5px;
  }
}

@media screen and (max-width: 650px) {
  #whatsNewPage .listTitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 1rem;
  }
}
@media screen and (max-width: 650px) {
  #whatsNewPage .additionalFiltersBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 6px;
  }
}

.quickOrderModal .settingsModalInner {
  max-width: 405px;
}
.quickOrderModal .settingsModalInner .body .inner {
  padding: 0.5rem 1rem 1rem 1rem;
}
.quickOrderModal .settingsModalInner .modal-title {
  font-size: 1.75rem;
  font-weight: 700;
}
.quickOrderModal .settingsModalInner .modal-description {
  color: #454545;
  margin: 0;
}
.quickOrderModal .settingsModalInner .quickOrder_details {
  border-radius: 0.625rem;
  border: 1px solid #DBDBDB;
  text-align: left;
  color: #454545;
  margin: 21px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.625rem;
  padding: 11px 0;
}
.quickOrderModal .settingsModalInner .quickOrder_details > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
  padding: 0 0.625rem;
  cursor: pointer;
}
.quickOrderModal .settingsModalInner .quickOrder_details > div:last-of-type {
  border-top: 1px solid #F8F8F8;
  padding-top: 0.625rem;
}
.quickOrderModal .settingsModalInner .quickOrder_details > div div {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.quickOrderModal .settingsModalInner .quickOrder_details .highlighted-text {
  color: #007A53;
  font-weight: 700;
}
.quickOrderModal .settingsModalInner .quickOrder_costs {
  font-size: 15.4px;
  color: #454545;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.5rem;
  padding-bottom: 0.25rem;
}
.quickOrderModal .settingsModalInner .quickOrder_costs > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.quickOrderModal .settingsModalInner .quickOrder_payment {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-size: 1.25rem;
  line-height: 140%;
  color: #454545;
  padding: 0.625rem 0;
}
.quickOrderModal .settingsModalInner .quickOrder_payment .quickOrder_total {
  font-weight: 700;
}
.quickOrderModal .settingsModalInner .apple-pay-button {
  margin: 0;
  height: 3rem;
}
@supports (-webkit-appearance: -apple-pay-button) {
  .quickOrderModal .settingsModalInner .apple-pay-button {
    margin: 0;
    height: 3rem;
  }
}
.quickOrderModal .settingsModalInner .modal-footer {
  color: #454545;
  margin-top: 21px;
  margin-bottom: 0;
  line-height: 120%;
}
.quickOrderModal .settingsModalInner .modal-footer .quickOrder_checkout {
  color: #007A53;
  text-decoration: underline;
  cursor: pointer;
}

.checkout-buttons-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.75rem;
}
.checkout-buttons-wrapper .proceed {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.btn.quickOrder {
  margin-top: 0.625rem;
  background-color: #cbcbcb;
  border: 0;
  color: #ffffff;
  cursor: not-allowed;
  height: 3.875rem;
  padding: 3px;
}
.btn.quickOrder > div {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: 1.5px solid #cbcbcb;
  border-radius: 4px;
}
.btn.quickOrder.active {
  background-color: #1C1C1C;
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  cursor: pointer;
}
.btn.quickOrder.active > div {
  border-color: #1C1C1C;
}
@media screen and (min-width: 1025px) {
  .btn.quickOrder.active:hover > div {
    border-color: white;
  }
}

html {
  font-size: 16px;
  height: 100%;
}

body {
  font-family: "Italian Plate No2", -apple-system, BlinkMacSystemFont, "Segoe UI", "Robot Condensed", "Roboto", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #1c1c1c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100%;
  -webkit-font-smoothing: antialiased;
}
body.hide-change-to-store-btn .to-store {
  display: none;
}
body.hide-change-to-store-btn .to-collection {
  width: 100% !important;
}
body.hide-change-to-collection-btn .to-collection {
  display: none;
}
body.hide-change-to-collection-btn .to-store {
  width: 100% !important;
}

.siteContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 100vh;
}
.siteContainer .baskProdList {
  margin: 7px 16px;
}

.resetBtn {
  max-width: 500px;
  width: calc(100% - 20px);
  margin: 0 auto;
  padding: 10px;
}
.resetBtn .btn {
  font-weight: 400;
}
.resetBtn .info {
  display: block;
  border: 1px solid #dbdbdb;
  padding: 10px;
  font-style: italic;
  background-color: #f6e58d;
  border-radius: 5px;
  margin-top: 10px;
  text-align: center;
}

.bgWarp {
  background: url("../images/marble_bg.jpg");
  background-position: center top;
  background-attachment: fixed;
  background-size: cover;
  min-height: 100dvh;
}

.postCodeBox .innerOne .invalidPC {
  position: absolute;
  top: 0px;
  right: 0px;
  margin: 20px 0 10px 0;
}

.postCodeBox .innerOne .fieldCont {
  margin: 0;
  padding: 0;
  margin: 10px;
  margin-bottom: 0;
  position: relative;
}

.postCodeBox .innerOne .hideTwoButtons {
  display: none;
}

.postCodeBox .innerOne .showContinueButton {
  display: block !important;
}

.warningMsg {
  background-color: #f4beba;
  border-radius: 5px;
  font-size: 16px;
  padding: 12px;
  color: #000;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
          box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  margin: 10px;
  margin-bottom: 0;
  text-align: left;
  line-height: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  z-index: 2;
}

.warningMsg p {
  padding-left: 12px;
  margin-bottom: 0;
}

.warningMsg img {
  margin-top: 5px;
  width: 20px;
  padding-left: 4px;
}

.stopScroll {
  overflow: hidden !important;
}

.hidden-calories-func .toggle-calories-info,
.hidden-calories-func .prodCalories,
.hidden-calories-func .caloriesWrapper,
.hidden-calories-func .toppingMenu > .alrgn {
  display: none !important;
}