.header {
  background-color: #f5f5dc;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.header .div {
  overflow-x: hidden;
  width: 1600px;
  position: relative;
}

.header .overlap-group {
  position: relative;
  width: 1230px;
  height: 85px;
  top: 0px;
  left: 460px;
}

.header .menu-wrapper {
  position: absolute;
  width: 1035px;
  height: 93px;
  top: 0px;
  left: 195px;
  background-color: #f5f5dc;
}

.header .menu {
  position: relative;
  width: 150px;
  height: 32px;
  top: 40px;
  left: 758px;
}

.header .original-logo {
  position: absolute;
  width: 550px;
  height: 39px;
  top: 32px;
  left: 0;
}

.header .cuisine {
  position: absolute;
  top: -25px;
  left: 124px;
  font-family: "Porter Sans Block", sans-serif;
  font-weight: 400;
  color: #18191a;
  font-size: 42.7px;
  letter-spacing: -0.4px;
  line-height: 29.3px;
  white-space: nowrap;
}

.header .home-button {
  display: inline-flex;
  height: 50px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 4px 16px;
  position: absolute;
  top: 50px;
  left: 232px;
  background-color: #ba3f38;
  border-radius: 34px;
  box-sizing: border-box;
}

.header .text-wrapper {
  position: relative;
  width: fit-content;
  font-family: "Porter Sans Block", sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 24px;
}

.header .about-button {
  position: absolute;
  width: 236px;
  height: 45px;
  top: 50px;
  align-items: center;
  justify-content: center;
  left: 619px;
  background-color: #ba3f38;
  border-radius: 34px;
  display: inline-flex;
  align-items: center;
}

.header .text-wrapper-2 {
  position: absolute;
  top: 12px;
  left: 12px;
  -webkit-text-stroke: 1px transparent;
  font-family: "Porter Sans Block", sans-serif;
  color: #ffffff;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 24px;
}

.header .stores-button {
  position: relative;
  width: 240px;
  height: 50px;
  top: -35px;
  align-items: center;
  justify-content: center;
  left: 1044px;
  background-color: #ba3f38;
  border-radius: 34px;
  display: inline-flex;
}

.header .stores {
  position: relative;
  width: 240px;
  top: 0px;
  left: -80px;
  right: 70px;
  font-family: "Porter Sans Block", sans-serif;
  font-weight: 400;
  color: #ffffff;
  font-size: 36px;
  letter-spacing: 0;
  line-height: 24px;
}

.about {
  background-color: #f5f5dc;
  display: flex;
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.about .div {
  background-color: #f5f5dc;
  overflow: hidden;
  width: 1560px;
  height: 1428px;
  position: relative;
}

.about .testimonial {
  position: absolute;
  width: 626px;
  height: 61px;
  top: 2923px;
  left: 152px;
}

.about .content {
  flex-direction: column;
  gap: 64px;
  position: relative;
  display: inline-flex;
  align-items: center;
}

.about .title {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
  flex: auto;
}

.about .overlap {
  position: absolute;
  width: 1580px;
  height: 1327px;
  top: 101px;
  left: -20px;
}

.about .bg {
  position: absolute;
  width: 1031px;
  height: 1327px;
  top: 0;
  left: 549px;
}

.about .div-2 {
  position: absolute;
  width: 1580px;
  height: 742px;
  top: 160px;
  left: 0;
  background-color: #f5f5dc;
}

.about .overlap-group {
  position: absolute;
  width: 1562px;
  height: 742px;
  top: 24px;
  left: 18px;
}

.about .text-wrapper {
  gap: 90px;
  position: absolute;
  top: 35px;
  left: 86px;
  display: inline-flex;
  align-items: center;
}

.about .text {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  flex: 0 0 auto;
}

.about .title-2 {
  position: relative;
  flex: auto;
}

.about .about-text-box {
  position: absolute;
  width: 1562px;
  height: 608px;
  top: 134px;
  left: 0;
  background-color: #ece1da;
}

.about .this-website-is {
  position: absolute;
  width: 1520px;
  top: 133px;
  left: 12px;
  font-family: "Porter Sans Block", sans-serif;
  font-weight: 400;
  color: #000000;
  font-size: 33px;
  letter-spacing: 16px;
  line-height: 60.5px;
}

.about .text-wrapper-2 {
  position: absolute;
  width: 500px;
  top: 0;
  left: 522px;
  font-family: "Porter Sans Block", sans-serif;
  font-weight: 400;
  color: #000000;
  font-size: 82px;
  letter-spacing: 0;
  line-height: 60.5px;
  white-space: nowrap;
}

.about .cornucopia {
  position: absolute;
  width: 608px;
  height: 375px;
  top: 780px;
  left: 942px;
  object-fit: cover;
}

.about .dragonfruit {
  position: absolute;
  width: 592px;
  height: 376px;
  top: 938px;
  left: 30px;
  object-fit: cover;
}

.homepage {
    background-color: #f5f5dc;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }
  
  .homepage .div {
    background-color: #f5f5dc;
    overflow: hidden;
    width: 1582px;
    height: 5583px;
    position: relative;
  }
  
  .homepage .overlap {
    position: absolute;
    width: 1614px;
    height: 1367px;
    top: 0;
    left: -46px;
  }
  
  .homepage .overlap-group {
    position: absolute;
    width: 1614px;
    height: 1194px;
    top: 0;
    left: 0;
  }
  
  .homepage .hero {
    position: absolute;
    width: 1482px;
    height: 896px;
    top: 0;
    left: 46px;
  }
  
  .homepage .grow-your-life-style {
    position: absolute;
    width: 1614px;
    top: 266px;
    left: 0;
    font-family: "Porter Sans Block", sans-serif;
    font-weight: 400;
    color: #18191a;
    font-size: 100px;
    text-align: center;
    letter-spacing: 0;
    line-height: 96px;
  }
  
  .homepage .get-started {
    display: flex;
    width: 403px;
    height: 108px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px 32px;
    position: absolute;
    top: 620px;
    left: 606px;
    background-color: #ba3f38;
    border-radius: 118px;
  }
  
  .homepage .get-started-now {
    position: relative;
    width: fit-content;
    margin-left: -10px;
    margin-right: -10px;
    font-family: "Porter Sans Block", sans-serif;
    font-weight: 400;
    color: var(--neutral-01);
    font-size: 32px;
    text-align: right;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
  }
  
  .homepage .text-wrapper {
    font-family: "Porter Sans Block", sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 32px;
    letter-spacing: 0;
    line-height: 24px;
  }
  
  .homepage .span {
    font-family: "Porter Sans Block", sans-serif;
  }
  
  .homepage .diy-honeybaked-ham {
    position: absolute;
    width: 693px;
    height: 398px;
    top: 796px;
    left: 63px;
    object-fit: cover;
  }
  
  .homepage .vegetables {
    position: absolute;
    width: 627px;
    height: 402px;
    top: 965px;
    left: 987px;
    object-fit: cover;
  }
  
  .homepage .calc-button {
    position: absolute;
    width: 754px;
    height: 80px;
    top: 5249px;
    left: 397px;
  }
  
  .homepage .overlap-group-2 {
    position: relative;
    width: 800px;
    height: 101px;
    left: 8px;
  }
  
  .homepage .img {
    position: absolute;
    width: 800px;
    height: 80px;
    top: 0;
    left: 0;
  }
  
  .homepage .text-wrapper-2 {
    position: absolute;
    width: 784px;
    top: 11px;
    left: 16px;
    font-family: "Porter Sans Block", sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 64px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .homepage .costco-rec {
    height: 280px;
    top: 3899px;
    left: 85px;
    background-color: #ffffff;
    border-radius: 34px;
    position: absolute;
    width: 344px;
  }
  
  .homepage .costco {
    height: 123px;
    top: 66px;
    left: 0;
    object-fit: cover;
    position: absolute;
    width: 344px;
  }
  
  .homepage .food-lion-rec {
    position: absolute;
    width: 344px;
    height: 280px;
    top: 4513px;
    left: 601px;
    background-color: #ffffff;
    border-radius: 34px;
  }
  
  .homepage .foodlion {
    position: absolute;
    width: 267px;
    height: 259px;
    top: 10px;
    left: 40px;
    object-fit: cover;
  }
  
  .homepage .trader-joes-rec {
    position: absolute;
    width: 344px;
    height: 280px;
    top: 3899px;
    left: 1127px;
    background-color: #ffffff;
    border-radius: 34px;
  }
  
  .homepage .traderjoes {
    position: absolute;
    width: 237px;
    height: 244px;
    top: 18px;
    left: 54px;
    object-fit: cover;
  }
  
  .homepage .kroger-rec {
    position: absolute;
    width: 344px;
    height: 280px;
    top: 4215px;
    left: 1127px;
    background-color: #ffffff;
    border-radius: 34px;
  }
  
  .homepage .kroger {
    position: absolute;
    width: 277px;
    height: 277px;
    top: 0;
    left: 34px;
    object-fit: cover;
  }
  
  .homepage .ebay-rec {
    position: absolute;
    width: 344px;
    height: 280px;
    top: 4215px;
    left: 85px;
    background-color: #ffffff;
    border-radius: 34px;
  }
  
  .homepage .ebay {
    position: absolute;
    width: 335px;
    height: 102px;
    top: 89px;
    left: 9px;
    object-fit: cover;
  }
  
  .homepage .sams-club-rec {
    position: absolute;
    width: 344px;
    height: 280px;
    top: 3887px;
    left: 596px;
    background-color: #ffffff;
    border-radius: 34px;
  }
  
  .homepage .samsclub {
    position: absolute;
    width: 239px;
    height: 237px;
    top: 19px;
    left: 54px;
    object-fit: cover;
  }
  
  .homepage .amazon-rec {
    position: absolute;
    width: 378px;
    height: 280px;
    top: 4215px;
    left: 585px;
    background-color: #ffffff;
    border-radius: 34px;
  }
  
  .homepage .amazon {
    position: absolute;
    width: 344px;
    height: 103px;
    top: 78px;
    left: 16px;
    object-fit: cover;
  }
  
  .homepage .p {
    position: relative;
    width: 1567px;
    top: 3722px;
    left: -100px;
    font-family: "Porter Sans Block", sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 48px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .homepage .text-wrapper-3 {
    position: absolute;
    width: 1327px;
    top: 4980px;
    left: 70px;
    font-family: "Porter Sans Block", sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 56px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .homepage .laptops {
    position: absolute;
    width: 744px;
    height: 440px;
    top: 1367px;
    left: 17px;
    object-fit: cover;
  }
  .finder {
    background-color: #f5f5dc;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
  }
  
  .finder .div {
    background-color: #f5f5dc;
    width: 1857px;
    height: 3497px;
    position: relative;
  }
  
  .finder .search-bar {
    position: absolute;
    width: 504px;
    height: 52px;
    top: 326px;
    left: 50%;
  }
  
  .finder .overlap-group {
    position: relative;
    width: 948px;
    height: 52px;
    top: -4px;
    background-image: url(./img/search-bar.png);
    background-size: 100% 100%;
  }
  
  .finder .search-bar-text {
    position: absolute;
    width: 275px;
    top: 7px;
    left: 0;
    font-family: "Porter Sans Block", sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 38px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
  }
  
  .finder .overlap {
    position: absolute;
    width: 1356px;
    height: 132px;
    top: 44px;
    left: 275px;
  }
  
  .finder .text {
    position: absolute;
    width: 922px;
    top: 0;
    left: 130px;
    font-family: "Porter Sans Block", sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 38px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .finder .what-are-we-looking {
    position: absolute;
    width: 1356px;
    top: 40px;
    left: 0;
    font-family: "Porter Sans Block", sans-serif;
    font-weight: 400;
    color: #000000;
    font-size: 64px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }
  
  .finder .results {
    position: absolute;
    width: 80%;
    height: 50%;
    top: 537px;
    left: 147px;
    background-color: #dfdfdf;
  }