.Were-currently-working-on-creating-our-new-website-Well-be-launching-soon p {
  width: 367.9px;
  height: 38px;
  margin: 0.9px 75.1px 0 75px;
  font-family: WorkSans;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.57;
  letter-spacing: normal;
  text-align: center;
  color: #666;
}
.commingSoon-modal .ant-modal-content {
  border-radius: 25px;
}
.commingSoonCancelBtn {
  text-align: right;
  margin: 10px 33px 0px 0;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .Were-currently-working-on-creating-our-new-website-Well-be-launching-soon p {
    width: 298.9px;
    height: 38px;
    margin: -3.1px 75.1px 0 22px;
    font-family: WorkSans;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #666;
  }
  .commingSoon-modal .ant-modal-content {
    border-radius: 14px;
  }
  .commingSoonCancelBtn {
    text-align: right;
    margin: -5px 0px 0px 0;
  }
  img.commingSoonCancelBtnIMG {
    width: 16px;
  }
  img.commingSoonImage {
    width: 230px;
    position: relative;
    left: 34px;
  }
  .Were-currently-working-on-creating-our-new-website-Well-be-launching-soon p {
    width: 266.9px;
    height: 42px;
    margin: -15.1px 75.1px 0 22px;
    font-family: WorkSans;
    font-size: 9px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    text-align: center;
    color: #666;
  }
}
@media only screen and (max-width: 900px) {
}

button.create {
  position: relative;
  left: 1052px;
}
.firstINP input.ant-input {
  width: 1000px;
}
.Child1 input.ant-input {
  width: 475px;
}
.Child2 input.ant-input {
  width: 475px;
}
.Parent {
  width: 1000px;
}
.Child1 {
  width: 400px;
  float: left;
}
button.AddBtn {
  border: none;
  position: relative;
  float: right;
  left: 350px;
  top: -57px;
}
button.AddBtn {
  margin-right: 350px;
  margin-top: 15px;
}
.cs-modal-header {
  padding: 18px 50px;
  font-size: 20px;
  border-radius: 12px 12px 0 0;
  background: white;
  text-align: center;
}
input#messageInput {
  height: 67px;
}
.cs-modal .input.input-wrapper {
  margin: 0px 0px 20px 0px;
}
.cs-modal .error_message {
  color: red;
  margin: 0px 0px 0px 36px;
}
.cs-modal .input-wrapper label {
  width: 400px;
  height: 10px;
  color: '#000';
  font-family: 'WorkSans';
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  text-align: left;
  color: black;
}
.contactUsName {
  font-family: Nunito;
  font-size: 42px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.42px;
  text-align: center;
  color: #1a93f1;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .cs-modal .input-wrapper label {
    width: 200px;
    height: 21px;
    color: '#000';
    font-family: 'WorkSans';
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.5px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    text-align: left;
    color: black;
  }
  .contactUsName {
    font-family: Nunito;
    font-size: 27px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.42px;
    text-align: center;
    color: #1a93f1;
  }
  button.contactPageSubmit {
    margin: 6px 31px 18px 0;
    background-color: #1a93f1;
    font-family: Nunito;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.2px;
    text-align: center;
    color: #fff;
    width: 234px;
  }
}
@media only screen and (max-width: 900px) {
}

.input {
  height: 70px;
  position: relative;
}
.input-wrapper {
  position: relative;
  height: 70px;
}
.input-wrapper label {
  color: '#000';
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.input-wrapper input {
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #c5cbde;
  margin-top: 2px;
}
.input-wrapper input .ant-input {
  background: white !important;
}
.input-wrapper .password-eye {
  position: absolute;
  top: 28px;
  right: 10px;
  cursor: pointer;
}
.SingleSelect label {
  color: '#000';
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.SingleSelect ._single-select {
  margin-top: 2px;
}
.SingleSelect ._single-select__placeholder {
  color: #bcbcbc;
}
.SingleSelect ._single-select__control {
  border-color: #c5cbde !important;
}
.SingleSelect ._single-select__menu {
  z-index: 999 !important;
}
.InputTextArea label {
  color: '#000';
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 12px;
  line-height: 16px;
}
.InputTextArea .ant-input-affix-wrapper {
  padding: 0 !important;
  margin-top: 2px;
}
.switch-wrapper {
  display: block;
}
.switch label {
  color: '#000';
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
  display: block;
}
.switch .ant-switch {
  margin-top: 10px;
}
.switch .ant-switch-checked {
  background-color: green;
}
.radio-wrapper .error_message {
  position: absolute;
  margin: 35px 0px 0px 0px;
}
span.ant-radio + * {
  font-family: 'WorkSans';
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  text-align: left;
  color: black;
}
.inputDate {
  height: 75px;
}
.inputDate label {
  color: '#000';
  font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
  font-size: 12px;
  line-height: 16px;
  font-weight: 600 !important;
}
.inputDate .ant-calendar-picker {
  margin-top: 2px;
  width: 100%;
}
.inputDate .ant-calendar-picker input {
  box-sizing: border-box;
  height: 38px;
  border-radius: 4px;
  background-color: #fff;
  border: 1px solid #c5cbde;
  margin-top: 2px;
}
.inputDate .ant-input:disabled {
  background-color: #f5f5f5 !important;
}
.error_message {
  color: red;
}
.disabledselect {
  cursor: not-allowed;
}

.cc-modal .ant-modal-content {
  position: relative;
  left: 432px;
  top: -54px;
  background-color: #43abfa;
}
.cc-modal button.ant-modal-close {
  display: none;
}
.menucancelBtn {
  text-align: end;
}
img.menuMancelBtnIMG {
  width: 19px;
  position: relative;
  left: -5px;
}
.popContent li {
  line-height: 3;
  font-family: Nunito;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: 0.18px;
  text-align: left;
  color: #fff;
  list-style-type: none;
  margin-left: 21px;
  position: relative;
  left: 6px;
}
#hoverSessionDiv :hover {
  color: black;
}
#hoverMovementSubDiv :hover {
  color: black;
}
.Icon.metro-cross {
  color: black;
  position: relative;
  top: 21px;
  left: 240px;
  margin-bottom: 20px;
}
.ant-popover-placement-left,
.ant-popover-placement-leftTop,
.ant-popover-placement-leftBottom {
  padding-right: 10px;
  visibility: collapse;
}
ul.HeaderPopupUl {
  margin: 0px 0px 0px -25px;
}
img.CommonDialogPageCancelBtnIMG {
  float: left;
  width: 23px;
  margin: 5px;
}
.CommonDialogPageCancelBtn {
  margin: 0px 0px 36px -23px;
}
span.Comming-Coon {
  color: deeppink;
  margin: 0px 0px 0px 11px;
}
ul.subContent li {
  font-family: Nunito;
  font-size: 15px;
  font-weight: 200;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.38;
  letter-spacing: 0.16px;
  text-align: left;
  color: #fff;
  margin: 0px 0px 0px 36px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  ul.subContent {
    position: relative;
    left: 25px;
    width: 150px;
  }
  img.menuMancelBtnIMG {
    width: 15px;
    position: relative;
    left: -5px;
  }
}

.Get-Order-Food {
  width: 381px;
  height: 124px;
  font-family: Poppins;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 1.26px;
  text-align: center;
  color: #1a93f1;
  position: relative;
  left: -9px;
}
.Get-Order-Food .text-style-1 {
  font-family: Oleo Script;
}
.Gift-Gift-a-Treat {
  width: 381px;
  height: 124px;
  font-family: Poppins;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 1.26px;
  text-align: center;
  color: #1a93f1;
  position: relative;
  left: -9px;
}
.Gift-Gift-a-Treat .text-style-1 {
  font-family: Oleo Script;
}
.Donate-Make-an-Impact .text-style-1 {
  font-family: Oleo Script;
}
img.Group-23528 {
  width: 350px;
  height: 334px;
  object-fit: contain;
}
img.Group-23529 {
  width: 335px;
  height: 335px;
  object-fit: contain;
}
img.Group-23530 {
  width: 333px;
  height: 333px;
  object-fit: contain;
}
p.In-the-feed-discover-what-your-friends {
  margin: 0.1px 5px 0px 2px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.and-co-workers-are-eating {
  margin: 0.1px 10px 0px -2px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.the-best-curated-treats-and-local-eats {
  margin: 0.1px 10px 0px 0px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.and-local-eats {
  margin: 0.1px 63px 0px 28px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.Gift-a-treat-large-or-small-from {
  margin: 0px 5px 0px 0px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.their-neighbourhood-favourite-or {
  margin: 0px 5px 0px 0px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.our-carefully-curated-catalog-of {
  margin: 0px 5px 0px 0px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.unique-and-trending-treats {
  margin: 0px 5px 0px 0px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.No-address-necessary {
  margin: 0px 0px 0px 0px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.Discover-and-donate-to-hand- {
  margin: 13px 0px 0px 0.1px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.picked-and-screened-NGOs {
  margin: 0px 0px 0px 0.1px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.fighting-against-hunger-food {
  margin: 0px 0px 0px 0.1px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.insecurity-and-sustainability-issues {
  margin: 0px 0px 0px 0.1px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.h6,
h6 {
  font-size: 12px;
  width: 366px;
  height: 53px;
  font-family: Poppins;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  text-align: center;
  color: #1a93f1;
}
span.text-style-22 {
  font-family: Oleo Script;
}
.ORDER- {
  width: 145px;
  height: 26px;
  font-family: WorkSans;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 4.5;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
.Gift- {
  width: 145px;
  height: 26px;
  font-family: WorkSans;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 4.5;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
.Donate- {
  width: 145px;
  height: 26px;
  font-family: WorkSans;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 4.5;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
.Coming-Soon {
  width: 159px;
  height: 26px;
  margin: 9px 33.2px 26px 87.8px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 4.5;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
.LinkDiv button {
  margin: 26px 0px 0px 91px;
}
.ORDERBTN button {
  width: 155px;
  border: solid white;
  height: 54px;
  border-radius: 5px;
  background: white;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
span.OrderButton {
  width: 111px;
  height: 26px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
span.giftButton {
  width: 111px;
  height: 26px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
span.donateButton {
  width: 111px;
  height: 26px;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
.GiftBTN button {
  width: 155px;
  border: solid white;
  height: 54px;
  border-radius: 5px;
  background: white;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
.DonateBTN button {
  width: 155px;
  border: solid white;
  height: 54px;
  border-radius: 5px;
  background: white;
  font-family: Poppins;
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
div#OrderFood {
  position: relative;
  top: -145px;
}
.paraDiv {
  height: 135px;
  margin: -8px 0px 0px 0px;
}
.Rectangle-19556 {
  width: 100%;
  margin: -65px 26px 53px -4px;
  padding: 25px 94px 23px;
  border-radius: 10px;
  background-color: #1a93f1;
  overflow: auto;
}
p.Munch-Magic-lets-you-easily-order-gift-and-donate-food-integrating {
  font-family: Nunito;
  font-size: 30px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
p.the-experiences-so-you-can-spread-the-fun-and-food {
  font-family: Nunito;
  font-size: 30px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.HomepageDiv {
  background-color: #ffd52c;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.YellowScreenPageDiv {
  width: 100%;
  height: 100%;
  background-color: #ffd52c;
}
h1.CenterStarImg {
  width: 100%;
  text-align: center;
  height: 100%;
}
.leftBitmap {
  z-index: 5;
  position: relative;
  left: -288px;
  top: -381px;
}
.TopBitmap {
  position: relative;
  top: -647px;
  left: 20px;
  z-index: 5;
}
.rightBitmap {
  z-index: 5;
  position: relative;
  float: right;
  left: -276px;
  top: -449px;
}
span.text-style-2 {
  font-family: Oleo Script;
  color: #1a93f1;
  position: relative;
  right: 10px;
}
h1.Donate-Make-an-Impact {
  width: 381px;
  height: 124px;
  font-family: Poppins;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: 1.26px;
  text-align: center;
  color: #1a93f1;
}
* {
  box-sizing: border-box;
}
img.TopBitmapImg {
  animation: zoom-in-zoom-out 1s ease infinite;
  width: 32px;
}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1, 1);
  }
  50% {
    transform: scale(1.5, 1.5);
  }
  100% {
    transform: scale(1, 1);
  }
}
img.leftBitmapImg {
  animation: zoom-in-zoom-out 1s ease infinite;
  width: 32px;
}
img.rightBitmapImg {
  animation: zoom-in-zoom-out 1s ease infinite;
  width: 32px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  h1.CenterStarImg img.CenterStarImg {
    width: 300px;
  }
  img.TopBitmapImg {
    width: 11px;
  }
  img.leftBitmapImg {
    width: 11px;
  }
  .leftBitmap {
    z-index: 5;
    position: relative;
    left: -76px;
    top: -149px;
  }
  .TopBitmap {
    position: relative;
    top: -195px;
    left: 8px;
    z-index: 5;
  }
  img.rightBitmapImg {
    width: 11px;
  }
  .rightBitmap {
    z-index: 5;
    position: relative;
    left: -88px;
    top: -135px;
    margin: -58px 0px 0px 0;
  }
  svg.bi.bi-list {
    width: 40px;
  }
  div#OrderFood {
    position: relative;
    top: -100px;
  }
  .Get-Order-Food {
    /* height: 124px; */
    font-family: Poppins;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.43; */
    letter-spacing: 1.26px;
    color: #1a93f1;
    /* position: relative; */
    /* left: -6px; */
    /* margin: 0 auto; */
    text-align: center;
    margin: 0px 0px 0px -20px;
    width: 300px;
    margin: 0 auto;
  }
  .paraDiv {
    height: 135px;
    margin: -8px 0px -45px 0px;
  }
  .h6,
  h6 {
    font-size: 12px;
    /* width: 366px; */
    height: 49px;
    font-family: Poppins;
    font-size: 38px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    color: #1a93f1;
    left: -10px;
  }
  .Get-Order-Food h6 {
    font-family: Poppins;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    color: #1a93f1;
    position: relative;
    left: 7px;
    width: 300px;
  }
  h1.Group-23528 {
    text-align: center;
  }
  img.Group-23528 {
    width: 240px;
    height: auto;
    object-fit: contain;
    margin: -43px 28px 0px 29px;
    text-align: center;
  }
  p.In-the-feed-discover-what-your-friends {
    /* margin: 0.1px 5px 0px 2px; */
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0 auto;
  }
  p.and-co-workers-are-eating {
    /* margin: 0.1px 10px 0px -2px; */
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0 auto;
  }
  p.the-best-curated-treats-and-local-eats {
    /* margin: 0.1px 10px 0px 0px; */
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0 auto;
  }
  p.and-local-eats {
    margin: 0.1px px 0px 0px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0 auto;
  }
  .Gift-Gift-a-Treat {
    font-family: Poppins;
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: 1.26px;
    text-align: center;
    color: #1a93f1;
    position: relative;
    left: 0px;
    margin: 0 auto;
    width: 300px;
  }
  img.Group-23529 {
    width: 300px;
    height: 300px;
    object-fit: contain;
    margin: 0px 28px 0px 35px;
  }
  .Donate-Make-an-Impact {
    font-family: Poppins;
    font-size: 38px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: 1.26px;
    text-align: center;
    color: #1a93f1;
  }
  span.text-style-2 {
    font-family: Oleo Script;
    text-align: center;
    color: #1a93f1;
  }
  h6.Donate-Make-an-Impact-contect {
    /* height: 49px; */
    font-family: Poppins;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    color: #1a93f1;
    width: 300px;
    margin: 0 auto;
  }
  .Donate-Make-an-Impact {
    font-family: Poppins;
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: 1.26px;
    text-align: center;
    color: #1a93f1;
    margin: 0 auto;
  }
  p.Munch-Magic-lets-you-easily-order-gift-and-donate-food-integrating {
    font-family: Nunito;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  p.the-experiences-so-you-can-spread-the-fun-and-food {
    font-family: Nunito;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .LinkDiv button {
    margin: 0 auto;
  }
  .Gift-Gift-a-Treat h6 {
    height: 0px;
    font-family: Poppins;
    font-size: 25px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    text-align: center;
    color: #1a93f1;
    position: relative;
    left: 9px;
    width: 300px;
  }
  img.Group-23530 {
    width: 240px;
    height: 319px;
    object-fit: contain;
    margin: 0 auto;
  }
  .ORDERBTN button {
    width: 113px;
    border: solid white;
    height: 37px;
    border-radius: 5px;
    background: white;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4293ea;
  }
  span.OrderButton {
    width: 111px;
    height: 9px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4293ea;
  }
  .Rectangle-19556 {
    width: 100%;
    padding: 10px 10px 10px;
    border-radius: 10px;
    background-color: #1a93f1;
    overflow: auto;
    position: relative;
    left: 5px;
  }
  h1.LinkDiv {
    text-align: center;
    margin: 20px 0px 0px 0px;
  }
  h1.Group.\32 3529\@3x {
    margin: -75px 0px 0px 7px;
    /* margin: 0 auto; */
    text-align: center;
  }
  img.Group-23529 {
    width: 240px;
    height: 300px;
    object-fit: contain;
    margin: 0px 28px 0px 35px;
    margin: 0 auto;
  }
  p.Gift-a-treat-large-or-small-from {
    margin: -26px 5px 0px 0px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    /* margin: 0 auto; */
  }
  p.their-neighbourhood-favourite-or {
    margin: 0px 5px 0px 0px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0 auto;
  }
  p.our-carefully-curated-catalog-of {
    margin: 0px 5px 0px 0px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0 auto;
  }
  p.unique-and-trending-treats {
    margin: 0px 5px 0px 0px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0 auto;
  }
  p.No-address-necessary {
    margin: 0px 0px 0px 0px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0 auto;
  }
  .GiftBTN button {
    width: 113px;
    border: solid white;
    height: 37px;
    border-radius: 5px;
    background: white;
    font-family: Poppins;
    font-size: 11px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4293ea;
  }
  span.giftButton {
    width: 103px;
    height: 16px;
    font-family: Poppins;
    font-size: 17px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4293ea;
  }
  h1.Group.\32 3530\@3x {
    /* margin: 0 auto; */
    text-align: center;
    margin: -55px 0px 0px 0px;
  }
  p.Discover-and-donate-to-hand- {
    margin: -25px 0px 0px 0.1px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  p.picked-and-screened-NGOs {
    margin: 0px 0px 0px 0.1px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0 auto;
  }
  p.fighting-against-hunger-food {
    margin: 0px 0px 0px 0.1px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0 auto;
  }
  p.insecurity-and-sustainability-issues {
    margin: 0px 0px 0px 0.1px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 0 auto;
  }
  .LinkDiv {
    margin: 0 auto;
    text-align: center;
    margin: 15px 0px 0px 0px;
  }
  .DonateBTN button {
    width: 113px;
    border: solid white;
    height: 37px;
    border-radius: 5px;
    background: white;
    font-family: Poppins;
    font-size: 3px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4293ea;
  }
  span.donateButton {
    width: 111px;
    height: 18px;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4293ea;
  }
  img.TopBitmapImg {
    animation: zoom-in-zoom-out 1s ease infinite;
    width: 12px;
  }
  @keyframes zoom-in-zoom-out {
    0% {
      transform: scale(1, 1);
    }
    50% {
      transform: scale(1.5, 1.5);
    }
    100% {
      transform: scale(1, 1);
    }
  }
  img.leftBitmapImg {
    animation: zoom-in-zoom-out 1s ease infinite;
    width: 12px;
  }
  img.rightBitmapImg {
    animation: zoom-in-zoom-out 1s ease infinite;
    width: 12px;
  }
  h1.Donate-Make-an-Impact {
    width: 350px;
    height: 95px;
    font-family: Poppins;
    font-size: 27px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: 1.26px;
    text-align: center;
    color: #1a93f1;
  }
}

.cs-modal-header {
  padding: 18px 50px;
  font-size: 20px;
  border-radius: 12px 12px 0 0;
  background: white;
  text-align: center;
}

.headerDiv {
  width: 100%;
}
li.SignupBTN {
  cursor: pointer;
}
li.MenuDiv {
  cursor: pointer;
}
ul.HeaderUl button {
  color: white;
  background-color: #1a93f1;
}
h1.headerh1 {
  width: 100%;
  text-align: right;
}
ul.HeaderUl li {
  display: initial;
}
.HeaderParentDiv {
  margin: 45px 0px 0px 0px;
}
ul.HeaderUl {
  margin: 0px 98px 0px 0px;
  font-family: WorkSans;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #fff;
}
li.SignupBTN {
  margin-right: 3px;
}
li.MenuDiv {
  position: relative;
  left: 76px;
  top: -6px;
}
.ant-modal-close-x {
  display: block;
  width: 98px;
  height: 56px;
  font-size: 26px;
  font-style: normal;
  line-height: 56px;
  text-align: center;
  text-transform: none;
  text-rendering: auto;
  color: white;
}
img.munchMagicLogo {
  margin: -20px 0px 0px 0px;
  float: left;
}
.SignUpandMenu {
  width: 50%;
  float: right;
}
.munchMagicHeaderLogoDiv {
  float: left;
  width: 48%;
}
h1.CenterStarImg {
  width: 100%;
  text-align: center;
  height: 100%;
  margin: 39px 0px 0px 0px;
}
.SignupBTN button {
  font-family: WorkSans;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.19;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  padding: 6px 6px 6px 6px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  h1.headerh1 {
    width: 100%;
    text-align: right;
  }
  .cc-modal .ant-modal-content {
    position: relative;
    left: 21px;
    top: -54px;
    background-color: #43abfa;
    font-size: -6px;
  }
  .popContent li {
    line-height: 3;
    font-family: Nunito;
    font-size: 9px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33;
    letter-spacing: 0.18px;
    text-align: left;
    color: #fff;
    list-style-type: none;
    margin-left: 21px;
    position: relative;
    left: 6px;
  }
  img.munchMagicLogo {
    margin: 0px 0px 0px 0px;
    width: 70px;
  }
  .HeaderUl button {
    border-radius: 6px;
    border: 1.5px solid #5964ff;
    height: 21px;
    min-width: 40px;
    margin-left: 10px;
    font-weight: 500 !important;
    transition: all 0.2s ease-in;
  }
  .MenuDiv svg.bi.bi-list {
    width: 25px;
    position: relative;
    top: 5px;
    left: 7px;
  }
  .SignupBTN button {
    font-family: WorkSans;
    font-size: 6px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    width: 65px;
  }
  .HeaderParentDiv {
    margin: 20px 0px 0px 0px;
  }
  h1.CenterStarImg {
    width: 100%;
    text-align: center;
    height: 100%;
    margin: 13px 0px 0px 0px;
  }
  li.SignupBTN {
    margin-right: 0px;
  }
  ul.HeaderUl button {
    color: white;
    background-color: #1a93f1;
    position: relative;
    top: 35px;
    left: 23px;
  }
  ul.HeaderUl {
    margin: -26px 0px 0px 0px;
    font-family: WorkSans;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #fff;
    width: 50%;
  }
  ul.subContent li {
    font-family: Nunito;
    font-size: 7px;
    font-weight: 200;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.38;
    letter-spacing: 0.16px;
    text-align: left;
    color: #fff;
    margin: 0px 0px 0px 1px;
  }
}
@media only screen and (max-width: 900px) {
}

/* For desktop: */
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .HomeRectangle-91 .Cant-find-us-in-your-area-Cant-find-a-certain-restuarant {
    width: 123%;
    margin: 6px 0px 8px -28px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.84px;
    text-align: center;
    color: #222;
    float: left;
  }
  .HomeListDeta {
    width: 105%;
    overflow: auto;
    margin-left: 6px;
    margin-bottom: 18px;
  }
  .HomeRectangle-91 .HomeRectangle-19580 button {
    font-family: Nunito;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    width: 143px;
    padding: 3px 0px 12px 9px;
    border-radius: 4px;
    background-color: #1a93f1;
  }
  .HomeListDeta td {
    font-family: Nunito;
    font-size: 5px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    width: 400px;
  }
  span.Corporate-and-Teams {
    position: relative;
    left: -25px;
    margin: 0px 0px 0px -3px;
  }
  span.FooterDiv-Meaningful-Donation {
    margin: 0px 0px 0px -2px;
  }
  span.Landlords-and-Buildings {
    margin: 0px 0px 0px -10px;
    position: relative;
    left: -17px;
  }
  span.Universities {
    position: relative;
    left: -26px;
  }
  svg.bi.bi-facebook {
    color: white;
    width: 22px;
  }
  svg.bi.bi-instagram {
    color: white;
    width: 22px;
  }
  svg.bi.bi-linkedin {
    color: white;
    width: 22px;
  }
  svg.bi.bi-twitter {
    color: white;
    width: 22px;
  }
  .HomeRectangle-91 {
    width: 100%;
    margin: 43px 46px 22px 0px;
    padding: 21px 30px 18px;
    border-radius: 12px;
    background-color: #ffd52c;
    float: left;
  }
  .FooterDivParent .Munch-Magic-All-Rights-Reserved p {
    font-family: Nunito;
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 35px 9px 0.2px 0px;
    width: 109px;
  }
  .Apple-Arcade {
    width: 155px;
    margin: 2px 0px 15px 0px;
    font-family: Nunito;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.64; */
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    text-align: center;
  }
  .FooterDivParent .HomeSocialmediaDiv {
    position: relative;
    left: -11px;
    margin: 30px 0px 0px 0px;
    width: 140px;
  }
  h1.instagramImage {
    position: relative;
    top: -26px;
    left: -15px;
    text-align: center;
  }
  .FooterDivParent .Terms-Condition {
    margin: 0px 0px 0px 0px;
  }
  .FooterDivParent .Terms-Condition p {
    font-family: Nunito;
    font-size: 9px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    font-weight: 500;
    color: #fff;
    margin: 35px 9px 0px 0px;
  }
  .FooterDivParent .Privacy-Policy p {
    font-family: Nunito;
    font-size: 9px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    font-weight: 500;
    color: #fff;
    margin: 35px 0px 0px 0px;
  }
  svg.bi.bi-facebook {
    color: white;
    width: 14px;
  }
  svg.bi.bi-instagram {
    color: white;
    width: 14px;
  }
  svg.bi.bi-linkedin {
    color: white;
    width: 14px;
  }
  svg.bi.bi-twitter {
    color: white;
    width: 14px;
  }
  span.Restaurant {
    position: relative;
    left: -11px;
  }
  span.FooterDiv-Vendors {
    position: relative;
    left: -10px;
  }
  span.NGOs {
    position: relative;
    left: -6px;
  }
  h1.Cant-find-us-h1 {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.84px;
    text-align: left;
    color: #222;
    float: left;
    width: 301px;
  }
}
@media only screen and (max-width: 900px) {
}
.HomeListDeta {
  width: 104%;
  overflow: auto;
  margin-left: 8px;
  margin-bottom: 18px;
}
.HomeListDeta {
  width: 104%;
  overflow: auto;
}
div#HomeList {
  width: 100%;
  margin: 0 auto;
  background-color: #ff61bd;
}
.PurpleColorDiv {
  width: 100%;
  background-color: #ff61bd;
}
.HomeListDeta li {
  font-family: Nunito;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 48px 8px 21px 41.5px;
  display: initial;
}
td {
  font-family: Nunito;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  width: 281px;
}
tr {
  width: 100%;
}
svg.bi.bi-facebook {
  color: white;
}
svg.bi.bi-instagram {
  color: white;
  position: relative;
  left: 22px;
}
svg.bi.bi-linkedin {
  color: white;
}
svg.bi.bi-twitter {
  color: white;
}
.HomeRectangle-123 {
  margin-top: 2px;
  width: 100%;
  background-color: #ff61bd;
  padding: 39px 137px 25.6px 117.5px;
}
.Rectangle-19580 {
  float: right;
  width: 15%;
}
.HomeRectangle-19580 button {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  width: 143px;
  padding: 3px 0px 23px 9px;
  border-radius: 4px;
  background-color: #1a93f1;
}
.Rectangle-19594 {
  width: 100%;
  padding: 39px 138px 25.6px 117.5px;
  background-color: #ff61bd;
  overflow: auto;
  height: 100%;
}
.HomeRectangle-91 {
  width: 100%;
  margin: 43px 46px 22px -2px;
  padding: 21px 30px 18px;
  border-radius: 12px;
  background-color: #ffd52c;
  float: left;
}
h1.Cant-find-us-h1 {
  font-family: Nunito;
  font-size: 27px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.84px;
  text-align: left;
  color: #222;
  float: left;
  width: 80%;
}
.HomeRectangle {
  width: 100%;
  background-color: #ff61bd;
}
.HomeSocialmediaDiv {
  text-align: center;
  margin: 30px 0px 0px 0px;
}
.lineDiv {
  height: 3px;
  background: white;
}
.FooterDivParent {
  display: flex;
  text-align: center;
}
.Munch-Magic-All-Rights-Reserved p {
  font-family: Nunito;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 35px 70.7px 0.2px 7px;
}
.Terms-Condition p {
  font-family: Nunito;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  font-weight: 500;
  color: #fff;
  margin: 35px 0px 0px 0px;
}
.Terms-Condition {
  visibility: hidden;
  margin: 0px 98px 0px 15px;
}
.Privacy-Policy p {
  font-family: Nunito;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  font-weight: 500;
  color: #fff;
  margin: 35px 0px 0px 0px;
  visibility: hidden;
}
h1.HomeRectangle-19580 {
  text-align: center;
}

.OrderPage {
  background-color: #ffd52c;
}
.ordersYellowScreen {
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: #ffd52c;
}
h1.Ordering {
  font-family: Nunito;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #000;
  text-align: center;
}
h1.Ordering h2 {
  font-family: Nunito;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  color: #000;
  text-align: center;
}
h3.How-Does-It-Work {
  font-family: Nunito;
  font-size: 42px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  margin: 56px 0px 0px 30px;
}
.firstStepMobileContentParent {
  width: 100%;
  /* overflow: auto; */
}
.firstStepMobileContent {
  float: left;
  width: 80%;
}
.UpArrowImgdiv {
  width: 20%;
  float: right;
  position: relative;
  left: -38px;
  top: 126px;
}
.thirdStepMobileContentParent {
  width: 100%;
}
h1.thirdStepMobileContent {
  text-align: center;
  float: right;
  width: 80%;
}
h1.BottomArrowImgdiv {
  float: left;
  width: 20%;
  position: relative;
  left: -74px;
  top: 117px;
}
img.firstStepMobileImage {
  width: 162px;
}
h1.firstImg {
  text-align: center;
}
h1.firstStepAndPara {
  text-align: center;
  width: 309px;
}
.Step-1 {
  font-family: Nunito;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
.Step-2 {
  font-family: Nunito;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
.Step-3 {
  font-family: Nunito;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
p.In-the-feed-discover-the-best {
  margin: 17px 0 0;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.curated-treats-local-eats-and {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.what-and-where-your-friends-and {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.co-workers-are-eating {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.Order-ahead-pick-it-up-and-jump {
  margin: 17px 0 0 0px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.the-line-Or-have-it-delivered-or {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.shipped-to-you {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.Collect-your-Reward-and {
  margin: 17px 0 0 0;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.send-your-Gift-Star-to-a {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.friend {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
h1.ordersecondMobileImg {
  text-align: center;
}
h1.secondStepAndPara {
  text-align: center;
  width: 369px;
}
h1.thirdStepAndPara {
  text-align: center;
  width: 309px;
}
h1.thirdStepMobileContent {
  text-align: center;
}
.Path-35612 {
  width: 100%;
  height: 100%;
  background-color: #ffe747;
  overflow: auto;
  margin: 62px 0px 0px 0px;
}
.Rectangle-19564 {
  width: 334px;
  height: 350px;
  border-radius: 20px;
  box-shadow: 0 12px 20px 0 rgba(0, 68, 121, 0.37);
  background-color: #fff;
}
.Rectangle-19566 {
  width: 334px;
  height: 350px;
  border-radius: 20px;
  box-shadow: 0 12px 20px 0 rgba(0, 68, 121, 0.37);
  background-color: #fff;
}
.Group.\32 3564 {
  margin: 62px 79px 21px 147.6px;
}
.Group.\32 3565 {
  margin: 62px 79px 21px 147.6px;
}
.Group.\32 3566 {
  margin: 62px 79px 21px 147.6px;
}
p.Honesty-and-Transparency {
  width: 290px;
  height: 32px;
  margin: 0px 6px 20px 21px;
  font-family: Nunito;
  font-size: 22px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #222;
  position: relative;
  top: 19px;
}
img.NoPath {
  width: 137px;
  height: 136px;
  margin: 20px 83.5px 20px 94.5px;
  object-fit: contain;
}
.Unlike-many-third-party-food-aggregator-apps-no-hidden-fees-and-no-inflated-menus-prices p {
  width: 300px;
  height: 76px;
  margin: 19px 9px 1px 14px;
  font-family: Nunito;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
img.gettyimages-1225861959-612x612 {
  width: 137px;
  height: 136px;
  margin: 20px 83.5px 20px 94.5px;
  object-fit: contain;
}
.No-unfair-commissions-neither-to-you-nor-the-restaurant p {
  width: 300px;
  height: 76px;
  margin: 19px 9px 1px 14px;
  font-family: Nunito;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
p.Support-Local-Restaurants {
  width: 290px;
  height: 32px;
  margin: 0px 6px 20px 21px;
  font-family: Nunito;
  font-size: 22px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #222;
  position: relative;
  top: 19px;
}
p.Convenience {
  width: 290px;
  height: 32px;
  margin: 0px 6px 20px 21px;
  font-family: Nunito;
  font-size: 22px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #222;
  position: relative;
  top: 19px;
}
img.Mask-Group-57 {
  width: 137px;
  height: 136px;
  margin: 20px 82px 17px 83px;
  object-fit: contain;
}
.But-not-at-a-cost--neither-to-your-wallet-providers-nor-to-health-or-quality p {
  width: 300px;
  height: 76px;
  margin: 19px 9px 1px 14px;
  font-family: Nunito;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
.Rectangle-19569 {
  width: 96%;
  margin: 111.4px -0.1px 88.4px 0;
  padding: -1.7px 33px 10px 0;
  border-radius: 15px;
  background-color: #ffd52c;
  height: 168px;
}
.Magnanimous-and-Ethical-Pickup {
  font-family: Poppins;
  font-size: 42px;
  font-weight: 600;
  font-stretch: normal;
  font-style: italic;
  letter-spacing: 0.96px;
  text-align: right;
  color: #1a93f1;
  text-align: left;
  position: relative;
  top: 56px;
  text-align: center;
  left: -40px;
  margin: 1px 0px 0px 0px;
}
img.gift-box-4973842-4251252-PhotoRoom {
  float: right;
  width: 183px;
  height: 148px;
  position: relative;
  top: -31px;
}
.Web--Order {
  width: 100%;
  padding: 40px 0 0;
  background-color: #ffd52c;
}
h1.Everybody-Gets {
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  font-family: Nunito;
}
h2.Designed-to-Give {
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #000;
  font-family: Nunito;
}
img.Group.\32 3378 {
  width: 100%;
  height: 100%;
  margin: 16.1px 57.8px 12px -4.5px;
  object-fit: contain;
}
.orderPageBlueDiv {
  margin: 0px 0px 50px 0px;
  padding: 30px 19px 26px 0;
  border-radius: 10px;
  background-color: #1a93f1;
}
.You-ordering-food-is-not-an-isolated-consumer-experience-but-an-action p {
  margin: 0 122px 0px;
  font-family: Nunito;
  font-size: 23px;
  font-weight: 500;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.that-shines-your-light-outwards-in-multiple-directions p {
  margin: 0 122px 16px;
  font-family: Nunito;
  font-size: 23px;
  font-weight: 500;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.from-other-bellies-you-fill-to-how-you-express-and-share-your-food-experience p {
  margin: 16px 0 0;
  font-family: Nunito;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.to-the-local-businesses-and-farmers-you-support-and-to-what-you-chose-to-put-into-your-body p {
  margin: 0px 0 0;
  font-family: Nunito;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.Rectangle-19594 {
  width: 100%;
  height: 100%;
  background-color: #ff61bd;
}
.OrderRectangle-91 {
  width: 100%;
  margin: 9px 39px 58px 22px;
  padding: 21px 30px 18px;
  border-radius: 12px;
  background-color: #ffd52c;
  float: left;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .ordersYellowScreen {
    width: 100%;
    height: 100%;
    overflow: hidden;
    background-color: #ffd52c;
  }
  h1.orderThreeMobileDivPareent {
    display: block;
  }
  h1.Ordering h2 {
    font-family: Nunito;
    font-size: 50px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    color: #000;
    text-align: center;
  }
  h3.How-Does-It-Work {
    font-family: Nunito;
    font-size: 25px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    margin: 13px 0px 0px 16px;
  }
  h1.orderPageUpArrow {
    position: relative;
    left: 0px;
    top: 0px;
    margin: 0 auto;
    text-align: center;
  }
  .firstStepMobileContent {
    float: none;
    width: 100%;
  }
  .Step-1 {
    font-family: Nunito;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #222;
    position: relative;
    left: 9px;
  }
  .UpArrowImgdiv {
    width: 100%;
    float: none;
    position: relative;
    left: 0px;
    top: 0px;
    margin: 17px 0px 24px 0px;
  }
  h1.secondStepAndPara {
    text-align: center;
    width: 319px;
    margin: 0 auto;
  }
  h1.thirdStepMobileContent {
    text-align: center;
    float: none;
    width: 100%;
  }
  h1.thirdStepAndPara {
    text-align: center;
    width: 100%;
  }
  h1.BottomArrowImgdiv {
    float: none;
    width: 100%;
    position: relative;
    left: 0px;
    top: 0px;
    margin: 26px 0px 31px 0px;
    text-align: center;
  }
  .Rectangle-19566 {
    width: 309px;
    height: 330px;
    border-radius: 20px;
    box-shadow: 0 12px 20px 0 rgb(0 68 3.27027027%);
    background-color: #fff;
    position: relative;
    left: 0px;
    text-align: center;
    margin: 0 auto;
  }
  .Rectangle-19564 {
    width: 309px;
    height: 330px;
    border-radius: 20px;
    box-shadow: 0 12px 20px 0 rgb(0 68 3.27027027%);
    background-color: #fff;
    position: relative;
    left: 0px;
    margin: 0 auto;
  }
  p.Honesty-and-Transparency {
    width: 290px;
    height: 32px;
    margin: 0px 6px 20px 16px;
    font-family: Nunito;
    font-size: 20px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #222;
    position: relative;
    top: 19px;
  }
  .Unlike-many-third-party-food-aggregator-apps-no-hidden-fees-and-no-inflated-menus-prices p {
    width: 300px;
    height: 76px;
    margin: 19px 9px 1px 11px;
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  p.Support-Local-Restaurants {
    width: 290px;
    height: 32px;
    margin: 0px 6px 20px 19px;
    font-family: Nunito;
    font-size: 20px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #222;
    position: relative;
    top: 19px;
  }
  .No-unfair-commissions-neither-to-you-nor-the-restaurant p {
    width: 300px;
    height: 76px;
    margin: 19px 9px 1px 5px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  p.Convenience {
    width: 290px;
    height: 32px;
    margin: 0px 6px 20px 17px;
    font-family: Nunito;
    font-size: 20px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #222;
    position: relative;
    top: 19px;
  }
  h1.firstStepAndPara {
    text-align: center;
    width: 309px;
    margin: 0 auto;
  }
  .But-not-at-a-cost--neither-to-your-wallet-providers-nor-to-health-or-quality p {
    width: 300px;
    height: 76px;
    margin: 19px 9px 1px 7px;
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  .Rectangle-19569 {
    width: 92%;
    margin: 41.4px -0.1px 34.4px 18px;
    padding: -1.7px 33px 10px 0;
    border-radius: 15px;
    background-color: #ffd52c;
    height: 69px;
  }
  .Magnanimous-and-Ethical-Pickup {
    font-family: Poppins;
    font-size: 10px;
    font-weight: 600;
    font-stretch: normal;
    font-style: italic;
    letter-spacing: 0.96px;
    text-align: right;
    color: #1a93f1;
    text-align: left;
    position: relative;
    top: 26px;
    text-align: center;
    left: -39px;
    margin: 1px 0px 0px 0;
  }
  img.gift-box-4973842-4251252-PhotoRoom {
    float: right;
    width: 125px;
    height: 103px;
    position: relative;
    top: -31px;
    left: 20px;
  }
  h1.Everybody-Gets {
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    font-family: Nunito;
  }
  h2.Designed-to-Give {
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    font-family: Nunito;
  }
  .orderPageBlueDiv {
    margin: 0px 0px 50px 17px;
    padding: 16px 7px 16px 7px;
    border-radius: 10px;
    background-color: #1a93f1;
    width: 90%;
  }
  .You-ordering-food-is-not-an-isolated-consumer-experience-but-an-action p {
    margin: 0 1px 0px;
    font-family: Nunito;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .from-other-bellies-you-fill-to-how-you-express-and-share-your-food-experience p {
    margin: 16px 0 0;
    font-family: Nunito;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .that-shines-your-light-outwards-in-multiple-directions p {
    margin: 0 1px 1px;
    font-family: Nunito;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .from-other-bellies-you-fill-to-how-you-express-and-share-your-food-experience p {
    margin: 16px 0 0;
    font-family: Nunito;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .to-the-local-businesses-and-farmers-you-support-and-to-what-you-chose-to-put-into-your-body p {
    margin: 0px 0 0;
    font-family: Nunito;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .Group.\32 3564 {
    margin: 25px 0px 21px 0px;
    text-align: center;
  }
  .Group.\32 3565 {
    margin: 30px 0px 21px 0px;
    text-align: center;
  }
  .Group.\32 3566 {
    margin: 52px 0px 21px 0px;
    text-align: center;
  }
  h1.giveEveryBodyGets {
    text-align: center;
  }
  img.Group.\32 3378 {
    width: 315px;
    height: 0%;
    margin: 0px 0px 0px 0px;
    object-fit: contain;
  }
}

[class*="col-"] {
  float: left;
  padding: 15px;
}
/* For desktop: */
.col-1 {
  width: 8.33%;
}
.col-2 {
  width: 16.66%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33%;
}
.col-5 {
  width: 41.66%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33%;
}
.col-8 {
  width: 66.66%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33%;
}
.col-11 {
  width: 91.66%;
}
.col-12 {
  width: 100%;
}
.row::after {
  content: "";
  clear: both;
  display: block;
}
.NGOPage {
  background-color: #1a93f1;
}
.NGOsBlueScreen {
  background-color: #1a93f1;
}
.Easy-and-Meaningful-Donation {
  padding: 5px;
}
.Easy-and-Meaningful-Donation h2 {
  font-family: Nunito;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.Easy-and-Meaningful-Donation h1 {
  font-family: Nunito;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
h1.DonationPageMainImgDiv {
  text-align: center;
}
h1.DonationPageMainImgDiv {
  text-align: center;
  margin: 0 auto;
}
img.DonationPageMainImg {
  text-align: center;
  width: 680px;
  margin: 0 auto;
  position: relative;
  left: 110px;
  top: -10px;
}
.earthLoveParentDiv0 {
  width: 348px;
  height: 277px;
  border-radius: 20px;
  background-color: #fff;
}
.earthLoveParentDiv1 {
  width: 348px;
  height: 277px;
  border-radius: 20px;
  background-color: #fff;
  margin: 0 auto;
}
h1.earthLoveParentDiv1 {
  margin: 0 auto;
  text-align: center;
}
.earthLoveParentDiv2 {
  width: 348px;
  height: 277px;
  border-radius: 20px;
  background-color: #fff;
  margin: 0 auto;
}
h1.earthLoveParentDiv0 p {
  width: 345px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #1a93f1;
  position: relative;
  top: 18px;
}
h1.earthLoveParentDiv0 {
  text-align: center;
  margin: 0 auto;
}
h1.earthLoveParentDiv1 p {
  width: 330px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #1a93f1;
  margin: 0 auto;
  position: relative;
  top: 18px;
}
.earthLoveParentDiv1 img {
  position: relative;
  top: 7px;
}
h1.earthLoveParentDiv2 {
  text-align: center;
  margin: 0 auto;
}
h1.earthLoveParentDiv2 p {
  width: 345px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #1a93f1;
  position: relative;
  top: 41px;
  margin: 0 auto;
}
.ThreecolDiv {
  margin: 65px 0px 61px 0px;
}
.earthLoveParentDiv2 img {
  position: relative;
  top: 13px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .Easy-and-Meaningful-Donation h2 {
    font-family: Nunito;
    font-size: 23px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .Easy-and-Meaningful-Donation h1 {
    font-family: Nunito;
    font-size: 23px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  h1.DonationPageMainImgDiv {
    text-align: center;
    margin: 0 auto;
  }
  img.DonationPageMainImg {
    text-align: center;
    width: 250px;
    margin: 0 auto;
    position: relative;
    left: 36px;
    top: -15px;
  }
  .ThreecolDiv {
    margin: 1px 0px 61px 0px;
  }
  .earthLoveParentDiv0 img {
    width: 115px;
  }
  h1.earthLoveParentDiv0 p {
    width: 270px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #1a93f1;
    position: relative;
    top: 18px;
    margin: 0 auto;
  }
  .earthLoveParentDiv0 {
    width: 284px;
    height: 260px;
    border-radius: 20px;
    background-color: #fff;
  }
  .earthLoveParentDiv1 {
    width: 284px;
    height: 260px;
    border-radius: 20px;
    background-color: #fff;
  }
  h1.earthLoveParentDiv0 p {
    width: 270px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #1a93f1;
    position: relative;
    top: 52px;
    margin: 0 auto;
  }
  .earthLoveParentDiv0 img {
    width: 115px;
    position: relative;
    top: 23px;
  }
  .earthLoveParentDiv1 img {
    position: relative;
    top: 30px;
    width: 115px;
  }
  h1.earthLoveParentDiv1 p {
    width: 294px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #1a93f1;
    margin: 0 auto;
    position: relative;
    top: 50px;
  }
  .earthLoveParentDiv2 {
    width: 284px;
    height: 260px;
    border-radius: 20px;
    background-color: #fff;
  }
  .earthLoveParentDiv2 img {
    position: relative;
    top: 25px;
    width: 100px;
  }
  h1.earthLoveParentDiv2 p {
    width: 276px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #1a93f1;
    position: relative;
    top: 58px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 900px) {
}

.TheMovementPage {
  background-color: #cf9b50;
}
.BrownColorScreen {
  width: 100%;
  height: 100%;
  background-color: #cf9b50;
}
.Mission-Statement {
  margin: 45px 0px 25px 0px;
  font-family: Nunito;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.8px;
  text-align: center;
  color: #fff;
  width: 100%;
}
h1.missionStatementImagewithCloulg {
  text-align: center;
  width: 100%;
}
h1.missionStatementImagewithCloulg img {
  position: relative;
  left: 145px;
}
.Goals {
  font-family: Nunito;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.8px;
  text-align: center;
  color: #fff;
  position: relative;
  left: 37px;
  margin: -15px 0px 0px 0px;
}
.MovementgFirstCol {
  width: 348px;
  height: 177px;
  padding: 30px 14px 24px 15px;
  border-radius: 20px;
  background-color: #fff;
}
.MovementgSecondCol {
  width: 348px;
  height: 179px;
  padding: 40px 26px 59px 28px;
  border-radius: 20px;
  background-color: #fff;
}
.MovementgThirdCol {
  width: 348px;
  height: 175px;
  padding: 37px 32px 57px 42px;
  border-radius: 20px;
  background-color: #fff;
}
.GoalsTheeColum {
  margin-top: 29px;
}
.Place-giving-and-getting-where-they-should-be-side-by-side-In-other-words-facilitate-and-expand-giving-culture-within-the-existing-framework-of-consumerism p {
  width: 319px;
  height: 123px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #1a93f1;
}
.Bring-the-social-into-food-fostering-friendships-and-connection p {
  width: 294px;
  height: 80px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #1a93f1;
}
.Resolve-hunger-food-insecurity-and-sustainability-issues p {
  width: 274px;
  height: 81px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.2;
  letter-spacing: normal;
  text-align: center;
  color: #1a93f1;
}
p.Food-is-a-gift-it-is-social-it-is-meant-to-be-shared {
  margin: 55px 0px 0px 0px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
p.Our-aim-is-to-make-it-fun-and-easy-to-inject-social-aspects {
  margin: 0px 50px 0px px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
p.into-current-food-views-and-practices-starting-with-online-food-ordering {
  margin: 0px 50px 112px 0px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.Munch-Magic-uses-the-cold-connectivity-of-technology-to-foster-warmth-and-human-connection-growing-roots-for-the-current-lifeless-process-of-ordering-and-grabbing-a-bite-to-eat p {
  width: 330px;
  height: 237px;
  margin: 118px 0.2px 56.3px 29px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.movementPageTreeImageParentPara {
  margin: 129px 0px 0px 25px;
}
.movementPageTreeImageSubPara p {
  font-family: Nunito;
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0.2em;
}
.TreeRightPara p {
  font-family: Nunito;
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.TreeRightPara {
  margin: 159px 0px 35.3px -27px;
  font-family: Nunito;
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  width: 120%;
}
.earthImagePara {
  float: right;
  position: relative;
  left: -39px;
  top: 71px;
}
.earthImageParent {
  margin-top: 20px;
}
.earthImagePara p {
  margin-top: 0;
  margin-bottom: 0.3em;
  font-family: Nunito;
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.belowEarthParaDiv p {
  font-family: Nunito;
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  line-height: 2;
}
p.belowEarthPara1 {
  font-family: Nunito;
  font-size: 19px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.belowEarthParaDiv {
  margin: 20.9px 0px 66.5px 0px;
  width: 100%;
  text-align: center;
}
.aboutMobilesContent p {
  font-family: Nunito;
  font-size: 18.5px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  line-height: 1.5;
}
p.For.those.who.already.understand.that.receiving.holds.the {
  font-family: Nunito;
  font-size: 18.5px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  line-height: 1.5;
}
.aboutMobilesContent {
  margin: 81px 0px 0px 0px;
}
.MobileTwo {
  margin-left: 45px;
}
.MobileOne {
  margin: 0 auto;
}
img.movementpageFirstMobileImg {
  height: 301px;
}
.movementpageThirdMobile {
  margin: -5px 0px 0px 2px;
}
.StarImgContent p {
  margin: 81.3px 0px 79.6px 45.1px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: 52px;
}
.starImgRightContent p {
  margin-bottom: 0.7rem;
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.starImgRightContent {
  text-align: center;
  position: relative;
  left: 50px;
  top: 130px;
}
.movementPageLastImageParentDiv {
  margin: 0px 0px 45px 0px;
}
p.platform.to.execute.both.and.maintain.the.balance.between {
  font-family: Nunito;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  line-height: 1.5;
}
p.connection-growing-roots-for-the {
  font-family: Nunito;
  font-size: 18.5px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0.2em;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .Mission-Statement {
    margin: 20px 0px 15px 0px;
    font-family: Nunito;
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.8px;
    text-align: center;
    color: #fff;
    width: 100%;
  }
  h1.missionStatementImagewithCloulg img {
    position: relative;
    left: 40px;
    width: 200px;
  }
  .Goals {
    margin: 5px 0px 0px 0px;
    font-family: Nunito;
    font-size: 28px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.8px;
    text-align: center;
    color: #fff;
    width: 250px;
  }
  h1.GoalsContentDiv {
    text-align: center;
    margin: 0 auto;
    width: 300px;
  }
  .MovementgFirstCol {
    width: 308px;
    padding: 30px 14px 24px 15px;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    position: relative;
    margin: 0 auto;
    bottom: 0px;
  }
  .Place-giving-and-getting-where-they-should-be-side-by-side-In-other-words-facilitate-and-expand-giving-culture-within-the-existing-framework-of-consumerism p {
    width: 271px;
    font-family: Nunito;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #1a93f1;
    position: relative;
    right: -8px;
  }
  .MovementgSecondCol {
    width: 308px;
    padding: 30px 14px 24px 15px;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    position: relative;
    margin: 15px 0px 15px 0px;
    margin: 0 auto;
    top: 0px;
  }
  .MovementgThirdCol {
    width: 308px;
    padding: 30px 14px 24px 15px;
    border-radius: 20px;
    background-color: #fff;
    text-align: center;
    position: relative;
    margin: 15px 0px 15px 0px;
    margin: 0 auto;
  }
  .GoalsTheeColum .col {
    /* line-height: normal; */
    margin: 15px 0px 0px 0px;
  }
  .Resolve-hunger-food-insecurity-and-sustainability-issues p {
    font-family: Nunito;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #1a93f1;
    margin-top: 30px;
  }
  .GoalsTheeColum {
    margin: 20px 0px 38px 0px;
  }
  .Bring-the-social-into-food-fostering-friendships-and-connection p {
    font-family: Nunito;
    font-size: 17px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: normal;
    text-align: center;
    color: #1a93f1;
    position: relative;
    top: 16px;
  }
  p.Food-is-a-gift-it-is-social-it-is-meant-to-be-shared {
    margin: 25px 0px 0px 0px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  p.Our-aim-is-to-make-it-fun-and-easy-to-inject-social-aspects {
    font-family: Nunito;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 7px 0px 0px 0px;
  }
  p.into-current-food-views-and-practices-starting-with-online-food-ordering {
    margin: 7px 0px 45px 0px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .aboutMobilesContent {
    margin: 0px 0px 0px 0px;
  }
  .movementPageTreeImageSubPara p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin-top: 0;
    margin-bottom: 0.2em;
  }
  .movementPageTreeImageParentPara {
    margin: 20px 0px 0px 6px;
  }
  img.movementTreeIMG {
    width: 312px;
  }
  .TreeIMG {
    margin: 1px 0px 0px 0px;
  }
  .TreeRightPara {
    margin: 22px 0px 35.3px 0px;
    font-family: Nunito;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    width: 300px;
  }
  .earthImageParent {
    margin-top: -5px;
  }
  .earthImageParent {
    margin-top: -5px;
  }
  .EarthTheirGift img {
    width: 300px;
  }
  .EarthTheirGift {
    /* margin: 0 auto; */
    text-align: center;
  }
  .earthImagePara p {
    margin-top: 0;
    margin-bottom: 0.3em;
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .earthImagePara {
    float: right;
    position: relative;
    left: 1px;
    top: 1px;
    text-align: center;
  }
  .belowEarthParaDiv p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .aboutMobilesContent p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    line-height: 1.5;
  }
  .MobileOne {
    text-align: center;
    margin: 25px 0px 0px 1px;
  }
  img.movementPageThreeMobile {
    width: 300px;
  }
  .StarImg img {
    width: 300px;
  }
  .starImgRightContent {
    text-align: center;
    position: relative;
    left: 1px;
    top: 8px;
  }
  .starImgRightContent p {
    margin-bottom: 0.7rem;
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .movementPageLastImageParentDiv {
    margin: 0px 0px 20px 0px;
  }
  .StarImg {
    text-align: center;
  }
  .TreeRightPara p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .TreeRightPara {
    margin: 18px 0px 0.3px 7px;
    font-family: Nunito;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  p.belowEarthPara1 {
    font-family: Nunito;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    width: 100%;
  }
  p.For.those.who.already.understand.that.receiving.holds.the {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    line-height: 1.5;
    width: auto;
  }
  p.platform.to.execute.both.and.maintain.the.balance.between {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    line-height: 1.5;
  }
}
@media only screen and (max-width: 900px) {
}

.GiftPage {
  background-color: #ff61bd;
}
.PinkColorScreen {
  width: 100%;
  height: 100%;
  background-color: #ff61bd;
}
.Easy-Gifting h1 {
  font-family: Nunito;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.8px;
  text-align: center;
  color: #fff;
}
h1.h1giftPageImage {
  text-align: center;
}
img.giftPageImageWithClould {
  position: relative;
  left: 107px;
}
h1.Food-Is-a-Gift p {
  font-family: Nunito;
  font-size: 75px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: 0.8px;
  text-align: center;
  color: #ffd52c;
}
h1.FoodIsaGiftContentPara p {
  font-family: Nunito;
  font-size: 30px;
  font-weight: 900;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.37;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin: 15px 0px 0px 0px;
}
.Easy-Gifting-SecondContent p {
  margin: 74px 0px 0px 0px;
  font-family: Nunito;
  font-size: 42px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Send-and-receive-treats p {
  text-shadow: 0 4px 12px rgb(0 0 0%);
  font-family: Nunito;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.3px;
  text-align: left;
  color: rgba(255, 255, 255, 0.96);
}
.easyGiftingContenentParent1 {
  width: 100%;
  overflow: auto;
  margin: 35px 0px 0px 0px;
}
.easyGiftingArrowImage1 {
  width: 20px;
  float: left;
}
.easyGiftingRightArrowContent1 {
  width: 93%;
  float: right;
}
.easyGiftingRightArrowContent1 p {
  margin: 0px 0px 0 7px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.96);
}
.easyGiftingContenentParent2 {
  width: 100%;
  overflow: auto;
  margin: 18px 0px 19px 0px;
}
.easyGiftingArrowImage2 {
  width: 20px;
  float: left;
}
.easyGiftingRightArrowContent2 {
  width: 95%;
  float: right;
}
.easyGiftingRightArrowContent2 p {
  margin: 0px 67px 0 7px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.96);
}
.easyGiftingContenentParent3 {
  width: 100%;
  overflow: auto;
  margin: 10px 0px 0px 0px;
}
.easyGiftingArrowImage3 {
  width: 20px;
  float: left;
}
.easyGiftingRightArrowContent3 {
  width: 95%;
  float: right;
}
.easyGiftingRightArrowContent3 p {
  margin: 0px 77px 0 4px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.96);
}
img.SecondEasyGiftingImg {
  width: 100%;
  height: 100%;
}
.noAdressRequired {
  margin: 55px 0px 10px 0px;
}
.noAdressRequiredImageDiv {
  width: 20px;
  float: left;
}
.noAdressRequiredContent3 p {
  margin: -23px 0px 0 12px;
  font-family: Nunito;
  font-size: 23px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 3;
  letter-spacing: 0.3px;
  color: rgba(255, 255, 255, 0.96);
}
.noAdressRequiredContent3 {
  width: 95%;
  float: right;
}
.loveLetterDivContentParent1 {
  width: 100%;
  overflow: auto;
  margin: 10px 0px 0px 0px;
}
.loveLetterRightArrowImage1 {
  width: 20px;
  float: left;
}
.loveLetterDivRightArrowContent1 {
  width: 95%;
  float: right;
}
.loveLetterDivRightArrowContent1 p {
  margin: 0px 127px 15px 4px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.96);
}
.loveLetterDivContentParent2 {
  width: 100%;
  overflow: auto;
  margin: 10px 0px 0px 0px;
}
.loveLetterRightArrowImage2 {
  width: 20px;
  float: left;
}
.loveLetterDivRightArrowContent2 {
  width: 95%;
  float: right;
}
.loveLetterDivRightArrowContent2 p {
  margin: 0px 113px 15px 4px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.96);
}
.loveLetterDivContentParent3 {
  width: 100%;
  overflow: auto;
  margin: 10px 0px 0px 0px;
}
.loveLetterRightArrowImage3 {
  width: 20px;
  float: left;
}
.loveLetterDivRightArrowContent3 {
  width: 95%;
  float: right;
}
.loveLetterDivRightArrowContent3 p {
  margin: 0px 68px 0px 4px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.96);
}
.noAdressRequiredParentForAll {
  position: relative;
  left: 86px;
}
.dontKnowWhatFoodContentImageDiv {
  width: 20px;
  float: left;
}
.dontKnowWhatFoodContentParaDiv {
  width: 95%;
  float: right;
}
.dontKnowWhatFoodContentParaDiv p {
  font-family: Nunito;
  font-size: 25px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 3;
  letter-spacing: 0.3px;
  color: rgba(255, 255, 255, 0.96);
  margin: -23px 0px 0 12px;
}
.No-worries-when-you-chose-a-friend-to-send-gifts-to-you-will-see-what-foods-they-have-saved-as-their-favourites p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  color: rgba(255, 255, 255, 0.96);
  margin: 0px 0px 0px 42px;
}
.LoveLetterDiv {
  margin: 0px 0px 79px 0px;
}
.dontKnowWhatFoodImg {
  margin: 0px 0px 0px;
  position: relative;
  left: 50px;
  top: -53px;
}
.Braiding-Sweetgrass-Robin-Wall-Kimmerer {
  font-family: Poppins;
  font-size: 22px;
  font-weight: 500;
  font-stretch: normal;
  font-style: italic;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.GiftBlueScreen {
  width: 100%;
  background-color: #1a93f1;
  padding: 47px 46px 46px 46px;
}
.GiftBrownScren {
  padding: 16.3px 33px 10px 17.2px;
  border-radius: 15px;
  background-color: #cf9b50;
}
.GiftBrownScren p {
  font-family: Nunito;
  font-size: 24px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  margin: -29.2px 90px 24px 90.8px;
}
span.quoteRight {
  border-radius: 15px;
  background-color: #cf9b50;
  float: right;
  margin: -46px 0px -6px 18px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .Easy-Gifting h1 {
    font-family: Nunito;
    font-size: 40px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.8px;
    text-align: center;
    color: #fff;
  }
  img.giftPageImageWithClould {
    position: relative;
    left: 27px;
    width: 270px;
    height: 170px;
  }
  h1.Food-Is-a-Gift p {
    font-family: Nunito;
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: 0.8px;
    text-align: center;
    color: #ffd52c;
  }
  h1.FoodIsaGiftContentPara p {
    font-family: Nunito;
    font-size: 11px;
    font-weight: 900;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 11px 0px 0px 0px;
  }
  .Easy-Gifting-SecondContent p {
    margin: 9px 0px 3px 0px;
    font-family: Nunito;
    font-size: 20px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .Send-and-receive-treats p {
    text-shadow: 0 4px 12px rgb(0 0 0%);
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.3px;
    text-align: left;
    color: rgba(255, 255, 255, 0.96);
  }
  .easyGiftingArrowImage1 img {
    width: 11px;
  }
  .easyGiftingArrowImage2 img {
    width: 11px;
  }
  .easyGiftingArrowImage3 img {
    width: 11px;
  }
  .easyGiftingRightArrowContent1 p {
    margin: 0px 0px 0 0px;
    font-family: Nunito;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.96);
  }
  .easyGiftingContenentParent1 {
    width: 100%;
    overflow: auto;
    margin: 12px 0px 0px 0px;
  }
  .easyGiftingContenentParent2 {
    width: 100%;
    overflow: auto;
    margin: 5px 0px 0px 0px;
  }
  .easyGiftingContenentParent3 {
    width: 100%;
    overflow: auto;
    margin: 5px 0px 0px 0px;
  }
  .easyGiftingRightArrowContent2 {
    width: 93%;
    float: right;
  }
  .easyGiftingRightArrowContent2 p {
    margin: 2px 44px 0 0px;
    font-family: Nunito;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.96);
  }
  .easyGiftingRightArrowContent3 {
    width: 93%;
    float: right;
  }
  .easyGiftingRightArrowContent3 p {
    margin: 2px 0px 0 0px;
    font-family: Nunito;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.96);
  }
  img.SecondEasyGiftingImg {
    width: 100%;
    height: 100%;
    position: relative;
    top: -14px;
    left: 7px;
  }
  img.loveLetter {
    width: 250px;
    position: relative;
    left: 23px;
    top: -64px;
  }
  .noAdressRequiredParentForAll {
    position: relative;
    left: 0px;
    margin: -115px 0px -67px 0px;
  }
  .noAdressRequiredContent3 {
    width: 93%;
    float: right;
  }
  .noAdressRequiredContent3 p {
    margin: -12px 0px 0 0px;
    font-family: Nunito;
    font-size: 17px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 3;
    letter-spacing: 0.3px;
    color: rgba(255, 255, 255, 0.96);
  }
  img.checkBox {
    width: 20px;
  }
  .loveLetterRightArrowImage1 img {
    width: 11px;
  }
  .loveLetterRightArrowImage2 img {
    width: 11px;
  }
  .loveLetterRightArrowImage3 img {
    width: 11px;
  }
  .loveLetterDivRightArrowContent1 {
    width: 93%;
    float: right;
  }
  .loveLetterDivRightArrowContent1 p {
    margin: 2px 0px 0px 0px;
    font-family: Nunito;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.35; */
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.96);
  }
  .loveLetterDivRightArrowContent2 p {
    margin: -18px 44px 0px 7px;
    font-family: Nunito;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.96);
  }
  .loveLetterDivRightArrowContent3 p {
    margin: -18px 44px 0px 7px;
    font-family: Nunito;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.96);
  }
  .dontKnowWhatFoodContentParaDiv p {
    margin: -34px 0px 0 16px;
    font-family: Nunito;
    font-size: 17px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 3;
    letter-spacing: 0.3px;
    color: rgba(255, 255, 255, 0.96);
  }
  img.checkBox1Gift {
    width: 20px;
  }
  .No-worries-when-you-chose-a-friend-to-send-gifts-to-you-will-see-what-foods-they-have-saved-as-their-favourites p {
    font-family: Nunito;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: rgba(255, 255, 255, 0.96);
    margin: 7px 0px 0px 32px;
    position: relative;
    top: -3px;
  }
  .dontKnowWhatFoodImg {
    margin: 0px 0px 0px;
    position: relative;
    left: 0px;
    top: 0px;
    width: 300px;
  }
  .BlueScreenContentDiv .GiftBrownScren p {
    font-family: Nunito;
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: -22.2px 0px 8px 0px;
    position: relative;
    left: 5px;
  }
  .GiftPage .GiftBlueScreen {
    width: 100%;
    background-color: #1a93f1;
    padding: 35px 35px 35px 35px;
  }
  .quoteLeft img {
    width: 15px;
    position: relative;
    top: -13px;
    left: -9px;
    margin: -3px;
  }
  .quoteRight img {
    width: 15px;
    position: relative;
    top: 20px;
    left: 16px;
    margin: px;
  }
  .Braiding-Sweetgrass-Robin-Wall-Kimmerer {
    margin: 1px 0 0 0px;
    font-family: Poppins;
    font-size: 13px;
    font-weight: 500;
    font-stretch: normal;
    font-style: italic;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .noAdressRequired {
    margin: 0px 0px 0px 0px;
  }
}

.Please-verify-your-account {
  margin: 4px 7px 5px 19px;
  font-family: Nunito;
  font-size: 39px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.42px;
  text-align: center;
  color: #1a93f1;
  padding: 15px;
}
.otp-modal .ant-modal-content {
  border-radius: 20px;
  padding: 5px;
}
.otp-modal input.ant-input {
  width: 430px;
  height: 44px;
  margin: 21px 74px 0px 87px;
}
button.otpButton {
  width: 430px;
  height: 44px;
  margin: 21px 74px 17px 87px;
}
.Enter-the-4-digit-code-we-sent-to-your-email-id {
  width: 518px;
  height: 27px;
  margin: 14px 42px 40px 40px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
img.otpCancelBtnIMG {
  float: right;
  margin: -18px 29px 5px 0px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .Please-verify-your-account {
    margin: 4px 7px 5px 19px;
    font-family: Nunito;
    font-size: 15px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.42px;
    text-align: center;
    color: #1a93f1;
    padding: 15px;
  }
  .Enter-the-4-digit-code-we-sent-to-your-email-id {
    font-family: Nunito;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
    width: 300px;
    margin: 0 auto;
  }
  img.otpCancelBtnIMG {
    float: right;
    margin: -18px 3px 5px 0px;
    width: 16px;
  }
  .otp-modal input.ant-input {
    width: 246px;
    height: 44px;
    margin: 0px 0px 0px 26px;
  }
  .input-wrapper {
    position: relative;
    height: 50px;
  }
  button.otpButton {
    width: 250px;
    height: 35px;
    margin: 21px 0px 17px 26px;
  }
}
@media only screen and (max-width: 900px) {
}

.Restaurant-Information {
  margin: 24px 641px 30px -16px;
  font-family: Work Sans;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
.ant-modal.ccss-modal {
  width: 1000px;
}
.ccss-modal .ant-modal-content {
  padding: 20px;
  border-radius: 29px;
}
.ccss-modal .input-wrapper {
  position: relative;
  height: 93px;
}
span.Restaurant-Owner-Details {
  margin: 0 0px 30px 0;
  font-family: Work Sans;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #222;
}
.Order-Notifications p {
  margin: 0px 0px 6px 0px;
  font-family: Work Sans;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
span.Notification-can-select-more-than-one {
  margin: 6px 0 10px 0px;
  font-family: WorkSans;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #b7b7b7;
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 2em;
  margin-bottom: 0.125rem;
}
.Register-Your-Restaurant {
  font-family: Nunito;
  font-size: 42px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.42px;
  text-align: center;
  color: #1a93f1;
  margin: 0px 0px 60px 0px;
}
.PopupRestaurantcancelBtn {
  float: right;
  margin: -24px 18px 0px 1px;
}
.ccss-modal .ant-tabs-tabpane.ant-tabs-tabpane-active.Details {
  margin-left: 18px;
}
.ccss-modal .ant-tabs-nav.ant-tabs-nav-animated {
  margin-left: 63px;
}
.Restaurant-operational-hours {
  margin: 25px 8px 31px 0;
  font-family: Work Sans;
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #222;
  text-align: left;
}
div#ApplyToAllDays {
  margin: 3px 24px 31px 12px;
  font-family: WorkSans;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.Apply-Advance-Settings {
  margin: 6px 177px 31px -4px;
  font-family: Work Sans;
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #222;
}
.Restaurant-Type-and-Timing {
  margin: 30px 162px 15px -8px;
  font-family: Work Sans;
  font-size: 22px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #222;
}
.Financial-Institution-Information {
  margin: 10px 46px 18px -4px;
  font-family: Work Sans;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.Account-Information {
  height: 28px;
  margin: 43px 6.5px 24px -3px;
  font-family: Work Sans;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.accountInfoPara p {
  margin: 3px 14.2px 33.7px 0;
  font-family: WorkSans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.aboutAddPgoto p {
  margin: 6px 0 15px;
  font-family: WorkSans;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #999;
}
.authorization p {
  margin: 6px 0px 14px 0;
  font-family: WorkSans;
  font-size: 12px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #999;
}
.days {
  margin: 0 70px 10px -4px;
  font-family: WorkSans;
  font-size: 15px;
  font-weight: bolder;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.ccss-modal .input-wrapper label {
  width: 400px;
  height: 21px;
  color: '#000';
  font-family: 'WorkSans';
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  text-align: left;
  color: black;
}
label {
  width: 164px;
  height: 17px;
  color: '#000';
  font-family: 'WorkSans';
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  text-align: left;
  color: black;
}
.ccss-modal div#openingAndClosing .input-wrapper label {
  width: 400px;
  height: 21px;
  color: '#000';
  font-family: WorkSans;
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #999;
}
.SingleSelect label {
  width: 164px;
  height: 17px;
  color: '#000';
  font-family: 'WorkSans';
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  text-align: left;
  color: black;
}
.informationh5 h5 {
  font-family: Work Sans;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  margin: 0px 0px 23px -5px;
}
.cancelAndNextButtonChild {
  float: right;
  margin: -9px 34px 0px 0;
}
.previousAndNextButtonsChild {
  float: right;
  margin: -7px 0px 0px 0;
}
label#ApplyAlldays {
  width: 164px;
  height: 16px;
  color: '#000';
  font-family: 'WorkSans';
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  text-align: left;
  color: black;
  margin: 3px 0px 0px 4px;
}
p.restaurantImgPara {
  font-family: WorkSans;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.14;
  letter-spacing: normal;
  text-align: left;
  color: #999;
  margin: 5px 0px 6px 0px;
}
h2.restaurantImageLabel {
  margin: 0 0px 7px 0;
  font-family: Work Sans;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #222;
}
#ApplyContactNumber label {
  width: 294px;
  color: '#000';
  font-family: 'WorkSans';
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  text-align: left;
  color: black;
}
div#ApplyContactNumber {
  position: relative;
  top: -7px;
  left: -7px;
}
button.restaurantSubmit {
  position: relative;
  left: 17px;
}
.cancelAndNextButton1 {
  position: relative;
  top: 30px;
}
.ccss-modal-footer__btns button {
  float: right;
  margin: -36px 15px 0px 0px;
}
.input-wrapper input {
  box-sizing: border-box;
  border-radius: 4px;
  background-color: #fff;
  margin-top: -3px;
  border: solid 0.5px black;
  height: 38px;
}
.SingleSelect ._single-select__control {
  border-color: black !important;
  border: solid 0.5px black;
  height: 0px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .Register-Your-Restaurant {
    font-family: Nunito;
    font-size: 21px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.42px;
    text-align: center;
    color: #1a93f1;
    margin: 0px 0px 10px 0px;
  }
  .Restaurant-Information {
    margin: 0px 1px 5px 0px;
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #222;
    position: relative;
    left: -14px;
  }
  .PopupRestaurantcancelBtn {
    float: right;
    margin: -28px -8px 0px 0px;
  }
  img.cancelBtnIMG {
    width: 18px;
  }
  h2.restaurantImageLabel {
    margin: 0 0px 7px 0;
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #222;
  }
  span.Restaurant-Owner-Details {
    margin: 0 0px 5px 0;
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #222;
  }
  .ant-modal-close-x {
    display: block;
    width: 98px;
    height: 56px;
    font-size: 26px;
    font-style: normal;
    line-height: 56px;
    text-align: center;
    text-transform: none;
    text-rendering: auto;
    color: white;
    visibility: hidden;
  }
  .Restaurant-Type-and-Timing {
    margin: 0px 0px 0px 0px;
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #222;
    position: relative;
    left: -14px;
  }
  .Restaurant-operational-hours {
    margin: 0px 0px 0px -5px;
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #222;
    text-align: left;
  }
  .Apply-Advance-Settings {
    margin: 6px 0px 5px -4px;
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #222;
  }
  div#ApplyToAllDays {
    margin: 3px 24px 12px 12px;
    font-family: WorkSans;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .previousAndNextButtonsChild {
    float: right;
    margin: -4px 18px 0px 0px;
  }
  .Account-Information {
    height: 28px;
    margin: 0px 6.5px -1px -3px;
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .informationh5 h5 {
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #222;
    margin: 0px 0px 5px -5px;
  }
  .accountInfoPara p {
    margin: 3px 1.2px 19.7px 0;
    font-family: WorkSans;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .Financial-Institution-Information {
    margin: -2px 0px 0px -5px;
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .ccss-modal-footer__btns button {
    float: right;
    margin: -36px -63px 0px 0px;
  }
  .cancelAndNextButton1 {
    position: relative;
    top: 15px;
    left: -42px;
  }
  .cancelAndNextButtonChild {
    float: right;
    margin: 2px 14px -3px 0;
  }
  .ant-modal.ccss-modal {
    width: 340px;
    margin: 0 auto;
    overflow: auto;
  }
}

.restaurantPage {
  background-color: #ffd52c;
}
.restaurantPageYelloColorScreen {
  width: 100%;
  background-color: #ffd52c;
}
h1.For-Restaurants {
  font-family: 'Nunito', sans-serif;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.8px;
  text-align: center;
  color: #1a93f1;
}
h1.restaurantPageMainImage {
  text-align: center;
}
img.restaurantPageMainImage {
  width: 700px;
  position: relative;
  left: 42px;
  top: -10px;
}
h2.RegisterBTN {
  text-align: end;
  position: relative;
  top: -165px;
  left: -175px;
}
.RegisterBTN button {
  font-family: WorkSans;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #1a93f1;
  border: none;
  width: 132px;
  height: 49px;
  background-color: white;
}
span.Register {
  font-family: 'WorkSans';
  font-size: 18px;
  font-weight: bolder;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  letter-spacing: 1px;
  color: #1a93f1;
}
h1.TransformingTheFoodDiv p {
  font-family: 'Nunito', sans-serif;
  font-size: 43px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: 0.3px;
  text-align: center;
  color: white;
  margin: -60px 0px 0px 0px;
}
h1.We-put-the-social-into-food-ordering {
  font-family: 'Nunito', sans-serif;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.37;
  letter-spacing: 0.3px;
  text-align: center;
  color: #4293ea;
  margin: 0px 0px 25px 0px;
}
.OrganicMarketing {
  width: 210px;
  height: 260px;
  border-radius: 8px;
  box-shadow: 0 4px 10px 0 rgb(0 68 6.05%);
  background-color: #fff;
}
h1.Organic-Marketing {
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: center;
  color: #222;
  /* margin: 0px 0px 0px 0px; */
}
h1.mobileMarketing {
  text-align: center;
}
h1.mobileMarketing {
  text-align: center;
}
.Organic-marketing-with-the-broadcasting-of-every-order-into-the-feed {
  margin: 10px 0 25px 13px;
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
h1.organicMarketing-Know-More p {
  font-family: 'WorkSans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
.BrandedRewards {
  width: 210px;
  height: 260px;
  border-radius: 8px;
  box-shadow: 0 4px 10px 0 rgb(0 68 6.05%);
  background-color: #fff;
}
h1.Branded-Rewards {
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
h1.financeProfit {
  text-align: center;
}
h1.Branded-rewards-tangible-referrals-and-retargeting-features-drives-repeat-business p {
  margin: 14px 0 0px 5px;
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
h1.brandedRewards-Know-More- p {
  font-family: 'WorkSans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
.DigitalRestaurant {
  width: 210px;
  height: 260px;
  border-radius: 8px;
  box-shadow: 0 4px 10px 0 rgb(0 68 6.05%);
  background-color: #fff;
}
h1.Digital-Restaurant {
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
h1.onlineFoodOrder {
  text-align: center;
}
h1.Digital-restaurant-culture-and-followership-for-your-brand p {
  margin: 13px 0 41px 5px;
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
h1.DigitalRestaurant-Know-More- p {
  font-family: 'WorkSans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
.Analytics {
  width: 210px;
  height: 260px;
  border-radius: 8px;
  box-shadow: 0 4px 10px 0 rgb(0 68 6.05%);
  background-color: #fff;
}
h1.analytics {
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
img.seoAnalytics {
  width: 75px;
}
h1.seoAnalytics {
  text-align: center;
}
h1.See-some-of-the-things-our-analytics-can-help-you-do p {
  margin: 23px 0 42px 1px;
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
h1.analytics-Know-More- p {
  font-family: 'WorkSans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
.StreamlinedOrdering {
  width: 210px;
  height: 260px;
  border-radius: 8px;
  box-shadow: 0 4px 10px 0 rgb(0 68 6.05%);
  background-color: #fff;
}
h1.Streamlined-Ordering {
  margin: 0px 0px 0px 8px;
  font-family: 'Nunito', sans-serif;
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.33;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
h1.Streamline-your-operation-both-on-and-off-premise-with-online-payments-and-easy-ordering p {
  margin: 14px 3px 21px 1px;
  font-family: 'Nunito', sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.43;
  letter-spacing: normal;
  text-align: center;
  color: #222;
}
h1.manExploringInternet {
  text-align: center;
}
h1.StreamlinedOrdering-Know-More- p {
  font-family: 'WorkSans', sans-serif;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #4293ea;
}
.allDiv {
  display: contents;
}
.WinImgDiv {
  margin: 25px 0px 0px 0px;
}
.restaurantBlueCheckBoxParant1 {
  width: 100%;
  overflow: auto;
}
.restaurantBlueCheckBoxIcon1 {
  width: 20px;
  float: left;
  position: relative;
  top: 5px;
}
.restaurantBlueCheckBoxContent1 {
  width: 95%;
  float: right;
}
.restaurantBlueCheckBoxContent1 p {
  font-family: 'Nunito', sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.restaurantBlueCheckBoxParant2 {
  width: 100%;
  overflow: auto;
  margin: 20px 0px 0px 0px;
}
.restaurantBlueCheckBoxIcon2 {
  width: 23px;
  float: left;
  position: relative;
  top: 5px;
}
.restaurantBlueCheckBoxContent2 {
  width: 95%;
  float: right;
}
.restaurantBlueCheckBoxContent2 p {
  font-family: 'Nunito', sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.restaurantBlueCheckBoxParant3 {
  width: 100%;
  overflow: auto;
  margin: 20px 0px 0px 0px;
}
.restaurantBlueCheckBoxIcon3 {
  width: 23px;
  float: left;
  position: relative;
  top: 5px;
}
.restaurantBlueCheckBoxContent3 {
  width: 95%;
  float: right;
}
.restaurantBlueCheckBoxContent3 p {
  font-family: 'Nunito', sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.restaurantBlueCheckBoxParant4 {
  width: 100%;
  overflow: auto;
  margin: 23px 0px 0px 0px;
}
.restaurantBlueCheckBoxIcon4 {
  width: 23px;
  float: left;
  position: relative;
  top: 5px;
}
.restaurantBlueCheckBoxContent4 {
  width: 95%;
  float: right;
}
.restaurantBlueCheckBoxContent4 p {
  font-family: 'Nunito', sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.restaurantBlueCheckBoxParant5 {
  width: 100%;
  overflow: auto;
  margin: 20px 0px 0px 0px;
}
.restaurantBlueCheckBoxIcon5 {
  width: 23px;
  float: left;
  position: relative;
  top: 5px;
}
.restaurantBlueCheckBoxContent5 {
  width: 95%;
  float: right;
}
.restaurantBlueCheckBoxContent5 p {
  font-family: 'Nunito', sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.restaurantBlueCheckBoxParant6 {
  width: 100%;
  overflow: auto;
  margin: 20px 0px 0px 0px;
}
.restaurantBlueCheckBoxIcon6 {
  width: 23px;
  float: left;
  position: relative;
  top: 5px;
}
.restaurantBlueCheckBoxContent6 {
  width: 95%;
  float: right;
}
.restaurantBlueCheckBoxContent6 p {
  font-family: 'Nunito', sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.restaurantBlueCheckBoxParant7 {
  width: 100%;
  overflow: auto;
  margin: 20px 0px 0px 0px;
}
.restaurantBlueCheckBoxIcon7 {
  width: 23px;
  float: left;
  position: relative;
  top: 5px;
}
.restaurantBlueCheckBoxContent7 {
  width: 95%;
  float: right;
}
.restaurantBlueCheckBoxContent7 p {
  font-family: 'Nunito', sans-serif;
  font-size: 24px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.restaurantBlueCheckBoxParant8 {
  width: 100%;
  overflow: auto;
  margin: 20px 0px 70px 0px;
}
.restaurantBlueCheckBoxIcon8 {
  width: 23px;
  float: left;
  position: relative;
  top: 5px;
}
.restaurantBlueCheckBoxContent8 {
  width: 95%;
  float: right;
}
.restaurantBlueCheckBoxContent8 p {
  font-family: 'Nunito', sans-serif;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
img.winImg {
  position: relative;
  top: 39px;
  text-align: center;
  margin: 0px 0px 0px -66px;
  width: 375px;
}
h1.Organic-Marketing-with-Every-Order {
  font-family: 'Nunito', sans-serif;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.81;
  letter-spacing: normal;
  text-align: left;
  color: #1a93f1;
}
span.theFeedContentFirstPara p {
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  font-weight: 400;
  margin: 0px 44px 0px 0px;
}
h1.theFeedImageGroup {
  text-align: right;
}
span.theFeedContentSecondPara p {
  margin: 21px 17px 7px 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  font-weight: 400;
}
span.theFeedContentThirdPara p {
  margin: 21px 115px 7px 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  font-weight: 400;
}
::marker {
  font-size: 24px;
}
ul.winImgDivUl {
  position: relative;
  left: 25px;
}
h1.The-Feed {
  text-shadow: 0 4px 12px rgb(0 0 0%);
  font-family: Poppins;
  font-size: 34px;
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  letter-spacing: 0.34px;
  text-align: right;
  color: #fff;
  position: relative;
  left: -50px;
}
.RightSideSession {
  margin: -25px 0px 0px 0px;
}
img.BrandedRewardsImg {
  width: 380px;
  height: 221px;
}
div#OrganikMarcket {
  margin: 0px 0px 65px 0px;
}
h1.BrandedRewardsCard {
  font-family: 'Nunito', sans-serif;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  text-align: left;
  color: #1a93f1;
  margin: -66px 0px 0px 0px;
}
.RewardYourBestClients {
  height: 30px;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.DoYouRememberThePaper {
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.RewardYourBestClients {
  height: 30px;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin: 0px 0px 10px 0px;
}
p.InMunchMagicPara1 {
  margin: 14px 0px 0px 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
p.InMunchMagicPara2 {
  margin: 0px -5px 0px 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
p.InMunchMagicPara3 {
  margin: 0px 0px 0px 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
p.InMunchMagicPara4 {
  margin: 0px 0px 0px 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
h1.How-It-Works {
  font-family: 'Nunito', sans-serif;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #1a93f1;
  margin: 15px 0px 0px 0px;
}
.HowItWorksContent p {
  margin: 17px 81px 46px 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
h1.Analytics-The-Power-of-Insight {
  font-family: 'Nunito', sans-serif;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #1a93f1;
}
h1.Some-of-the-things-our-analytics-can-help-you-do {
  font-family: 'Nunito', sans-serif;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
::marker {
  font-size: 30px;
}
ul.analyticsUl {
  position: relative;
  left: 26px;
}
span.AnalyticsContentPara1 p {
  margin: 14px 42px 6px 0.9px;
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
span.AnalyticsContentPara2 p {
  margin: 10px 130px 0px 0.9px;
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
span.AnalyticsContentPara3 p {
  margin: 10px 42px 0px 0.9px;
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
span.AnalyticsContentPara4 p {
  margin: 10px 100px 0px 0.9px;
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
span.AnalyticsContentPara5 p {
  margin: 10px 42px 0px 0.9px;
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
span.AnalyticsContentPara6 p {
  margin: 10px 42px 0px 0.9px;
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.AnalyticsContentPara7 p {
  margin: 10px 42px 0px 0.9px;
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
h1.Streamline {
  margin: 60px 0px 8px 0px;
  font-family: Poppins;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #1a93f1;
}
p.StreamlinePara1 {
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
p.StreamlinePara2 {
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
p.StreamlinePara3 {
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin: 0px 0px 75px 0px;
}
.StreamlineButtons button {
  width: 100%;
  text-align: center;
  height: 100%;
  padding: 10px 0px 10px 0px;
  border: none;
}
h1.no-commitments {
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.24px;
  text-align: center;
  color: #ed6eba;
}
h1.no-monlthy-payment {
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: 0.24px;
  text-align: center;
  color: #ed6eba;
}
h1.no-credit-card-needed {
  font-family: 'Nunito', sans-serif;
  font-size: 21px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.24px;
  text-align: center;
  color: #ed6eba;
}
button.contactUsBtn {
  float: right;
  font-family: 'Nunito', sans-serif;
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  text-align: left;
  color: #fff;
  background-color: #1a93f1;
  height: 60px;
  padding: 8px;
  width: 16%;
  text-align: center;
  border: none;
  width: 182px;
}
.secondRegisterBTN button {
  font-family: WorkSans;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  color: #1a93f1;
  border: none;
  width: 182px;
  height: 58px;
  background-color: white;
}
.contactUsBtnParent {
  margin: 40px 0px 61px 0px;
}
.RestaurantBlue {
  width: 100%;
  background-color: #1a93f1;
}
h1.Vendors {
  margin: 4px 2px 0px 1px;
  font-family: 'Nunito', sans-serif;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Treat-and-Gift-Makers {
  margin: 0 0px 0px 2px;
  font-family: 'Nunito', sans-serif;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Do-you-make-unique-treats {
  margin: 19px 0px 6px 0;
  font-family: 'Nunito', sans-serif;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Or-have-items-that-would-make-great-gifts {
  margin: 1px 0px 4px 0;
  font-family: 'Nunito', sans-serif;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.We-would-love-to-hear-from-you {
  margin: 7px 0px 40px 0;
  font-family: 'Nunito', sans-serif;
  font-size: 30px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.Organic-marketing-with-the-broadcasting-of-every-order-and-gift-into-the-feed-Build-the-right-brand-image-aligned-with-your-values-and-our-NGOs-pick-a-cause-to-support-It-will-be-shown-in-your-listing-If-you-make-a-donation-to-a-cause-it-is-also-pub {
  margin: 55px 0 0;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.organicMarketingLine p {
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0px 0px 18px 0px;
}
.BuildTheRightLine p {
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0px 11px 18px 0px;
}
.IfMakeAdonation p {
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0px 11px 18px 0px;
}
.GrowingOurCummunityLine p {
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0px 11px 18px 0px;
}
.Second-Contact-Us button {
  margin: 0px 0px 25px 0px;
  width: 120px;
  height: 42px;
  font-family: 'WorkSans', sans-serif;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  color: #1a93f1;
  border-radius: 0;
}
img.VendersImg {
  width: 420px;
  margin: 0px 0px 0px -37px;
}
h1.VendersImgSession {
  margin: 0 auto;
  text-align: center;
}
h1.Second-Contact-Us {
  text-align: center;
}
.RestaurantNGOs {
  font-family: 'Nunito', sans-serif;
  font-size: 56px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.46;
  letter-spacing: 1.12px;
  text-align: left;
  color: #000;
}
.RestaurantNGOsPara1 p {
  margin: 0px 0px 25px 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.RestaurantNGOsPara2 p {
  margin: 0px 27px 25px 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.RestaurantNGOsPara3 p {
  margin: 0px 0px 25px 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.RestaurantNGOsPara4 p {
  margin: 0px -5px 25px 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.RestaurantNGOsPara5 p {
  margin: 0px 2px 25px 0px;
  font-family: 'Nunito', sans-serif;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
a.RestaurantPageAs {
  margin-left: 10px;
  text-decoration: underline;
}
img.RestaurantNGOsImg {
  margin: 82px 0px 0px 0px;
}
.ResturantNgosIMGDIV {
  text-align: center;
  margin: 0 auto;
}
.HomeListDeta {
  width: 104%;
  overflow: auto;
  margin-left: 8px;
  margin-bottom: 18px;
}
.HomeListDeta {
  width: 104%;
  overflow: auto;
}
div#HomeList {
  width: 100%;
  margin: 0 auto;
  background-color: #ff61bd;
}
.PurpleColorDiv {
  width: 100%;
  background-color: #ff61bd;
}
.HomeListDeta li {
  font-family: Nunito;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 48px 8px 21px 41.5px;
  display: initial;
}
td {
  font-family: Nunito;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  width: 277px;
}
tr {
  width: 100%;
}
h1.instagramImage {
  position: relative;
  top: -12px;
  left: -19px;
  text-align: center;
}
svg.bi.bi-facebook {
  color: white;
}
svg.bi.bi-instagram {
  color: white;
  position: relative;
  left: 22px;
}
svg.bi.bi-linkedin {
  color: white;
}
svg.bi.bi-twitter {
  color: white;
}
.HomeRectangle-123 {
  margin-top: 2px;
  width: 100%;
  background-color: #ff61bd;
  padding: 39px 137px 25.6px 117.5px;
}
.Rectangle-19580 {
  float: right;
  width: 15%;
}
.HomeRectangle-19580 button {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  width: 143px;
  margin: 6px 0px 10px 20px;
  padding: 3px 0px 23px 9px;
  border-radius: 4px;
  background-color: #1a93f1;
}
.Rectangle-19594 {
  width: 100%;
  padding: 39px 138px 25.6px 117.5px;
  background-color: #ff61bd;
  overflow: auto;
  height: 100%;
}
.HomeRectangle-91 {
  width: 100%;
  margin: 43px 46px 22px -2px;
  padding: 21px 30px 18px;
  border-radius: 12px;
  background-color: #ffd52c;
  float: left;
}
h1.Cant-find-us-h1 {
  font-family: Nunito;
  font-size: 27px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.84px;
  text-align: left;
  color: #222;
  float: left;
  width: 80%;
}
.HomeRectangle {
  width: 100%;
  background-color: #ff61bd;
}
.HomeSocialmediaDiv {
  text-align: center;
  margin: 30px 0px 0px 0px;
}
.lineDiv {
  height: 3px;
  background: white;
}
.FooterDivParent {
  display: flex;
  text-align: center;
}
.Munch-Magic-All-Rights-Reserved p {
  font-family: Nunito;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 35px 70.7px 0.2px 7px;
}
.Terms-Condition p {
  font-family: Nunito;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  font-weight: 500;
  color: #fff;
  margin: 35px 0px 0px 0px;
}
.Terms-Condition {
  margin: 0px 98px 0px 15px;
  visibility: hidden;
}
.Privacy-Policy p {
  font-family: Nunito;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  font-weight: 500;
  color: #fff;
  margin: 35px 0px 0px 0px;
  visibility: hidden;
}
span.Corporate-and-Teams {
  position: relative;
  left: -30px;
}
span.Landlords-and-Buildings {
  position: relative;
  left: -29px;
}
span.Universities {
  position: relative;
  left: -30px;
}
img.VendersImg {
  margin: 15px 0px 0px -94px;
}
.restaurantPage {
  background-color: #ffd52c;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  h1.For-Restaurants {
    font-family: 'Nunito', sans-serif;
    font-size: 31px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.8px;
    text-align: center;
    color: #1a93f1;
  }
  img.restaurantPageMainImage {
    width: 275px;
    position: relative;
    left: 15px;
    top: -10px;
    text-align: center;
  }
  h1.restaurantPageMainImage {
    text-align: center;
    margin: 0 auto;
  }
  h2.RegisterBTN {
    text-align: end;
    position: relative;
    top: -65px;
    left: -14px;
  }
  .RegisterBTN button {
    font-family: WorkSans;
    /* font-size: 19px; */
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #1a93f1;
    border: none;
    width: 79px;
    height: 34px;
    background-color: white;
  }
  span.Register {
    font-family: 'WorkSans';
    font-size: 13px;
    font-weight: bolder;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.17; */
    letter-spacing: normal;
    text-align: left;
    color: #1a93f1;
    position: relative;
    top: -1px;
  }
  h1.TransformingTheFoodDiv p {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    letter-spacing: 0.3px;
    text-align: center;
    color: white;
    margin: -60px 0px 0px 0px;
  }
  h1.We-put-the-social-into-food-ordering {
    font-family: 'Nunito', sans-serif;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.37;
    letter-spacing: 0.3px;
    text-align: center;
    color: #4293ea;
  }
  .allDiv {
    display: revert;
  }
  .OrganicMarketing {
    margin: 0 auto;
  }
  .OrganicMarketing {
    width: 155px;
    height: 175px;
    border-radius: 8px;
    box-shadow: 0 4px 10px 0 rgb(0 68 6.05%);
    background-color: #fff;
    margin-bottom: 20px;
  }
  h1.Organic-Marketing {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  img.mobileMarketing {
    width: 55px;
  }
  .Organic-marketing-with-the-broadcasting-of-every-order-into-the-feed {
    margin: 10px 0 11px 6px;
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  h1.organicMarketing-Know-More p {
    font-family: 'WorkSans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4293ea;
  }
  .BrandedRewards {
    margin: 0 auto;
  }
  .BrandedRewards {
    width: 155px;
    height: 175px;
    border-radius: 8px;
    box-shadow: 0 4px 10px 0 rgb(0 68 6.05%);
    background-color: #fff;
    margin-bottom: 20px;
  }
  h1.Branded-Rewards {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  img.financeProfit {
    width: 55px;
  }
  h1.Branded-rewards-tangible-referrals-and-retargeting-features-drives-repeat-business p {
    margin: 1px 0 3px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  h1.brandedRewards-Know-More- p {
    font-family: 'WorkSans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4293ea;
  }
  .DigitalRestaurant {
    margin: 0 auto;
  }
  .DigitalRestaurant {
    width: 155px;
    height: 175px;
    border-radius: 8px;
    box-shadow: 0 4px 10px 0 rgb(0 68 6.05%);
    background-color: #fff;
    margin-bottom: 20px;
  }
  h1.Digital-Restaurant {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  img.onlineFoodOrder {
    width: 55px;
  }
  h1.Digital-restaurant-culture-and-followership-for-your-brand p {
    margin: 13px 0 23px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  h1.DigitalRestaurant-Know-More- p {
    font-family: 'WorkSans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4293ea;
  }
  .Analytics {
    margin: 0 auto;
  }
  .Analytics {
    width: 155px;
    height: 175px;
    border-radius: 8px;
    box-shadow: 0 4px 10px 0 rgb(0 68 6.05%);
    background-color: #fff;
    margin-bottom: 20px;
  }
  h1.analytics {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  img.seoAnalytics {
    width: 55px;
  }
  h1.See-some-of-the-things-our-analytics-can-help-you-do p {
    margin: 23px 0 11px 1px;
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  h1.analytics-Know-More- p {
    font-family: 'WorkSans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4293ea;
  }
  .StreamlinedOrdering {
    margin: 0 auto;
  }
  .StreamlinedOrdering {
    width: 155px;
    height: 175px;
    border-radius: 8px;
    box-shadow: 0 4px 10px 0 rgb(0 68 6.05%);
    background-color: #fff;
    margin-bottom: 20px;
  }
  h1.Streamlined-Ordering {
    margin: 0px 0px 0px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.33;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  img.manExploringInternet {
    width: 55px;
  }
  h1.Streamline-your-operation-both-on-and-off-premise-with-online-payments-and-easy-ordering p {
    margin: 4px 3px 5px 1px;
    font-family: 'Nunito', sans-serif;
    font-size: 11px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.43;
    letter-spacing: normal;
    text-align: center;
    color: #222;
  }
  h1.StreamlinedOrdering-Know-More- p {
    font-family: 'WorkSans', sans-serif;
    font-size: 11px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #4293ea;
  }
  .restaurantBlueCheckBoxIcon1 {
    width: 20px;
    float: left;
    position: relative;
    top: 0px;
  }
  img.restaurantBlueCheckBox1 {
    width: 15px;
  }
  .restaurantBlueCheckBoxContent1 {
    width: 92%;
    float: right;
  }
  .restaurantBlueCheckBoxContent1 p {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .restaurantBlueCheckBoxParant2 {
    width: 100%;
    overflow: auto;
    margin: 11px 0px 0px 0px;
  }
  .restaurantBlueCheckBoxIcon2 {
    width: 23px;
    float: left;
    position: relative;
    top: 0px;
  }
  img.restaurantBlueCheckBox2 {
    width: 15px;
  }
  .restaurantBlueCheckBoxContent2 {
    width: 92%;
    float: right;
  }
  .restaurantBlueCheckBoxContent2 p {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .WinImgDiv {
    margin: 0px 0px 0px 0px;
  }
  .restaurantBlueCheckBoxParant3 {
    width: 100%;
    overflow: auto;
    margin: 0px 0px 0px 0px;
  }
  .restaurantBlueCheckBoxIcon3 {
    width: 23px;
    float: left;
    position: relative;
    top: 0px;
  }
  img.restaurantBlueCheckBox3 {
    width: 15px;
  }
  .restaurantBlueCheckBoxContent3 {
    width: 92%;
    float: right;
  }
  .restaurantBlueCheckBoxContent3 p {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .restaurantBlueCheckBoxParant4 {
    width: 100%;
    overflow: auto;
    margin: 8px 0px 0px 0px;
  }
  .restaurantBlueCheckBoxIcon4 {
    width: 23px;
    float: left;
    position: relative;
    top: 0px;
  }
  img.restaurantBlueCheckBox4 {
    width: 15px;
  }
  .restaurantBlueCheckBoxContent4 {
    width: 92%;
    float: right;
  }
  .restaurantBlueCheckBoxContent4 p {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .restaurantBlueCheckBoxParant5 {
    width: 100%;
    overflow: auto;
    margin: 8px 0px 0px 0px;
  }
  .restaurantBlueCheckBoxIcon5 {
    width: 23px;
    float: left;
    position: relative;
    top: 0px;
  }
  img.restaurantBlueCheckBox5 {
    width: 15px;
  }
  .restaurantBlueCheckBoxContent5 {
    width: 92%;
    float: right;
  }
  .restaurantBlueCheckBoxContent5 p {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .restaurantBlueCheckBoxParant6 {
    width: 100%;
    overflow: auto;
    margin: 8px 0px 0px 0px;
  }
  .restaurantBlueCheckBoxIcon6 {
    width: 23px;
    float: left;
    position: relative;
    top: 0px;
  }
  img.restaurantBlueCheckBox6 {
    width: 15px;
  }
  .restaurantBlueCheckBoxContent6 {
    width: 92%;
    float: right;
  }
  .restaurantBlueCheckBoxContent6 p {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .restaurantBlueCheckBoxParant7 {
    width: 100%;
    overflow: auto;
    margin: 8px 0px 0px 0px;
  }
  .restaurantBlueCheckBoxIcon7 {
    width: 23px;
    float: left;
    position: relative;
    top: 0px;
  }
  img.restaurantBlueCheckBox7 {
    width: 15px;
  }
  .restaurantBlueCheckBoxContent7 {
    width: 92%;
    float: right;
  }
  .restaurantBlueCheckBoxContent7 p {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .restaurantBlueCheckBoxParant8 {
    width: 100%;
    overflow: auto;
    margin: 8px 0px 10px 0px;
  }
  .restaurantBlueCheckBoxIcon8 {
    width: 23px;
    float: left;
    position: relative;
    top: 0px;
  }
  img.restaurantBlueCheckBox8 {
    width: 15px;
  }
  .restaurantBlueCheckBoxContent8 {
    width: 92%;
    float: right;
  }
  .restaurantBlueCheckBoxContent8 p {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .winImgDiv {
    text-align: center;
  }
  img.winImg {
    position: relative;
    top: 0px;
    text-align: center;
    margin: 1px 0px 0px 0px;
    width: 300px;
    margin: 0 auto;
  }
  ul.winImgDivUl {
    position: relative;
    left: 18px;
    width: 320px;
  }
  span.theFeedContentFirstPara p {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    font-weight: 400;
  }
  span.theFeedContentSecondPara p {
    margin: 0px 0px 3px -1px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    font-weight: 400;
    /* width: 286px; */
  }
  span.theFeedContentThirdPara p {
    margin: 0px 0px 7px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    font-weight: 400;
  }
  .RightSideSession {
    margin: -21px 0px 0px 0px;
  }
  h1.The-Feed {
    text-shadow: 0 4px 12px rgb(0 0 0%);
    font-family: Poppins;
    font-size: 34px;
    font-weight: bold;
    font-stretch: normal;
    font-style: italic;
    letter-spacing: 0.34px;
    text-align: center;
    color: #fff;
    position: relative;
  }
  h1.theFeedImageGroup {
    text-align: center;
  }
  img.Group.\32 3401 {
    width: 223px;
  }
  h1.Organic-Marketing-with-Every-Order {
    font-family: 'Nunito', sans-serif;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.81;
    letter-spacing: normal;
    text-align: left;
    color: #1a93f1;
  }
  h1.The-Feed {
    text-shadow: 0 4px 12px rgb(0 0 0%);
    font-family: Poppins;
    font-size: 24px;
    font-weight: bold;
    font-stretch: normal;
    font-style: italic;
    letter-spacing: 0.34px;
    text-align: center;
    color: #fff;
    position: relative;
    left: -6px;
  }
  ::marker {
    font-size: 22px;
  }
  div#OrganikMarcket {
    margin: 0px 0px 0px 0px;
  }
  h1.BrandedRewardsImg {
    text-align: center;
  }
  img.BrandedRewardsImg {
    width: 300px;
    height: 175px;
  }
  h1.BrandedRewardsCard {
    font-family: 'Nunito', sans-serif;
    font-size: 19px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    text-align: left;
    color: #1a93f1;
    margin: 0px 0px 0px 0px;
  }
  .RewardYourBestClients {
    /* height: 55px; */
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.5; */
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin: 0px 0px 0px 0px;
  }
  .DoYouRememberThePaper {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  p.InMunchMagicPara1 {
    margin: 6px 0px 11px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  p.InMunchMagicPara2 {
    margin: 0px 0px 8px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  p.InMunchMagicPara3 {
    margin: 7px 0px 0px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  p.InMunchMagicPara4 {
    margin: 0px 0px 0px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  h1.How-It-Works {
    font-family: 'Nunito', sans-serif;
    font-size: 19px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #1a93f1;
    margin: 0px 0px 0px 0px;
  }
  .HowItWorksContent p {
    margin: 5px 4px 12px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  h1.Analytics-The-Power-of-Insight {
    font-family: 'Nunito', sans-serif;
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #1a93f1;
  }
  h1.Some-of-the-things-our-analytics-can-help-you-do {
    font-family: 'Nunito', sans-serif;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  ul.analyticsUl {
    position: relative;
    left: 28px;
    width: 287px;
  }
  span.AnalyticsContentPara1 p {
    margin: 5px 5px 6px 0.9px;
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  span.AnalyticsContentPara2 p {
    margin: 0px 5px 0px 0.9px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    width: 280px;
  }
  span.AnalyticsContentPara3 p {
    margin: 0px 0px 0px 0.9px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  span.AnalyticsContentPara4 p {
    margin: 0px 2px 0px 0.9px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  span.AnalyticsContentPara5 p {
    margin: 10px 0px 0px 0.9px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  span.AnalyticsContentPara6 p {
    margin: 8px 0px 0px 0.9px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  span.AnalyticsContentPara7 p {
    margin: 8px 0px 0px 0.9px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  h1.Streamline {
    margin: 10px 0px 5px 0px;
    font-family: Poppins;
    font-size: 23px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #1a93f1;
  }
  p.StreamlinePara1 {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  p.StreamlinePara2 {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  p.StreamlinePara3 {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin: 0px 0px 15px 0px;
  }
  .StreamlineButtons {
    text-align: center;
  }
  .StreamlineButtons button {
    width: 60%;
    text-align: center;
    padding: 10px;
    border: none;
    margin: 0 auto;
  }
  h1.no-commitments {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.24px;
    text-align: center;
    color: #ed6eba;
  }
  h1.no-monlthy-payment {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: 0.24px;
    text-align: center;
    color: #ed6eba;
  }
  h1.no-credit-card-needed {
    font-family: 'Nunito', sans-serif;
    font-size: 13px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.24px;
    text-align: center;
    color: #ed6eba;
  }
  button.contactUsBtn {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
    color: #fff;
    background-color: #1a93f1;
    height: 40px;
    padding: 8px;
    width: 16%;
    text-align: center;
    border: none;
    width: 100px;
    position: relative;
    left: -20px;
    float: right;
  }
  .secondRegisterBTN button {
    font-family: WorkSans;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #1a93f1;
    border: none;
    width: 100px;
    height: 40px;
    background-color: white;
    margin: 0px 0px 0px -2px;
  }
  .contactUsBtnParent {
    margin: 30px 0px 35px 13px;
  }
  .secondRegisterBTN button {
    font-family: WorkSans;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #1a93f1;
    border: none;
    width: 100px;
    height: 40px;
    background-color: white;
    margin: 0px 0px 0px -2px;
  }
  h1.Vendors {
    margin: 0px 2px 0px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 28px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .Treat-and-Gift-Makers {
    margin: 0 0px 0px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 23px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .Do-you-make-unique-treats {
    margin: 8px 0px 6px 0;
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .Or-have-items-that-would-make-great-gifts {
    margin: 1px 0px 4px 0;
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .We-would-love-to-hear-from-you {
    margin: 7px 0px 20px 0;
    font-family: 'Nunito', sans-serif;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.37;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .organicMarketingLine p {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 0px 0px 10px 0px;
  }
  .BuildTheRightLine p {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 0px 0px 10px 0px;
  }
  .IfMakeAdonation p {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 0px 0px 14px 0px;
  }
  .GrowingOurCummunityLine p {
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 0px 11px 10px 0px;
  }
  .Second-Contact-Us button {
    margin: 0px 0px 10px 0px;
    width: 120px;
    height: 42px;
    font-family: 'WorkSans', sans-serif;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    color: #1a93f1;
    border-radius: 0;
  }
  h1.VendersImgSession {
    margin: 0 auto;
    text-align: center;
  }
  img.VendersImg {
    margin: 1px 0px 0px 0px;
    width: 300px;
    text-align: center;
  }
  .RestaurantNGOs {
    font-family: 'Nunito', sans-serif;
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.46;
    letter-spacing: 1.12px;
    text-align: left;
    color: #000;
  }
  ul.RestaurantNGOsUlSession {
    position: relative;
    left: 28px;
    width: 287px;
  }
  .RestaurantNGOsPara1 p {
    margin: 0px 0px 9px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .RestaurantNGOsPara2 p {
    margin: 0px 0px 9px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .RestaurantNGOsPara3 p {
    margin: 0px 0px 10px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .RestaurantNGOsPara4 p {
    margin: 0px 0px 10px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .RestaurantNGOsPara5 p {
    margin: 0px 0px -18px 0px;
    font-family: 'Nunito', sans-serif;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .ResturantNgosIMGDIV {
    text-align: center;
    margin: 0 auto;
  }
  img.RestaurantNGOsImg {
    margin: 0px 0px 0px 0px;
    width: 300px;
    text-align: center;
  }
  .FooterDivParent .Munch-Magic-All-Rights-Reserved p {
    font-family: Nunito;
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 35px 9px 0.2px 0px;
    width: 109px;
  }
  .Apple-Arcade {
    width: 155px;
    margin: 2px 0px 15px 0px;
    font-family: Nunito;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.64; */
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    text-align: center;
  }
  h1.instagramImage {
    position: relative;
    top: -26px;
    left: -15px;
    text-align: center;
  }
  span.Corporate-and-Teams {
    position: relative;
    left: -25px;
    margin: 0px 0px 0px -3px;
  }
  span.FooterDiv-Meaningful-Donation {
    margin: 0px 0px 0px -2px;
  }
  span.Landlords-and-Buildings {
    margin: 0px 0px 0px -10px;
    position: relative;
    left: -17px;
  }
  span.Universities {
    position: relative;
    left: -26px;
  }
  span.NGOs {
    position: relative;
    left: -6px;
  }
  h1.Cant-find-us-h1 {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.84px;
    text-align: left;
    color: #222;
    float: left;
    width: 80%;
  }
  .HomeListDeta {
    width: 104%;
    overflow: auto;
    margin-left: 6px;
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 900px) {
}

.CorporateAndTeams {
  width: 100%;
  background-color: #cf9b50;
}
h1.CorporasteandTeams {
  font-family: Nunito;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.8px;
  text-align: center;
  color: #fff;
}
h1.All-Under-One-Easy-Umbrella {
  font-family: Nunito;
  font-size: 30px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.37;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
span.Employee-Appreciation {
  font-family: Nunito;
  font-size: 18px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.employeeAppreciationbutton {
  background-color: #fff;
  border: none;
  padding: 10px 0px 10px 0px;
  border-radius: 5px;
  text-align: center;
}
.Team-Moral-and-Building {
  font-family: Nunito;
  font-size: 17px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.teamMoralandBuildingButton {
  background-color: #fff;
  border: none;
  padding: 10px 0px 10px 0px;
  border-radius: 5px;
  text-align: center;
}
span.Customer-Appreciation {
  font-family: Nunito;
  font-size: 17px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.customerAppreciationButton {
  background-color: #fff;
  border: none;
  padding: 10px 0px 10px 0px;
  border-radius: 5px;
  text-align: center;
}
span.Corporate-Giving-Programs {
  font-family: Nunito;
  font-size: 16px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.corporateGivingProgramsButton {
  background-color: #fff;
  border: none;
  padding: 10px 0px 10px 0px;
  border-radius: 5px;
  text-align: center;
}
.corporateAndTeamsBtns {
  margin: 25px 0px 0px 0px;
}
.employeeAppreciationParent {
  position: relative;
  left: -52px;
}
div#EmployeeAPP {
  margin: 120px 0px 0px 0px;
}
img.EmployeeAppreciationImg {
  position: relative;
  top: -90px;
}
.innerParent {
  width: 100%;
  overflow: auto;
  margin: 35px 0px 5px 0px;
}
.employeeAppreciationCheckMark1 {
  float: left;
  width: 22px;
  position: relative;
  top: -5px;
}
.employeeAppreciationContent {
  width: 95%;
  float: right;
}
.employeeAppreciationContent p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: -4px;
}
.EmployeeAppreciationContentTitle {
  font-family: Nunito;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.innerParent2 {
  width: 100%;
  overflow: auto;
}
.employeeAppreciationCheckMark2 {
  float: left;
  width: 21px;
  position: relative;
  top: 1px;
}
.employeeAppreciationContent2 {
  width: 95%;
  float: right;
}
.employeeAppreciationContent2 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: -3px;
}
.Team-Moral-and-Building-InSecondImage {
  font-family: Nunito;
  font-size: 41px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  color: #fff;
}
.TeamMoralAndBuildingParent {
  overflow: auto;
  width: 100%;
}
.TeamMoralAndBuildingCheckMarkImgDiv {
  width: 20px;
  float: left;
}
.TeamMoralAndBuildingCheckMarkPara {
  width: 95%;
  float: right;
}
.TeamMoralAndBuildingCheckMarkPara p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: -5px;
  margin: 5px 14px 0px 0px;
}
.TeamMoralAndBuildingParent2 {
  width: 100%;
  overflow: auto;
}
.TeamMoralAndBuildingCheckMarkImgDiv2 {
  width: 20px;
  float: left;
}
.TeamMoralAndBuildingCheckMarkPara2 {
  width: 95%;
  float: right;
}
.TeamMoralAndBuildingCheckMarkPara2 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: 0px;
  margin: 0px 115px 0px 0px;
}
img.TeamImg {
  width: 370px;
  margin-left: -60px;
}
h1.CustomerAppreciationContent {
  font-family: Nunito;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
div#CustomerApp {
  margin: -25px 0px 0px 0px;
}
.customerAppreciationParantDiv {
  text-align: center;
  position: relative;
  top: 90px;
}
.CustomerAppreciationCheckMarkImgDiv1 {
  width: 20px;
  float: left;
}
.CustomerAppreciationCheckMarkPara1 {
  width: 95%;
  float: right;
}
.CustomerAppreciationCheckMarkPara1 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: -8px;
}
.CustomerAppreciationParent1 {
  overflow: auto;
}
.CustomerAppreciationCheckMarkImgDiv2 {
  width: 20px;
  float: left;
}
.CustomerAppreciationCheckMarkPara2 {
  width: 95%;
  float: right;
}
.CustomerAppreciationCheckMarkPara2 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: -8px;
}
.CustomerAppreciationParent2 {
  overflow: auto;
}
.CustomerAppreciationCheckMarkImgDiv3 {
  width: 20px;
  float: left;
}
.CustomerAppreciationCheckMarkPara3 {
  width: 95%;
  float: right;
}
.CustomerAppreciationCheckMarkPara3 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 2;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: -8px;
}
.CustomerAppreciationParent3 {
  overflow: auto;
}
h1.Corporate-Giving-Programs {
  font-family: Nunito;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.firstCheckMarkImg {
  width: 20px;
  float: left;
}
.firstCheckMarKContent {
  width: 95%;
  float: right;
}
.firstCheckMarKContent p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: -1px 0px 11px 0px;
}
.FirstCheckMarkContentParent {
  overflow: auto;
}
.secondCheckMarkImg {
  width: 20px;
  float: left;
}
.secondCheckMarKContent {
  width: 95%;
  float: right;
}
.secondCheckMarKContent p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0px 0px 15px 0px;
}
.secondCheckMarkContentParent {
  overflow: auto;
}
.ThirdCheckMarkImg {
  width: 20px;
  float: left;
}
.thirdCheckMarKContent {
  width: 95%;
  float: right;
}
.thirdCheckMarKContent p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0px 0px 15px 0px;
}
.thirdCheckMarkContentParent {
  overflow: auto;
}
#corporateAndTeamlearnMoreBtn button {
  padding: 10px 10px 10px 10px;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #1a93f1;
  width: 192px;
  height: 60px;
  font-family: Nunito;
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.28px;
  text-align: center;
  color: #fff;
}
h1#corporateAndTeamlearnMoreBtn {
  text-align: center;
  margin: 0px 0px 38px 0px;
}
.corporateandteamsBlueScreen {
  width: 100%;
  background-color: #1a93f1;
}
h1.landlordsAndBuildings {
  text-shadow: 0 4px 12px rgb(0 0 0%);
  font-family: Nunito;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: 0.8px;
  text-align: center;
  color: #fff;
  margin: 44px 0px 0px 0px;
}
h1.RewardsLoyaltyAndOnlineOrdering {
  margin: 0px 0px 75px 0px;
  font-family: Nunito;
  font-size: 26px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
h1.ResidentialAndCommercialBuildings {
  margin: 0px 0px 15px 0px;
  font-family: Nunito;
  font-size: 42px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.CommercialBuildingsParent1 {
  overflow: auto;
  margin-bottom: 7px;
}
.CommercialBuildingsArrow1 {
  width: 20px;
  float: left;
}
.CommercialBuildingsPara1 {
  width: 95%;
  float: right;
}
.CommercialBuildingsPara1 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.CommercialBuildingsParent2 {
  overflow: auto;
  margin-bottom: 7px;
}
.CommercialBuildingsArrow2 {
  width: 20px;
  float: left;
}
.CommercialBuildingsPara2 {
  width: 95%;
  float: right;
}
.CommercialBuildingsPara2 p {
  margin: -19px 126px 14px 0px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.CommercialBuildingsParent3 {
  overflow: auto;
  margin-bottom: 7px;
}
.CommercialBuildingsArrow3 {
  width: 20px;
  float: left;
}
.CommercialBuildingsPara3 {
  width: 95%;
  float: right;
}
.CommercialBuildingsPara3 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.CommercialBuildingsParent4 {
  overflow: auto;
  margin-bottom: 7px;
}
.CommercialBuildingsArrow4 {
  width: 20px;
  float: left;
}
.CommercialBuildingsPara4 {
  width: 95%;
  float: right;
}
.CommercialBuildingsPara4 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0px 83px 0px 0px;
}
.CommercialBuildingsParent5 {
  overflow: auto;
  margin-bottom: 7px;
}
.CommercialBuildingsArrow5 {
  width: 20px;
  float: left;
}
.CommercialBuildingsPara5 {
  width: 95%;
  float: right;
}
.CommercialBuildingsPara5 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.CommercialBuildingsParent6 {
  overflow: auto;
  margin-bottom: 7px;
}
.CommercialBuildingsArrow6 {
  width: 20px;
  float: left;
}
.CommercialBuildingsPara6 {
  width: 95%;
  float: right;
}
.CommercialBuildingsPara6 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
img.BuildingIMG {
  width: 370px;
  margin: 0 auto;
  text-align: center;
}
h1.Malls-and-Food-Courts {
  font-family: Nunito;
  font-size: 42px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
h1.Connect-shoppers-with-online-ordering {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.hotelImageDiv {
  position: relative;
  top: 90px;
}
h1.Hotels {
  font-family: Nunito;
  font-size: 42px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
h1.Connect-guests-with-online-ordering-for-your-kitchen-andor-local-eats {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.hotelImageParentDiv {
  position: relative;
  top: 126px;
}
.CorporateAndTeamContactUsBtn button {
  padding: 10px 10px 10px 10px;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  background-color: #ffd52c;
  width: 15%;
  height: 15%;
}
span.ContactUsCorporateAndTeam {
  font-family: Nunito;
  font-size: 28px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  text-align: left;
  color: #222;
}
h1.CorporateAndTeamContactUsBtn {
  text-align: center;
  margin: 0px 0px 36px 0px;
}
span.ContactUsCorporateAndTeam {
  font-family: Nunito;
  font-size: 16px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  text-align: left;
  color: #222;
  position: relative;
  top: -5px;
}
.corporateAndTeamsYellowScreen {
  background-color: #ffd52c;
}
h1.corporateAndTeamsYellowScreenUniversities {
  font-family: Nunito;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.13;
  letter-spacing: 0.8px;
  text-align: center;
  color: #1a93f1;
  margin: 34px 0px 30px 0px;
}
.UniversitiesParent1 {
  overflow: auto;
  margin: 0px 0px 12px 0px;
}
.UniversitiesArrow1 {
  width: 20px;
  float: left;
}
.UniversitiesFirstPara1 {
  width: 95%;
  float: right;
}
.UniversitiesFirstPara1 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.UniversitiesParent2 {
  overflow: auto;
  margin: 0px 0px 12px 0px;
}
.UniversitiesArrow2 {
  width: 20px;
  float: left;
}
.UniversitiesFirstPara2 {
  width: 95%;
  float: right;
}
.UniversitiesFirstPara2 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.UniversitiesParent3 {
  overflow: auto;
  margin: 0px 0px 12px 0px;
}
.UniversitiesThirdArrow {
  width: 20px;
  float: left;
}
.UniversitiesFirstPara3 {
  width: 95%;
  float: right;
}
.UniversitiesFirstPara3 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.UniversitiesLastPara {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  margin: 0px 0px 12px 0px;
}
.UniversitiesLastPara .text-style-1 {
  color: #1a93f1;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  text-decoration: underline;
  margin: 4px;
}
img.UnivercityIMG {
  position: relative;
  top: -86px;
  margin: 0px 0px -50px 0px;
}
.HomeListDeta {
  width: 104%;
  overflow: auto;
  margin-left: 8px;
  margin-bottom: 18px;
}
.HomeListDeta {
  width: 104%;
  overflow: auto;
}
div#HomeList {
  width: 100%;
  margin: 0 auto;
  background-color: #ff61bd;
}
.PurpleColorDiv {
  width: 100%;
  background-color: #ff61bd;
}
.HomeListDeta li {
  font-family: Nunito;
  font-size: 22px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 48px 8px 21px 41.5px;
  display: initial;
}
td {
  font-family: Nunito;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 3.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  width: 277px;
}
tr {
  width: 100%;
}
svg.bi.bi-facebook {
  color: white;
}
svg.bi.bi-instagram {
  color: white;
  position: relative;
  left: 22px;
}
svg.bi.bi-linkedin {
  color: white;
}
svg.bi.bi-twitter {
  color: white;
}
.HomeRectangle-123 {
  margin-top: 2px;
  width: 100%;
  background-color: #ff61bd;
  padding: 39px 137px 25.6px 117.5px;
}
.Rectangle-19580 {
  float: right;
  width: 15%;
}
.HomeRectangle-19580 button {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  width: 143px;
  padding: 3px 0px 23px 9px;
  border-radius: 4px;
  background-color: #1a93f1;
}
h1.HomeRectangle-19580 {
  text-align: center;
}
.Rectangle-19594 {
  width: 100%;
  padding: 39px 138px 25.6px 117.5px;
  background-color: #ff61bd;
  overflow: auto;
  height: 100%;
}
.HomeRectangle-91 {
  width: 100%;
  margin: 43px 46px 22px -2px;
  padding: 21px 30px 18px;
  border-radius: 12px;
  background-color: #ffd52c;
  float: left;
}
h1.Cant-find-us-h1 {
  font-family: Nunito;
  font-size: 27px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.84px;
  text-align: left;
  color: #222;
  float: left;
  width: 80%;
}
.HomeRectangle {
  width: 100%;
  background-color: #ff61bd;
}
.Apple-Arcade {
  width: 220px;
  margin: 0 0px 15px 0px;
  font-family: Nunito;
  font-size: 21px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.64;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  text-align: center;
}
.HomeSocialmediaDiv {
  text-align: center;
  margin: 30px 0px 0px 0px;
}
.lineDiv {
  height: 3px;
  background: white;
}
h1.instagramImage {
  position: relative;
  top: -12px;
  left: -19px;
  text-align: center;
}
.FooterDivParent {
  display: flex;
  text-align: center;
}
.Munch-Magic-All-Rights-Reserved p {
  font-family: Nunito;
  font-size: 18px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.33;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 35px 70.7px 0.2px 7px;
}
.Terms-Condition p {
  font-family: Nunito;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  font-weight: 500;
  color: #fff;
  margin: 35px 0px 0px 0px;
}
.Terms-Condition {
  margin: 0px 98px 0px 15px;
}
.Privacy-Policy p {
  font-family: Nunito;
  font-size: 18px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: left;
  font-weight: 500;
  color: #fff;
  margin: 35px 0px 0px 0px;
}
[class*="col-"] {
  float: left;
  padding: 15px;
}
/* For desktop: */
.col-1 {
  width: 8.33%;
}
.col-2 {
  width: 16.66%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.33%;
}
.col-5 {
  width: 41.66%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.33%;
}
.col-8 {
  width: 66.66%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.33%;
}
.col-11 {
  width: 91.66%;
}
.col-12 {
  width: 100%;
}
.row::after {
  content: "";
  clear: both;
  display: block;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  h1.CorporasteandTeams {
    font-family: Nunito;
    font-size: 25px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.8px;
    text-align: center;
    color: #fff;
    margin-top: 10px;
  }
  h1.All-Under-One-Easy-Umbrella {
    font-family: Nunito;
    font-size: 15px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  span.Employee-Appreciation {
    font-family: Nunito;
    font-size: 12px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  .employeeAppreciationbutton {
    background-color: #fff;
    border: none;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    width: 160px;
    text-align: center;
    margin: 0 auto;
  }
  .teamMoralandBuildingButton {
    background-color: #fff;
    border: none;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    width: 160px;
    text-align: center;
    margin: 0 auto;
  }
  .Team-Moral-and-Building {
    font-family: Nunito;
    font-size: 12px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  .customerAppreciationButton {
    background-color: #fff;
    border: none;
    padding: 5px 5px 5px 5px;
    border-radius: 5px;
    width: 160px;
    text-align: center;
    margin: 0 auto;
  }
  span.Customer-Appreciation {
    font-family: Nunito;
    font-size: 12px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  .corporateGivingProgramsButton {
    background-color: #fff;
    border: none;
    padding: 5px 0px 5px 0px;
    border-radius: 5px;
    width: 160px;
    text-align: center;
    margin: 0 auto;
  }
  span.Corporate-Giving-Programs {
    font-family: Nunito;
    font-size: 12px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  img.EmployeeAppreciationImg {
    position: relative;
    top: -120px;
    width: 300px;
  }
  .employeeAppreciationParent {
    position: relative;
    left: 1px;
  }
  .EmployeeAppreciationContentTitle {
    font-family: Nunito;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .innerParent {
    width: 100%;
    overflow: auto;
    margin: 9px 0px 5px 0px;
  }
  .employeeAppreciationCheckMark1 {
    float: left;
    width: 10px;
    position: relative;
    top: 0px;
  }
  .employeeAppreciationContent {
    width: 92%;
    float: right;
  }
  .employeeAppreciationContent p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    top: 0;
  }
  .innerParent2 {
    width: 100%;
    overflow: auto;
  }
  .employeeAppreciationCheckMark2 {
    float: left;
    width: 15px;
    position: relative;
    top: 1px;
  }
  .employeeAppreciationContent2 {
    width: 92%;
    float: right;
  }
  .employeeAppreciationContent2 p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    top: 0px;
  }
  img.employeeCheckMark1 {
    width: 11px;
  }
  img.employeeCheckMark2 {
    width: 11px;
  }
  div#EmployeeAPP {
    margin: 1px 0px 0px 0px;
  }
  img.EmployeeAppreciationImg {
    position: relative;
    top: 0px;
    width: 300px;
  }
  .Team-Moral-and-Building-InSecondImage {
    font-family: Nunito;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    color: #fff;
  }
  .TeamMoralAndBuildingCheckMarkImgDiv {
    width: 15px;
    float: left;
  }
  .TeamMoralAndBuildingCheckMarkPara {
    width: 92%;
    float: right;
  }
  .TeamMoralAndBuildingCheckMarkPara p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    top: 0px;
    margin: 0px 1px 0px 0px;
  }
  .TeamMoralAndBuildingCheckMarkImgDiv2 {
    width: 15px;
    float: left;
  }
  .TeamMoralAndBuildingCheckMarkPara2 {
    width: 92%;
    float: right;
  }
  .TeamMoralAndBuildingCheckMarkPara2 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    top: 0px;
    margin: 0px 0px 0px 0px;
  }
  img.TeamMoralAndBuildingCheckMark {
    width: 11px;
  }
  img.TeamMoralAndBuildingCheckMark2 {
    width: 11px;
  }
  .TeamMoralAndBuildingParent {
    overflow: auto;
    width: 100%;
    margin-bottom: 9px;
  }
  h1.TeamImgSession {
    text-align: center;
    margin: 0 auto;
  }
  img.TeamImg {
    width: 270px;
    margin-left: 1;
    margin: 0 auto;
  }
  h1.manImageDiv {
    margin: 20px 0px 0px 0px;
    text-align: center;
  }
  img.man {
    width: 200px;
    margin: 0 auto;
  }
  .customerAppreciationParantDiv {
    text-align: center;
    position: relative;
    top: 10px;
  }
  h1.CustomerAppreciationContent {
    font-family: Nunito;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .CustomerAppreciationCheckMarkImgDiv1 {
    width: 20px;
    float: left;
  }
  img.CustomerAppreciationCheckMark1 {
    width: 12px;
  }
  .CustomerAppreciationCheckMarkPara1 {
    width: 92%;
    float: right;
  }
  .CustomerAppreciationCheckMarkPara1 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    top: -2px;
  }
  img.CustomerAppreciationCheckMark2 {
    width: 12px;
  }
  .CustomerAppreciationCheckMarkPara2 {
    width: 92%;
    float: right;
  }
  .CustomerAppreciationCheckMarkPara2 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    top: -2px;
  }
  img.CustomerAppreciationCheckMark3 {
    width: 12px;
  }
  .CustomerAppreciationCheckMarkPara3 {
    width: 92%;
    float: right;
  }
  .CustomerAppreciationCheckMarkPara3 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    top: -2px;
  }
  h1.Corporate-Giving-Programs {
    font-family: Nunito;
    font-size: 18px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .FirstCheckMarkContentParent {
    overflow: auto;
    margin-bottom: 5px;
  }
  img.checkMark4 {
    width: 12px;
  }
  .firstCheckMarKContent {
    width: 92%;
    float: right;
  }
  .firstCheckMarKContent p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1; */
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 3px 0px 0px 0px;
  }
  .secondCheckMarKContent {
    width: 92%;
    float: right;
  }
  .secondCheckMarKContent p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 6px 0px 10px 0px;
  }
  img.checkMark4 {
    width: 12px;
  }
  .thirdCheckMarKContent {
    width: 92%;
    float: right;
  }
  .thirdCheckMarKContent p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 3px 0px 15px 0px;
  }
  img.charityImg {
    width: 255px;
    text-align: center;
  }
  h1.charityImgh1 {
    text-align: center;
  }
  #corporateAndTeamlearnMoreBtn button {
    padding: 10px 10px 10px 10px;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background-color: #1a93f1;
    width: 120px;
    height: 40px;
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.28px;
    text-align: center;
    color: #fff;
  }
  h1.landlordsAndBuildings {
    text-shadow: 0 4px 12px rgb(0 0 0%);
    font-family: Nunito;
    font-size: 23px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: 0.8px;
    text-align: center;
    color: #fff;
    margin: 23px 0px 7px 0px;
  }
  h1.RewardsLoyaltyAndOnlineOrdering {
    margin: 0px 0px 1px 0px;
    font-family: Nunito;
    font-size: 14px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  h1.ResidentialAndCommercialBuildings {
    margin: 0px 0px 15px 0px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  img.WhiteRightArrow1 {
    width: 12px;
    position: relative;
    top: -1px;
  }
  .CommercialBuildingsPara1 {
    width: 92%;
    float: right;
  }
  .CommercialBuildingsPara1 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  img.WhiteRightArrow2 {
    width: 12px;
  }
  .CommercialBuildingsPara2 {
    width: 92%;
    float: right;
  }
  .CommercialBuildingsPara2 p {
    margin: -19px 0px 14px 0px;
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  img.WhiteRightArrow3 {
    width: 12px;
  }
  .CommercialBuildingsPara3 {
    width: 92%;
    float: right;
  }
  .CommercialBuildingsPara3 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  img.WhiteRightArrow4 {
    width: 12px;
  }
  .CommercialBuildingsPara4 {
    width: 92%;
    float: right;
  }
  .CommercialBuildingsPara4 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 0px 1px 0px 0px;
  }
  img.WhiteRightArrow5 {
    width: 12px;
  }
  .CommercialBuildingsPara5 {
    width: 92%;
    float: right;
  }
  .CommercialBuildingsPara5 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  img.WhiteRightArrow6 {
    width: 12px;
  }
  .CommercialBuildingsPara6 {
    width: 92%;
    float: right;
  }
  .CommercialBuildingsPara6 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  img.BuildingIMG {
    width: 300px;
    margin: 0 auto;
    text-align: center;
  }
  .hotelImageDiv {
    position: relative;
    top: 0px;
  }
  h1.Malls-and-Food-Courts {
    font-family: Nunito;
    font-size: 16px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  h1.Connect-shoppers-with-online-ordering {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .hotelImageParentDiv {
    position: relative;
    top: 0px;
  }
  h1.Hotels {
    font-family: Nunito;
    font-size: 23px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  h1.Connect-guests-with-online-ordering-for-your-kitchen-andor-local-eats {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  img.HotelIMG {
    width: 280px;
    text-align: center;
    margin: 0 auto;
  }
  h1.CorporateAndTeamContactUsBtn {
    text-align: center;
    margin: 0px 0px 20px 0px;
  }
  .CorporateAndTeamContactUsBtn button {
    padding: 0px 5px 0px 5px;
    -webkit-backdrop-filter: blur(50px);
    backdrop-filter: blur(50px);
    background-color: #ffd52c;
    width: 19%;
    height: 0%;
  }
  h1.corporateAndTeamsYellowScreenUniversities {
    font-family: Nunito;
    font-size: 28px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.13;
    letter-spacing: 0.8px;
    text-align: center;
    color: #1a93f1;
    margin: 20px 0px 20px 0px;
  }
  img.GraterthenIMG1 {
    width: 12px;
  }
  .UniversitiesFirstPara1 {
    width: 92%;
    float: right;
  }
  .UniversitiesFirstPara1 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  img.GraterthenIMG2 {
    width: 12px;
  }
  .UniversitiesFirstPara2 {
    width: 92%;
    float: right;
  }
  .UniversitiesFirstPara2 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  img.GraterthenIMG3 {
    width: 12px;
  }
  .UniversitiesFirstPara3 {
    width: 92%;
    float: right;
  }
  .UniversitiesFirstPara3 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  .UniversitiesLastPara {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    margin: 0px 0px 12px 0px;
  }
  .UniversitiesLastPara .text-style-1 {
    color: #1a93f1;
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    text-decoration: underline;
    margin: 4px;
  }
  img.UnivercityIMG {
    position: relative;
    top: 0px;
    margin: -15px 0px 0px 0px;
    width: 300px;
  }
  .UnivercityMainImage {
    text-align: center;
    margin: 0 auto;
  }
  h1.Cant-find-us-h1 {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.84px;
    text-align: left;
    color: #222;
    float: left;
    width: 301px;
  }
  .FooterDivParent .Munch-Magic-All-Rights-Reserved p {
    font-family: Nunito;
    font-size: 10px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 35px 9px 0.2px 0px;
    width: 109px;
  }
  .Apple-Arcade {
    width: 155px;
    margin: 2px 0px 15px 0px;
    font-family: Nunito;
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.64; */
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    text-align: center;
  }
  h1.instagramImage {
    position: relative;
    top: -26px;
    left: -15px;
    text-align: center;
  }
  span.Corporate-and-Teams {
    position: relative;
    left: -25px;
    margin: 0px 0px 0px -3px;
  }
  span.FooterDiv-Meaningful-Donation {
    margin: 0px 0px 0px -2px;
  }
  span.Landlords-and-Buildings {
    margin: 0px 0px 0px -10px;
    position: relative;
    left: -17px;
  }
  span.Universities {
    position: relative;
    left: -26px;
  }
  span.NGOs {
    position: relative;
    left: -6px;
  }
  .HomeListDeta {
    width: 104%;
    overflow: auto;
    margin-left: 6px;
    margin-bottom: 18px;
  }
}
@media only screen and (max-width: 900px) {
}

.Active-Social-Media-Channels {
  width: 430px;
  height: 28px;
  margin: 20px 10.9px 8px 0px;
  font-family: Work Sans;
  font-size: 24px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
.ant-modal.csc-modal {
  width: 1000px;
}
.brandAmbassadorForm {
  margin: 12.8px 7px 13px 5px;
  font-family: Nunito;
  font-size: 64px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.38;
  letter-spacing: 0.64px;
  text-align: center;
  color: #1a93f1;
}
.Welcome-Were-so-excited-to-meet-you {
  margin: 0 75px 12px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.Join-a-growing-communityPara {
  margin: 12px 183px 0px 202px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.This-is-where-successesContentPara {
  margin: 12px 202px 20px 216px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
p.brandingPara1 {
  margin: 0px 5px 2px -12px;
  font-family: Nunito;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
p.brandingPara2 {
  margin: 0px 5px 2px -12px;
  font-family: Nunito;
  font-size: 18px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
.csc-modal .input-wrapper label {
  width: 806px;
  height: 21px;
  font-family: WorkSans;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  margin: 10px 0px 5px 0px;
  letter-spacing: 0.5px;
}
.csc-modal #activeSocialMediaSideBySide .input-wrapper label {
  width: 350px;
  height: 21px;
  font-family: WorkSans;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  letter-spacing: 0.5px;
}
.csc-modal .ant-modal-content {
  padding: 20px;
  border-radius: 25px;
}
.csc-modal .input-wrapper {
  position: relative;
  height: 93px;
}
.Instant-Messaging-App {
  width: 159px;
  margin: -22px 38.5px 0px 5px;
  font-family: WorkSans;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  float: left;
  letter-spacing: 0.5px;
}
.checkBoxDiv {
  margin: 28px 0px -25px 0px;
}
.signatureDiv {
  margin: 3px 0px 27px 0px;
}
.brandingSubmitButton button {
  float: right;
  margin: -12px 13px -4px 17px;
}
.brandigcancelBtn {
  float: right;
  margin: -24px 29px 0px 1px;
}
p.aboutSignaturePara {
  font-family: WorkSans;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  margin: 24px 0px 0px 0px;
}
label.doYouhavePreviousExperience {
  width: 700px;
  height: 21px;
  font-family: WorkSans;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  letter-spacing: 0.5px;
}
#DescriptionDiv label {
  margin: 0px 0px 31px 0px;
  letter-spacing: 0.5px;
}
div#checkDivYes .form-check {
  margin: 0px 0px 0px 0px;
  font-family: WorkSans;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  /* line-height: 1.17; */
  letter-spacing: normal;
  text-align: left;
  color: #222;
}
div#checkParentDiv {
  position: relative;
  top: -11px;
}
label.uploadInstaInsight {
  font-family: WorkSans;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  margin: 0px 0px 3px 0px;
  width: 250px;
}
input[type="file"] {
  margin: 2px 0px 9px 0px;
}
#countryIdDivParent .SingleSelect label {
  width: 860px;
  height: 21px;
  font-family: WorkSans;
  font-size: 15px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  letter-spacing: normal;
  text-align: left;
  color: #222;
  margin: 10px 0px 5px 0px;
  letter-spacing: 0.5px;
}
.csc-modal .SingleSelect.SingleSelect-wrapper {
  width: 439px;
}
#dateOfBirth input.ant-input {
  width: 439px;
  height: 35px;
}
.csc-modal .radio-wrapper label {
  font-family: 'WorkSans';
  font-size: 14px;
  line-height: 16px;
  letter-spacing: 0.5px;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.17;
  text-align: left;
  color: black;
  width: 530px;
  margin: 4px 0px 0px 0px;
}
.csc-modal .ant-radio-group.ant-radio-group-outline {
  display: grid;
  margin: 0px 0px 4px 0px;
}
.csc-modal .radio-wrapper .error_message {
  position: absolute;
  margin: 37px 0px 0px 0px;
}
.ant-calendar table,
.ant-calendar th,
.ant-calendar td {
  text-align: center;
  border: 0;
  width: 90px;
}
.ant-calendar-picker-clear,
.ant-calendar-picker-icon {
  width: 21px;
  margin-top: 10px;
  font-size: 12px;
  transition: all 0.3s;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
  left: -62px;
  font-size: 20px;
  top: -2px;
}
i.anticon.anticon-close-circle.ant-calendar-picker-clear {
  position: relative;
  left: -85px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .ant-modal.csc-modal {
    width: 340px;
    margin: 0 auto;
    overflow: auto;
  }
  .csc-modal .brandingPage .ant-modal-content {
    width: 550px;
    position: relative;
    left: 10px;
    background-color: white;
  }
  .csc-modal .radio-wrapper label {
    font-family: 'WorkSans';
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.5px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    text-align: left;
    color: black;
    width: 300px;
    margin: 4px 0px 0px 0px;
  }
  .Active-Social-Media-Channels {
    width: 290px;
    height: 0px;
    margin: -1px 0.9px 20px 0px;
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  label.SignatureLabel {
    width: 164px;
    height: 18px;
    color: '#000';
    font-family: 'WorkSans';
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.5px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    text-align: left;
    color: black;
    margin: 44px 0px 0px -13px;
  }
  #DescriptionDiv label {
    margin: 12px 0px 54px 0px;
    letter-spacing: 0.5px;
  }
  label.doYouhavePreviousExperience {
    width: 700px;
    height: 21px;
    font-family: WorkSans;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #222;
    letter-spacing: 0.5px;
    margin: 11px 0px 40px 0px;
  }
  input.SignatureFile {
    width: 285px;
    margin: 12px 0px 9px -13px;
  }
  p.aboutSignaturePara {
    font-family: WorkSans;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #222;
    margin: 18px 0px 0px -11px;
  }
  .Instant-Messaging-App {
    width: 159px;
    margin: -22px 38.5px -11px 5px;
    font-family: WorkSans;
    font-size: 15px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #222;
    float: left;
    letter-spacing: 0.5px;
  }
  img.brandigcancelBtnIMG {
    width: 20px;
    position: relative;
    left: 35px;
    top: -11px;
  }
  .csc-modal .radio-wrapper {
    display: block;
  }
  #dateOfBirth input.ant-input {
    width: -webkit-fill-available;
    height: 35px;
  }
  .csc-modal .SingleSelect.SingleSelect-wrapper {
    width: 270px;
  }
  .brandAmbassadorForm {
    margin: 12.8px 0px 13px 0px;
    font-family: Nunito;
    font-size: 26px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: 0.64px;
    text-align: center;
    color: #1a93f1;
  }
  .Welcome-Were-so-excited-to-meet-you {
    margin: 0 0px 3px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  .Join-a-growing-communityPara {
    margin: 1px 1px 0px 2px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  .This-is-where-successesContentPara {
    margin: 12px 2px 10px 1px;
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  p.brandingPara1 {
    margin: 0px 5px 2px -12px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
  }
  p.brandingPara2 {
    margin: 0px 5px 2px -12px;
    font-family: Nunito;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    width: 310px;
  }
  .csc-modal button.ant-modal-close {
    visibility: hidden;
  }
  #checkParentDiv input#flexCheckDefault {
    position: absolute;
  }
  #checkParentDiv label {
    width: 164px;
    color: '#000';
    font-family: 'WorkSans';
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0.5px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    text-align: left;
    color: black;
    position: relative;
    top: 3px;
  }
  input[type="file"] {
    margin: 31px 0px 9px 0px;
  }
  div#checkDivYes .form-check {
    margin: 0px 0px 0px 0px;
    font-family: WorkSans;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    /* line-height: 1.17; */
    letter-spacing: normal;
    text-align: left;
    color: #222;
  }
  .checkBoxDiv {
    margin: 9px 0px -25px -20px;
  }
  .brandingInp {
    margin: 0 auto;
    width: 100%;
  }
  .csc-modal .ant-modal-content {
    padding: 20px;
    border-radius: 20px;
  }
  .csc-modal .ant-modal-body {
    padding: 15px 20px 21px 25px;
    font-size: 14px;
    line-height: 1.5;
    word-wrap: break-word;
  }
  input.brandingImage {
    margin: 55px 0px 9px 0px;
  }
  #dateOfBirth svg {
    position: relative;
    float: right;
    overflow: auto;
    left: 280px;
    top: -35px;
    margin: 0px 0px 0 0px;
  }
  #dateOfBirth .ant-calendar-picker-clear,
  .ant-calendar-picker-icon {
    width: 21px;
    margin-top: 10px;
    font-size: 12px;
    transition: all 0.3s;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    position: relative;
    left: -62px;
    font-size: 20px;
    top: 35px;
    position: absolute;
  }
  div#dateOfBirth {
    margin: 0px 0px 8px 0px;
  }
}

.brandambassadorYellowScreen {
  width: 100%;
  background-color: #ffd52c;
}
.brandambassadorPage {
  background-color: #ffd52c;
}
.BrandAmbassadorTitle {
  font-family: Nunito;
  font-size: 80px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.8px;
  text-align: center;
  color: #1a93f1;
}
img.brandAmbassadorIMG {
  object-fit: contain;
  position: relative;
  left: 85px;
  top: -35px;
}
h1.brandAmbassadorIMGParentDiv {
  text-align: center;
}
h1.brandAmbassadorParentPara {
  text-align: center;
  margin: 60px 0px 0px 0px;
}
.brandAmbassadorPara p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.brandAmbassadorFirstPara p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.brandAmbassadorSecondPara p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.Is-the-vehicle-right-for-you {
  font-family: Nunito;
  font-size: 50px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 0.62;
  letter-spacing: normal;
  text-align: center;
  color: #1a93f1;
  margin: 35px 0px 0px 0px;
}
.brandingThreeMobileMainParentDiv {
  margin: 50px 0px 0px 0px;
}
.MunchMagicAimsTo {
  font-family: Nunito;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  text-align: left;
  color: #1a93f1;
}
.MunchMagicAimsArrow {
  width: 10px;
  float: left;
}
.MunchMagicAimsArrowContent {
  float: right;
  width: 95%;
}
.MunchMagicAimsArrowContent p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  position: relative;
  left: 10px;
  margin: 0px 25px 0px 0px;
}
h1.brandingThreeMobileParentDiv {
  text-align: center;
}
.SingleMobileParent {
  text-align: center;
  position: relative;
  top: 135px;
}
.ambassadorSingleMobleArrow {
  width: 20px;
  float: left;
}
.ambassadorSingleMobleArrowContent {
  width: 95%;
  float: right;
}
.ambassadorSingleMobleArrowContent p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  position: relative;
  left: 5px;
  margin: 0px 25px 0px 0px;
}
h1.ambassadorSingleMoble {
  text-align: center;
  position: relative;
  left: -51px;
}
.resolveHungerContenentParent {
  width: 100%;
  position: relative;
  top: 140px;
}
.resolveHungerContentMobileArrow {
  width: 20px;
  float: left;
}
.resolveHungerContentPara {
  width: 95%;
  float: right;
}
.resolveHungerContentPara p {
  margin: 0px 64px 0 18px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
}
h1.resolveHungerContenentImageDiv {
  text-align: center;
}
img.resolveHungerContenentIMG {
  object-fit: contain;
  box-shadow: 0 3px 6px 0 rgb(0 0 0%);
}
img.curatedOnlineShop {
  position: relative;
  left: 25px;
  object-fit: contain;
}
.curatedOnlineShopParent {
  position: relative;
  top: 127px;
}
.curatedOnlineShopArrow {
  width: 20px;
  float: left;
}
.curatedOnlineShopArrowContent {
  width: 93%;
  float: right;
}
.curatedOnlineShopArrowContent p {
  margin: px 45px 0px 26.6px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  line-height: 0px 0px 0px 0px;
  position: relative;
  top: -6px;
  margin: 0px 45px 0px 0px;
}
h1.brandingAllCheckBoxWithContentParent {
  margin: 20px 0px 0px 0px;
}
.checkedContentParentDiv1 {
  width: 100%;
  overflow: auto;
}
.checkedImgOne {
  float: left;
  width: 20px;
}
.checkedImgOneContentOne {
  float: right;
  width: 96%;
}
.checkedImgOneContentOne p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  line-height: 2;
  position: relative;
  top: -10px;
}
.checkedContentParentDiv2 {
  width: 100%;
  overflow: auto;
}
.checkedImgTwo {
  float: left;
  width: 20px;
}
.checkedImgOneContentTwo {
  float: right;
  width: 96%;
}
.checkedImgOneContentTwo p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.1;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  position: relative;
  top: -10px;
}
.checkedContentParentDiv3 {
  width: 100%;
  overflow: auto;
}
.checkedImgThree {
  float: left;
  width: 20px;
}
.checkedImgOneContentThree {
  float: right;
  width: 96%;
}
.checkedImgOneContentThree p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.1;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  position: relative;
  top: -10px;
}
.checkedContentParentDiv4 {
  width: 100%;
  overflow: auto;
}
.checkedImgFour {
  float: left;
  width: 20px;
}
.checkedImgOneContentFour {
  float: right;
  width: 96%;
}
.checkedImgOneContentFour p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.1;
  letter-spacing: normal;
  text-align: left;
  color: #000;
  position: relative;
  top: -10px;
}
.brandAmbassadorPinkScreen {
  padding: 28px 136px 32px 43px;
  background-color: #ff61bd;
  margin: 0 auto;
}
.pinkScreenContent p {
  font-family: Nunito;
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  left: 50px;
}
h1.brandAmbassadorPinkScreenButton button {
  width: 164px;
  height: 54px;
  padding: 5px 4px 6px;
  border-radius: 8px;
  background-color: #1a93f1;
  font-family: Nunito;
  font-size: 26px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  text-align: center;
  color: #fff;
  margin-left: 2px;
}
.brandAmbassadorBlueScreen {
  background-color: #1a93f1;
  width: 100%;
  height: 100%;
}
h1.WhatIsABrAndAmbassador {
  font-family: Nunito;
  font-size: 42px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.42px;
  text-align: center;
  color: #fff;
  margin: 25px 0px 12px 0px;
}
.brandAmbassadorAnswerParentDiv1 {
  width: 100%;
  overflow: auto;
  margin-bottom: 25px;
}
.brandAmbassadorAnswerArrow1 {
  float: left;
  width: 20px;
}
.brandAmbassadorAnswer1 {
  width: 95%;
  float: right;
}
.brandAmbassadorAnswer1 p {
  margin: -4px 131px 0 12.6px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.brandAmbassadorAnswerParentDiv2 {
  width: 100%;
  overflow: auto;
  margin-bottom: 25px;
}
.brandAmbassadorAnswerArrow2 {
  float: left;
  width: 20px;
}
.brandAmbassadorAnswer2 {
  width: 96%;
  float: right;
}
.brandAmbassadorAnswer2 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0px 127px 0px 19px;
}
.brandAmbassadorAnswerParentDiv3 {
  width: 100%;
  overflow: auto;
}
.brandAmbassadorAnswerArrow3 {
  float: left;
  width: 20px;
}
.brandAmbassadorAnswer3 {
  width: 96%;
  float: right;
}
.brandAmbassadorAnswer3 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0px 110px 0px 14px;
}
h1.whatIsBrandAImage {
  text-align: left;
  margin-left: -40px;
}
.brandAmbassadorPinkScreen2 {
  background-color: #ff61bd;
  width: 100%;
  height: 100%;
  padding: 21px 22px 16px 22px;
}
h1.brandAmbassadorPinkScreen2ParaOne p {
  font-family: Nunito;
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
h1.brandAmbassadorPinkScreen2ParaTwo p {
  margin: 15px 0px 0 0px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.brandAmbassadorBrownScreen {
  background-color: #cf9b50;
  width: 100%;
  height: 100%;
}
.munchMagicInvolvement {
  font-family: Nunito;
  font-size: 42px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.42px;
  text-align: center;
  color: #fff;
  margin: 31px 0px 0px 0px;
}
h1.munchMagicInvolvementPara p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.onTheGroundCampaigns {
  margin: 35px 0px 0px 0;
  font-family: Nunito;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 2.14;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
.onTheGroundCampaignsPara p {
  margin: 0px 0 0 5px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
h1.campaignImageDiv {
  text-align: right;
}
h1.socialMedia {
  font-family: Nunito;
  font-size: 40px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
h1.munchMagicInvolvementSocialMediaPara {
  text-align: center;
  margin: 27px 0px 0px 0px;
}
.munchMagicInvolvementSocialMediaPara p.para1 {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0px -8px 24px 0px;
}
.munchMagicInvolvementSocialMediaPara p.para2 {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0px -22px 0px 0px;
}
h1.socialMediaImageDiv {
  text-align: left;
  margin: -75px 0px 0px 0px;
}
.productTestingContentParentDiv {
  margin: 39px 0px 0px 0px;
}
h1.productTesting {
  font-family: Nunito;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
h1.productTestingPara {
  margin: 21px 0px 0px 0px;
}
.productTestingPara p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
}
h1.productDevelopmentImageDiv {
  text-align: center;
  position: relative;
  top: -70px;
}
h1.partnersImageDiv {
  text-align: left;
  position: relative;
  top: -65px;
}
img.partnersImage {
  width: 450px;
}
h1.restaurantPartners {
  font-family: Nunito;
  font-size: 42px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.24;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  margin: 0px 0px 23px 0px;
}
.restaurantPartnersRightArrowParentDiv1 {
  width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
.WhiteRightArrowImgOne {
  float: left;
  width: 20px;
}
.restaurantPartnersRightArrowContent1 {
  width: 93%;
  float: right;
}
.restaurantPartnersRightArrowContent1 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: -4px;
}
.restaurantPartnersRightArrowParentDiv2 {
  width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
img.WhiteRightArrowImgTwo {
  float: left;
  width: 20px;
}
.restaurantPartnersRightArrowContent2 {
  width: 93%;
  float: right;
}
.restaurantPartnersRightArrowContent2 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: -4px;
}
.restaurantPartnersRightArrowParentDiv3 {
  width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
img.WhiteRightArrowImgThree {
  float: left;
  width: 20px;
}
.restaurantPartnersRightArrowContent3 {
  width: 93%;
  float: right;
}
.restaurantPartnersRightArrowContent3 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: -4px;
}
.restaurantPartnersRightArrowParentDiv4 {
  width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
.WhiteRightArrowImgFour {
  float: left;
  width: 20px;
}
.restaurantPartnersRightArrowContent4 {
  width: 93%;
  float: right;
}
.restaurantPartnersRightArrowContent4 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: -4px;
}
.restaurantPartnersRightArrowParentDiv5 {
  width: 100%;
  overflow: auto;
  margin-bottom: 15px;
}
.WhiteRightArrowImgFive {
  float: left;
  width: 20px;
}
.restaurantPartnersRightArrowContent5 {
  width: 93%;
  float: right;
}
.restaurantPartnersRightArrowContent5 p {
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.55;
  letter-spacing: normal;
  text-align: left;
  color: #fff;
  position: relative;
  top: -4px;
}
.brandAmbassadorSmallBlueDiv {
  padding: 25px 113px 26px;
  border-radius: 12px;
  background-color: #1a93f1;
}
.brandAmbassadorSmallBlueDivPara1 p {
  font-family: Nunito;
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  line-height: 3;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.brandAmbassadorSmallBlueDivPara2 p {
  font-family: Nunito;
  font-size: 41px;
  font-style: normal;
  font-weight: bold;
  color: white;
  letter-spacing: normal;
  text-align: center;
}
.brandAmbassadorSmallBlueDivPara3 p {
  font-family: Nunito;
  font-size: 28px;
  font-weight: bold;
  font-stretch: normal;
  font-style: italic;
  line-height: 3;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
}
.SecondApplyButton button {
  padding: 12px 12px;
  border-radius: 4px;
  background-color: #1a93f1;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  width: 143px;
  height: 50px;
}
h1.SecondApplyButton {
  text-align: center;
  margin: 55px 0px 35px 0px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  .BrandAmbassadorTitle {
    font-family: Nunito;
    font-size: 30px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.8px;
    text-align: center;
    color: #1a93f1;
  }
  img.brandAmbassadorIMG {
    object-fit: contain;
    position: relative;
    left: 31px;
    top: -22px;
    width: 270px;
  }
  h1.brandAmbassadorParentPara {
    text-align: center;
    margin: 20px 0px 0px 0px;
  }
  .brandAmbassadorPara {
    width: 305px;
    margin: 0 auto;
  }
  .brandAmbassadorPara p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  .brandAmbassadorFirstPara {
    width: 305px;
    margin: 0 auto;
  }
  .brandAmbassadorFirstPara p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  .brandAmbassadorSecondPara p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: center;
    color: #000;
  }
  .brandAmbassadorSecondPara {
    width: 305px;
    margin: 0 auto;
  }
  .Is-the-vehicle-right-for-you {
    font-family: Nunito;
    font-size: 23px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.62;
    letter-spacing: normal;
    text-align: center;
    color: #1a93f1;
    margin: 15px 0px 0px 0px;
  }
  .MunchMagicAimsTo {
    font-family: Nunito;
    font-size: 21px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.5;
    letter-spacing: normal;
    text-align: left;
    color: #1a93f1;
    margin-bottom: 18px;
  }
  img.MunchMagicAimsBlackArrow {
    width: 14px;
  }
  .MunchMagicAimsArrowContent p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    position: relative;
    left: 10px;
    margin: 0px 0px 0px 0px;
    margin: 0 auto;
  }
  h1.brandingThreeMobileParentDiv {
    text-align: center;
    margin: 0 auto;
  }
  .brandingThreeMobileParentDiv img {
    width: 240px;
  }
  .brandingThreeMobileMainParentDiv {
    margin: 0px 0px 0px 0px;
  }
  h1.ambassadorSingleMoble {
    text-align: center;
    position: relative;
    left: -1px;
  }
  img.AmbassadorMobile {
    width: 100px;
    text-align: center;
  }
  .SingleMobileParent {
    margin: 0 auto;
    text-align: center;
    position: relative;
    top: 1px;
  }
  .ambassadorSingleMobleArrow {
    width: 14px;
    float: left;
  }
  .ambassadorSingleMobleArrowContent p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    position: relative;
    left: 10px;
  }
  .resolveHungerContenentParent {
    width: 100%;
    position: relative;
    top: 0px;
  }
  .resolveHungerContentMobileArrow {
    width: 14px;
    float: left;
  }
  .resolveHungerContentPara p {
    margin: 0px 0px 0 1px;
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    position: relative;
    left: 10px;
  }
  h1.curatedOnlineShopDiv {
    text-align: center;
  }
  img.curatedOnlineShop {
    position: relative;
    left: 1px;
    object-fit: contain;
    width: 221px;
  }
  .curatedOnlineShopParent {
    position: relative;
    top: 1px;
  }
  .curatedOnlineShopArrow {
    width: 14px;
    float: left;
  }
  .curatedOnlineShopArrowContent {
    width: 93%;
    float: right;
    text-align: center;
  }
  .curatedOnlineShopArrowContent p {
    margin: px 45px 0px 26.6px;
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    line-height: 0px 0px 0px 0px;
    position: relative;
    top: -6px;
    margin: 0px 1px 0px 0px;
    left: 10px;
  }
  .checkedContentParentDiv1 {
    width: 100%;
    margin-bottom: 0px;
    overflow: auto;
  }
  .checkedImgOne {
    float: left;
    width: 14px;
  }
  .checkedImgOneContentOne {
    float: right;
    width: 94%;
  }
  .checkedImgOneContentOne p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    position: relative;
    top: -8px;
    line-height: 2;
  }
  .checkedImgTwo {
    float: left;
    width: 14px;
  }
  .checkedImgOneContentTwo {
    float: right;
    width: 94%;
  }
  .checkedImgOneContentTwo p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    position: relative;
    top: -7px;
  }
  .checkedImgThree {
    float: left;
    width: 14px;
  }
  .checkedImgOneContentThree {
    float: right;
    width: 94%;
  }
  .checkedImgOneContentThree p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    position: relative;
    top: -7px;
  }
  .checkedImgFour {
    float: left;
    width: 14px;
  }
  .checkedImgOneContentFour {
    float: right;
    width: 94%;
  }
  .checkedImgOneContentFour p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #000;
    position: relative;
    top: -7px;
  }
  .brandAmbassadorPinkScreen {
    padding: 10px 5px 10px 5px;
    background-color: #ff61bd;
    margin: 0 auto;
  }
  .pinkScreenContent p {
    font-family: Nunito;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    left: 0px;
  }
  h1.brandAmbassadorPinkScreenButton button {
    width: 130px;
    height: 43px;
    padding: 5px 4px 6px;
    border-radius: 8px;
    background-color: #1a93f1;
    font-family: Nunito;
    font-size: 23px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.28px;
    text-align: center;
    color: #fff;
    margin-left: 1px;
  }
  h1.brandAmbassadorPinkScreenButton {
    text-align: center;
    position: relative;
    left: -7;
  }
  h1.WhatIsABrAndAmbassador {
    font-family: Nunito;
    font-size: 20px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.42px;
    text-align: center;
    color: #fff;
    margin: 25px 0px 12px 0px;
  }
  .brandAmbassadorAnswerArrow1 {
    float: left;
    width: 14px;
  }
  .brandAmbassadorAnswer1 p {
    margin: -2px 1px 0 12.6px;
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .brandAmbassadorAnswer2 p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: -4px 0px 0px 14px;
  }
  .brandAmbassadorAnswer2 {
    width: 95%;
    float: right;
  }
  .brandAmbassadorAnswerArrow2 {
    float: left;
    width: 14px;
  }
  .brandAmbassadorAnswerArrow3 {
    float: left;
    width: 14px;
  }
  .brandAmbassadorAnswer3 {
    width: 95%;
    float: right;
  }
  .brandAmbassadorAnswer3 p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: -2px 0px 0px 13px;
  }
  h1.whatIsBrandAImage {
    text-align: center;
  }
  img.socialMediaMarketing {
    width: 300px;
  }
  h1.brandAmbassadorPinkScreen2ParaOne p {
    font-family: Nunito;
    font-size: 16px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.35;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  h1.brandAmbassadorPinkScreen2ParaTwo p {
    margin: 11px 0px 0 0px;
    font-family: Nunito;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .munchMagicInvolvement {
    font-family: Nunito;
    font-size: 20px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.42px;
    text-align: center;
    color: #fff;
    margin: 27px 0px 0px 0px;
  }
  h1.munchMagicInvolvementPara p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .onTheGroundCampaigns {
    margin: 35px 0px 0px 0;
    font-family: Nunito;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .onTheGroundCampaigns {
    margin: 3px 0px 0px 0;
    font-family: Nunito;
    font-size: 20px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.14;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .onTheGroundCampaignsPara p {
    margin: 0px 1px 0px 0px;
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.6;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  h1.campaignImageDiv {
    text-align: center;
  }
  img.campaign {
    width: 300px;
  }
  .socialMediaParentDiv h1.socialMediaImageDiv {
    text-align: center;
    margin: -20px 0px 0px 0px;
  }
  img.socialMediaImages {
    width: 300px;
  }
  h1.socialMedia {
    font-family: Nunito;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  h1.socialMediaImageDiv {
    text-align: left;
    margin: -20px 0px 0px 0px;
  }
  .socialMediaParentDiv h1.munchMagicInvolvementSocialMediaPara {
    text-align: center;
    margin: 10px 0px 0px 0px;
  }
  .socialMediaParentDiv .munchMagicInvolvementSocialMediaPara p.para1 {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 0px 0px 10px 0px;
  }
  .socialMediaParentDiv .munchMagicInvolvementSocialMediaPara p.para2 {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  .productTestingContentParentDiv {
    margin: 1px 0px 0px 0px;
  }
  .productTestingPara p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  h1.productDevelopmentImageDiv {
    text-align: center;
    position: relative;
    top: -30px;
  }
  img.productDevelopmentImage {
    width: 284px;
    text-align: center;
    margin: 0 auto;
  }
  h1.productTesting {
    font-family: Nunito;
    font-size: 23px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
  }
  h1.productTestingPara {
    margin: 10px 0px 0px 0px;
  }
  h1.partnersImageDiv {
    text-align: center;
    position: relative;
    top: -10px;
  }
  img.partnersImage {
    width: 300px;
  }
  h1.restaurantPartners {
    font-family: Nunito;
    font-size: 22px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.24;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    margin: 0px 0px 15px 0px;
  }
  .WhiteRightArrowImgOne {
    float: left;
    width: 13px;
  }
  .restaurantPartnersRightArrowContent1 p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    top: -4px;
  }
  img.WhiteRightArrowImgTwo {
    float: left;
    width: 13px;
  }
  .restaurantPartnersRightArrowContent2 p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    top: -4px;
  }
  img.WhiteRightArrowImgThree {
    float: left;
    width: 13px;
  }
  .restaurantPartnersRightArrowContent3 p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    top: -4px;
  }
  .WhiteRightArrowImgFour {
    float: left;
    width: 13px;
  }
  .restaurantPartnersRightArrowContent4 p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    top: -4px;
  }
  .WhiteRightArrowImgFive {
    float: left;
    width: 13px;
  }
  .brandAmbassadorSmallBlueDiv {
    padding: 10px 10px 10px;
    border-radius: 12px;
    background-color: #1a93f1;
  }
  .restaurantPartnersRightArrowContent5 p {
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.55;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    position: relative;
    top: -4px;
  }
  .brandAmbassadorSmallBlueDivPara1 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: italic;
    line-height: 2;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  .brandAmbassadorSmallBlueDivPara2 p {
    font-family: Nunito;
    font-size: 23px;
    font-style: normal;
    font-weight: bold;
    color: white;
    letter-spacing: normal;
    text-align: center;
  }
  .brandAmbassadorSmallBlueDivPara3 p {
    font-family: Nunito;
    font-size: 14px;
    font-weight: bold;
    font-stretch: normal;
    font-style: italic;
    line-height: 2;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
  }
  h1.SecondApplyButton {
    text-align: center;
    margin: 30px 0px 24px 0px;
  }
  .SecondApplyButton button {
    padding: 9px 12px;
    border-radius: 4px;
    background-color: #1a93f1;
    font-family: Nunito;
    font-size: 15px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    width: 95px;
    height: 40px;
  }
}
@media only screen and (max-width: 900px) {
}

* {
  box-sizing: border-box;
  outline: none;
  padding: 0;
  margin: 0;
  scroll-behavior: smooth;
  font-family: 'Poppins', sans-serif;
}
*:focus {
  outline: none;
}
*::before,
*::after {
  box-sizing: border-box;
}
:root {
  font-size: 14px;
}
body {
  font-weight: 400;
  font-style: normal;
  padding: 0;
  margin: 0;
  overflow: auto;
  width: 100%;
  height: 100%;
  line-height: normal;
  word-spacing: normal;
  font-variant: inherit;
  font-family: 'Poppins', sans-serif;
  font-feature-settings: normal;
  background-color: #EEF1F5;
}
#root {
  width: 100%;
  height: 100% !important;
}
#outer-container {
  width: 100%;
  height: 100% !important;
}
p,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
a,
li,
form,
input,
button,
fieldset {
  margin: 0;
  padding: 0;
  border: none;
}
button {
  cursor: pointer;
}
@keyframes content-placeholder-animation {
  0% {
    transform: translateX(-50%);
  }
  100% {
    transform: translateX(300%);
  }
}
@keyframes lines-placeholder-animation {
  0% {
    left: -100%;
  }
  100% {
    left: -200%;
  }
}
.Toastify__toast-container--top-center {
  z-index: 999999;
  top: 0;
  width: 100%;
  margin: 0;
  left: 0;
  right: 0;
}
.flex {
  display: flex;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
.flex-column {
  display: flex;
  flex-direction: column;
}
.flex-left {
  display: flex;
  flex: 1;
}
.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.align-center {
  display: flex;
  align-items: center;
}
.space-between {
  display: flex;
  justify-content: space-between;
}
.lg-hide {
  display: none;
}
.sm-hide {
  display: block;
}
.sm-block {
  display: none;
}
@media only screen and (max-width: 756px) {
  .sm-hide {
    display: none;
  }
  .sm-block {
    display: block;
  }
  .lg-hide {
    display: block;
  }
}
button {
  border-radius: 6px;
  border: 1.5px solid #5964ff;
  height: 36px;
  min-width: 101px;
  margin-left: 10px;
  font-weight: 500 !important;
  transition: all 0.2s ease-in;
}
button[type="button"].primary {
  color: white;
  background-color: #5964ff;
}
button[type="button"].primary:hover {
  color: white;
  background-color: #5964ff;
}
button[type="reset"] {
  background-color: transparent !important;
}
button[type="button"] {
  color: #5964ff;
  background-color: transparent;
}
button[type="button"]:disabled {
  cursor: not-allowed;
}
button[type="submit"] {
  color: white;
  min-width: 101px;
  background: #5964ff;
}
button[type="button"].delete,
button[type="submit"].delete {
  background: red;
  color: white;
  border-color: red;
}
button.ant-switch {
  background: grey;
}
.ant-pagination {
  margin: 10px 0 20px !important;
  display: flex;
  justify-content: flex-end;
}
.ant-pagination-item-active {
  background: #5964ff;
  border: 1px solid #5964ff;
}
.ant-pagination-item-active a {
  color: white;
}
.ant-pagination-item {
  border: 1px solid transparent;
}
@media only screen and (max-width: 768px) {
  .ant-pagination li {
    min-width: 24px !important;
    width: 24px !important;
    height: 24px;
  }
  .ant-pagination li a {
    height: 24px !important;
    display: grid;
    place-items: center;
    font-size: 11px;
    line-height: 2.1;
  }
}
.ant-table-tbody tr > td {
  border-bottom: 1.5px solid #e2ebf6;
}
.ant-table-tbody img.more {
  width: 18px;
  height: 18px;
  cursor: pointer;
}
.ant-table-tbody button.table-view {
  padding: 0px 6px !important;
  min-width: 60px !important;
  height: 25px;
  font-size: 12px;
  background: transparent;
  border: 1px solid #1893f2;
  border-radius: 4px;
  color: #1893f2;
  transition: all 0.3s ease-in;
  margin: 0 !important;
}
.ant-table-tbody button.table-view:hover {
  background: #1893f2;
  color: white;
}
.ant-table-tbody .enabled {
  width: 8px;
  height: 8px;
  background-color: #15ce2d;
  border-radius: 4px;
  margin-right: 5px;
}
.ant-table-tbody .disabled {
  width: 8px;
  height: 8px;
  background-color: #d61031;
  border-radius: 4px;
  margin-right: 5px;
}
.ant-table-tbody .yellow {
  width: 8px;
  height: 8px;
  background-color: #e9ec0f;
  border-radius: 4px;
  margin-right: 5px;
}
.ant-table-tbody .table-tag {
  display: grid;
  place-items: center;
}
.ant-table-tbody .table-tag > div {
  min-width: 60px;
  border-radius: 4px;
  padding: 3px 6px;
  font-size: 14px;
}
.ant-table-tbody .table-tag .success {
  background: #09cc64;
  color: White;
}
.ant-table-tbody .table-tag .rejected {
  background: #df271a;
  color: White;
}
.ant-table-tbody .table-tag .effectiveHour {
  background: #ee0b0bd2;
  color: White;
}
.ant-table-tbody .table-tag .warning {
  background: #ffd665;
  color: #333333;
}
.ant-table-tbody .table-tag .pending {
  background: #c4c00f;
  color: white;
}
.ant-table-tbody .table-tag .lightGreen {
  background: #e2ebf6;
  color: #03a829;
}
.ant-table-tbody .table-tag .closed {
  background: #056399;
  color: white;
}
.ant-table-tbody .table-tag .lightYellow {
  background: #ffd6655e;
  color: #333333;
}
.ant-table-tbody .table-tag .availed {
  background: #24d7ff;
  color: white;
}
.ant-table-tbody .table-tag .cancelled {
  background: #f5990fbd;
  color: #ffffff;
}
.ant-table-footer {
  background: #fff;
}
.ant-table .ant-table-thead > tr > th,
.ant-table .ant-table-tbody > tr > td {
  padding: 14px  !important;
  overflow-wrap: break-word;
}
.table-filter-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 10px 15px;
}
.table-filter-header .left,
.table-filter-header .right {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.table-filter-header label {
  font-size: 13px;
  font-weight: 600;
  color: #26265d;
}
.table-filter-header__pageSize {
  display: flex;
  align-items: center;
}
.table-filter-header__pageSize .SingleSelect {
  margin: 0 8px;
  width: 80px;
}
.table-filter-header__pageSize .SingleSelect ._single-select__indicator-separator {
  display: none;
}
.table-filter-header__pageSize .SingleSelect ._single-select__clear-indicator {
  padding-right: 0;
  padding-left: 4px;
}
.table-filter-header__search {
  display: flex;
  align-items: center;
  margin-left: 25px;
}
.table-filter-header__search .input-wrapper {
  height: 38px;
  margin-left: 8px;
}
.table-filter-header__search .input-wrapper input {
  margin-top: 0px;
}
.table-filter-header .right button {
  padding: 10px 24px;
  background-color: #5964ff;
  border-radius: 6px;
  color: #fff;
  font-weight: 500;
  margin-left: 10px;
  font-size: 14px;
  line-height: 16px;
}
@keyframes fadeInFromTop {
  0% {
    transform: rotate(0) translateX(0) translateY(-10%);
    opacity: 0;
  }
  100% {
    transform: rotate(0) translateX(0) translateY(0%);
    opacity: 1 !important;
  }
}
.filter {
  background-color: #fafafa;
  padding: 25px 30px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0 0;
  border-radius: 8px;
}
.filter > div {
  flex-basis: 30%;
}
.filter .dashedBorder {
  padding: 20px;
  border: 1px dashed #8692ac;
  background-color: white;
  flex-direction: row;
  display: flex;
}
.filter h3 {
  font-size: 16px;
  font-weight: 600;
  margin: 10px 0 20px;
}
.filter .input.input-wrapper label {
  font-size: 12px;
  font-weight: 600;
  color: #26265d;
  margin-left: 2px;
}
.filter .input.input-wrapper input {
  border: 1px solid #c5cbde;
  margin-top: 6px !important;
}
.filter .InputTextArea.InputTextArea-wrapper label {
  font-size: 12px;
  font-weight: 600;
  color: #26265d;
  margin-left: 2px;
}
.filter .InputTextArea.InputTextArea-wrapper textarea {
  border-radius: 8px !important;
  border: 1px solid #c5cbde;
  margin-top: 6px !important;
}
.filter .inputDate.inputDate-wrapper label {
  font-size: 12px;
  font-weight: 600;
  color: #26265d;
  margin-left: 2px;
}
.filter .inputDate.inputDate-wrapper input {
  border: 1px solid #c5cbde;
  margin-top: 6px !important;
}
.filter .SingleSelect label {
  font-size: 12px;
  font-weight: 600;
  color: #26265d;
  margin-left: 2px;
}
.filter .SingleSelect ._single-select {
  margin-top: 6px !important;
}
.filter .SingleSelect ._single-select__control {
  border: 1px solid #c5cbde !important;
}
.filter .SingleSelect ._single-select__placeholder {
  color: #c3c8d0;
}
.filter-btns {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding-bottom: 5px;
  height: 70px;
}
.filter-btns button {
  border-radius: 6px;
  border: 1.5px solid #5964ff;
  height: 36px;
  margin-left: 10px;
  width: 110px;
}
.filter-btns button[type="reset"] {
  color: #5964ff;
  background-color: transparent;
}
.filter-btns button[type="submit"] {
  color: white;
  background: #5964ff;
}
.filter-btns button[type="button"].default {
  color: #5964ff;
  background: transparent;
}
.filter-btns button[type="button"].danger {
  color: white;
  background: #ff5151;
  border: 1.5px solid #ff5151;
}
.cs-modal-header {
  padding: 5px 10px;
  color: black;
  font-size: 20px;
  border-radius: 12px 12px 0 0;
  font-family: Nunito;
  font-size: 9px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.42px;
  text-align: center;
  color: #1a93f1;
  margin: 39px 0px 0px 0px;
}
.cs-modal button {
  width: 90%;
  margin: -3px 10px 25px 0;
  background-color: #1a93f1;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  letter-spacing: 0.2px;
  text-align: center;
  color: #fff;
}
.cs-modal .popupPara p {
  margin: 15px -18px 22px -11px;
  font-family: Nunito;
  font-size: 20px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.35;
  letter-spacing: normal;
  text-align: center;
  color: #000;
}
.cs-modal img.cancelBtnIMG {
  margin: -26px 0px 0px 498px;
}
.cs-modal-body {
  padding: 20px 50px 30px;
  background: white;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.cs-modal-body > div {
  flex-basis: 48%;
  margin-bottom: 15px;
}
.cs-modal-body .input-wrapper .password-eye {
  position: absolute;
  top: 30px;
  right: 10px;
  cursor: pointer;
}
.cs-modal-body .input.input-wrapper label {
  font-size: 12px;
  font-weight: 600;
  color: #26265d;
  margin-left: 39px;
  margin-top: 10px;
}
.cs-modal-body .input.input-wrapper input {
  border: 1px solid #c5cbde;
  margin-top: 6px !important;
  width: 455px;
  position: relative;
  height: 45px;
  left: 35px;
}
.cs-modal-body .SingleSelect label {
  font-size: 12px;
  font-weight: 600;
  color: #26265d;
  margin-left: 2px;
}
.cs-modal-body .SingleSelect ._single-select {
  margin-top: 6px !important;
}
.cs-modal-body .SingleSelect ._single-select__control {
  border: 1px solid #c5cbde !important;
}
.cs-modal-body .SingleSelect ._single-select__placeholder {
  color: #c3c8d0;
}
.cs-modal-body label {
  display: block;
  color: #26265d;
  font-size: 12px;
  font-weight: 600;
  margin-left: 2px;
}
.cs-modal-body .ant-switch {
  margin-top: 5px;
  min-width: 60px;
  height: 25px;
}
.cs-modal-body .ant-switch::after {
  top: 2px;
}
.cs-modal-body .ant-switch-checked {
  background-color: green !important;
}
.cs-modal-body .trash {
  width: 60px;
  height: 60px;
}
.cs-modal-body.oneThird > div {
  flex-basis: 65%;
}
.cs-modal-footer {
  border-radius: 0 0 12px 12px;
  padding: 22px 50px;
  border-top: 1px solid #c5cbde;
  background-color: white;
  border: none;
}
.cs-modal-footer__btns {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.cs-modal .ant-modal-content {
  background: none;
  background-repeat: no-repeat;
  width: 1106px;
  position: relative;
  left: -229px;
  box-shadow: none;
}
.cs-modal .ant-modal-close {
  display: none;
}
.cs-modal .ant-modal-body {
  padding: 0;
  border-radius: 12px;
  width: 55%;
  margin-left: 200px;
}
.ant-popover-inner-content ul {
  list-style: none;
}
.ant-popover-inner {
  padding: 0;
}
.ant-popover-placement-top .ant-popover-inner {
  padding: 6px 15px !important;
}
.ant-notification-notice.ant-notification-notice-closable {
  border-radius: 7.5px !important;
  background-color: #09cc64 !important;
  color: white !important;
}
.ant-notification-notice-message {
  color: white !important;
}
.ant-notification-notice-message .ant-notification-notice-icon-success svg path {
  fill: white;
}
h5.signUpTitle {
  width: 592px;
  height: 52px;
  margin: 9px 0px 13px -11px;
  font-family: Nunito;
  font-size: 40px;
  font-weight: 900;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.36;
  letter-spacing: 0.42px;
  text-align: center;
  color: #1a93f1;
}
.cs-modal img.cancelBtnIMG {
  margin: 15px 0px 0px 498px;
}
@media only screen and (max-width: 768px) {
  /* For mobile phones: */
  [class*="col-"] {
    width: 100%;
  }
  h5.signUpTitle {
    width: 250px;
    margin: 0px 0px 3px 0px;
    font-family: Nunito;
    font-size: 40px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.42px;
    color: #1a93f1;
    font-size: 27px;
    text-align: center;
    position: relative;
    left: 48px;
  }
  .cs-modal-body .input.input-wrapper input {
    border: 1px solid #c5cbde;
    width: 237px;
    position: relative;
    height: 32px;
    left: -4px;
  }
  .cs-modal .ant-modal-content {
    background: none;
    background-repeat: no-repeat;
    width: 340px;
    position: relative;
    left: 4px;
    box-shadow: none;
    margin: 0 auto;
  }
  .cs-modal .ant-modal-body {
    padding: 0;
    border-radius: 12px;
    width: 100%;
    margin-left: 0px;
    margin: 0 auto;
    /* text-align: center; */
  }
  .cs-modal img.cancelBtnIMG {
    margin: 15px 0px 0px 275px;
  }
  .cs-modal-body .input.input-wrapper label {
    font-size: 12px;
    font-weight: 600;
    color: #26265d;
    margin-left: 0px;
    margin-top: 0px 0px 0 0px;
    margin: 0px 0px -9px 0px;
  }
  .cs-modal-body {
    padding: 20px 50px 10px;
    background: white;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
  }
  .cs-modal-footer {
    border-radius: 0 0 12px 12px;
    padding: 0px 27px;
    border-top: 1px solid #c5cbde;
    background-color: white;
    border: none;
  }
  .cs-modal-header {
    padding: 5px 10px;
    color: black;
    font-size: 20px;
    border-radius: 12px 12px 0 0;
    font-family: Nunito;
    font-size: 9px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: 0.42px;
    text-align: center;
    color: #1a93f1;
    margin: 30px 0px 0px 0px;
  }
  .cs-modal .input.input-wrapper {
    margin: 21px 0px -4px 0px;
  }
  .cs-modal .error_message {
    color: red;
    margin: 0px 0px 0px -2px;
  }
  .cs-modal button {
    width: 83%;
    margin: 26px 29px 20px 0;
    background-color: #1a93f1;
    font-family: Nunito;
    font-size: 20px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: 0.2px;
    text-align: center;
    color: #fff;
  }
}
@media only screen and (max-width: 900px) {
}
@font-face {
  font-family: 'WorkSans';
  src: url(./assets/fonts/WorkSans-Light.ttf) format('ttf'), url(./assets/fonts/WorkSans-Light.ttf);
  font-style: normal;
  font-weight: 500;
}
@font-face {
  font-family: 'Nunito';
  src: url(./assets/fonts/Nunito-Regular.ttf) format('ttf'), url(./assets/fonts/Nunito-Regular.ttf);
  font-style: normal;
  font-weight: 500;
}