body {
  margin: 0;
  line-height: normal;
}
.mask-group-icon {
  width: 81.24px;
  height: 32px;
  flex-shrink: 0;
  object-fit: cover;
}
.categories,
.mask-group-icon {
  position: relative;
}
.categories-parent,
.mask-group-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-2xl);
}
.mask-group-parent {
  align-items: center;
  gap: var(--gap-3xl);
}
.search-here {
  position: relative;
  opacity: 0.5;
}
.iconlylightsearch {
  position: relative;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.search-here-parent {
  border-radius: 18px;
  background-color: var(--white);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  width: 320px;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}
.iconlyboldlocation {
  position: relative;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.iconlyboldlocation-parent {
  justify-content: flex-start;
  gap: var(--gap-4xs);
  color: var(--black1);
}
.frame-group,
.frame-parent,
.iconlyboldlocation-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.frame-group {
  justify-content: flex-start;
  gap: var(--gap-2xl);
  color: var(--gray-3);
}
.frame-parent {
  position: absolute;
  top: 0;
  left: 0;
  background-color: var(--white);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.08);
  width: 1440px;
  height: 64px;
  padding: var(--padding-xl) var(--padding-5xl);
  box-sizing: border-box;
  justify-content: space-between;
}
.frame-item,
.group-child {
  border-radius: var(--br-3xl);
}
.frame-item {
  position: relative;
  background-color: var(--gray-6);
  width: 1180px;
  height: 480px;
  flex-shrink: 0;
}
.group-child {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: var(--white);
  border: 1px solid var(--gray-5);
  box-sizing: border-box;
}
.headline-text-to {
  position: relative;
  line-height: 120%;
  font-weight: 600;
  display: inline-block;
  width: 557px;
}
.sub-text-to-come {
  margin-block-start: 0;
  margin-block-end: 0;
}
.lorem-ipsum {
  margin: 0;
}
.sub-text-to-come-container {
  position: relative;
  font-size: var(--font-size-2xl);
  line-height: 125%;
  font-weight: 500;
  color: var(--gray-4);
  display: inline-block;
  width: 557px;
}
.headline-text-to-come-here-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.instance-child {
  position: relative;
  width: 147.54px;
  height: 35.21px;
  flex-shrink: 0;
}
.group-wrapper {
  border-radius: var(--br-xl);
  background-color: var(--tiles-bg);
  border: 0.9px solid var(--gray-3);
  box-sizing: border-box;
  width: 193.66px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: var(--padding-lg) var(--padding-2xl);
  align-items: center;
  justify-content: center;
}
.instance-item {
  position: relative;
  width: 151.43px;
  height: 35.21px;
  flex-shrink: 0;
}
.instance-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-lg);
}
.frame-div {
  position: absolute;
  top: 10px;
  left: 0;
  width: 557px;
  height: 380px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.frame-inner {
  position: relative;
  width: 163.87px;
  height: 163.14px;
  flex-shrink: 0;
  opacity: 0.25;
}
.group-frame {
  position: absolute;
  height: 100%;
  width: 40.52%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 59.48%;
  border-radius: 14.47px;
  background-color: var(--white);
  border: 0.9px solid var(--gray-5);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: 14.466666221618652px 28.933332443237305px;
  align-items: center;
  justify-content: center;
}
.group-div {
  position: absolute;
  top: 40px;
  left: 54px;
  width: 1071px;
  height: 400px;
}
.rectangle-group {
  position: relative;
  width: 1180px;
  height: 480px;
  flex-shrink: 0;
}
.rectangle-parent {
  width: 1440px;
  height: 480px;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-2xl);
  text-align: left;
  font-size: 48px;
  color: var(--color-cadetblue-100);
}
.shop-by-category {
  position: relative;
  line-height: 125%;
  font-weight: 600;
}
.group-item {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-lg);
  background-color: var(--background);
  width: 120px;
  height: 120px;
}
.upto-57-off {
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.upto-57-off-wrapper {
  position: absolute;
  bottom: 0;
  left: 0.25px;
  border-radius: 0 0 var(--br-lg) var(--br-lg);
  background-color: var(--color-salmon);
  width: 120px;
  display: flex;
  flex-direction: row;
  padding: var(--padding-6xs) var(--padding-xs);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.veg-snacks4x-1 {
  position: absolute;
  top: 8px;
  left: 31px;
  width: 58px;
  height: 80px;
  object-fit: cover;
}
.rectangle-container {
  position: relative;
  width: 120.25px;
  height: 120px;
  flex-shrink: 0;
}
.veg-snacks {
  position: relative;
  font-size: var(--font-size-lg);
  line-height: 125%;
  font-weight: 500;
  color: var(--black1);
}
.group-parent {
  width: 160px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-4xs);
}
.breakfast-collection-1 {
  position: absolute;
  top: 8px;
  left: 19.06px;
  width: 82.21px;
  height: 80px;
  object-fit: cover;
}
.upto-57-off-container {
  position: absolute;
  bottom: 0;
  left: 0.13px;
  border-radius: 0 0 var(--br-lg) var(--br-lg);
  background-color: var(--color-salmon);
  width: 120px;
  display: flex;
  flex-direction: row;
  padding: var(--padding-6xs) var(--padding-xs);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.rectangle-parent1 {
  position: relative;
  width: 120.13px;
  height: 120px;
  flex-shrink: 0;
}
.veg-kebab-icon {
  position: absolute;
  top: 8px;
  left: 18.03px;
  width: 84px;
  height: 84px;
  object-fit: cover;
}
.upto-57-off-frame {
  position: absolute;
  bottom: 0;
  left: 0.06px;
  border-radius: 0 0 var(--br-lg) var(--br-lg);
  background-color: var(--color-salmon);
  width: 120px;
  display: flex;
  flex-direction: row;
  padding: var(--padding-6xs) var(--padding-xs);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.rectangle-parent2 {
  position: relative;
  width: 120.06px;
  height: 120px;
  flex-shrink: 0;
}
.non-veg-kebab-1,
.plant-based-1 {
  position: absolute;
  top: 8px;
  left: 27.06px;
  width: 66.49px;
  height: 80px;
  object-fit: cover;
}
.non-veg-kebab-1 {
  top: 19px;
  left: 22.06px;
  width: 77px;
  height: 64px;
}
.breads-icon,
.fruits-and-veggies-1,
.momos-1-icon {
  position: absolute;
  top: 8px;
  left: 6.06px;
  width: 108px;
  height: 86px;
  object-fit: cover;
}
.fruits-and-veggies-1,
.momos-1-icon {
  left: 20.06px;
  width: 80px;
  height: 80px;
}
.momos-1-icon {
  top: 11px;
  height: 74px;
}
.do-it-yourself-1,
.easy-food-1,
.non-veg-snacks-1 {
  position: absolute;
  top: 14px;
  left: 21.06px;
  width: 79px;
  height: 68px;
  object-fit: cover;
}
.do-it-yourself-1,
.easy-food-1 {
  top: 8px;
  left: 15.06px;
  width: 90.12px;
  height: 80px;
}
.do-it-yourself-1 {
  top: 19px;
  left: 14.06px;
  width: 91.43px;
  height: 64px;
}
.desserts-1-icon,
.ice-cream-1,
.ice-cream-cake-1,
.meat-1-icon {
  position: absolute;
  top: 8px;
  left: 27.06px;
  width: 66.99px;
  height: 80px;
  object-fit: cover;
}
.desserts-1-icon,
.ice-cream-cake-1,
.meat-1-icon {
  left: 26.03px;
  width: 67.32px;
}
.desserts-1-icon,
.meat-1-icon {
  left: 17.03px;
  width: 85.94px;
}
.desserts-1-icon {
  left: 18.03px;
  width: 83.18px;
}
.frame-parent1,
.shop-by-category-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-2xl);
}
.frame-parent1 {
  font-size: var(--font-size-sm);
  color: var(--white);
}
.shop-by-category-parent {
  width: 1180px;
}
.vector-icon,
.vector-icon1 {
  position: absolute;
  height: 21.68%;
  width: 30.93%;
  top: 78.32%;
  right: 68.06%;
  bottom: 0;
  left: 1.02%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.vector-icon1 {
  height: 79.92%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 20.08%;
  left: 0;
}
.upto-50-off {
  position: relative;
  line-height: 115%;
}
.upto-50-off-wrapper {
  position: absolute;
  height: 20.15%;
  width: 40.67%;
  top: 49.7%;
  right: 54.85%;
  bottom: 30.15%;
  left: 4.48%;
  border-radius: var(--br-xs);
  background-color: var(--white);
  border: 1px solid var(--white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-xl);
  align-items: center;
  justify-content: center;
}
.image-2-icon {
  position: absolute;
  height: 40.97%;
  width: 26.49%;
  top: 5.37%;
  right: 69.03%;
  bottom: 53.66%;
  left: 4.48%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.bg,
.div,
.mask-group-icon1 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.div,
.mask-group-icon1 {
  height: 99.93%;
  bottom: 0.07%;
}
.mask-group-icon1 {
  height: 79.19%;
  width: 53.36%;
  right: -0.19%;
  bottom: 20.81%;
  left: 46.83%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.asset-1-5 {
  position: relative;
  width: 268px;
  height: 149px;
  flex-shrink: 0;
}
.veg-snacks1 {
  position: absolute;
  top: 12.09%;
  left: 4.48%;
  line-height: 100%;
}
.upto-50-off-wrapper1 {
  position: absolute;
  height: 20.15%;
  width: 40.67%;
  top: 49.7%;
  right: 54.85%;
  bottom: 30.15%;
  left: 4.48%;
  border-radius: var(--br-xs);
  background-color: var(--white);
  border: 1px solid var(--white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-xl);
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-sm);
  color: var(--black1);
 /* font-family: var(--font-inter);*/
}
.asset-1-6 {
  position: relative;
  width: 268px;
  height: 149px;
  flex-shrink: 0;
  font-size: var(--font-size-2xl);
  color: var(--white);
  /*font-family: var(--font-jost);*/
}
.asset-1-5-parent,
.supersavers-at-frogo-parent {
  width: 1180px;
  display: flex;
  align-items: flex-start;
}
.asset-1-5-parent {
  flex-direction: row;
  justify-content: space-between;
  text-align: left;
  font-size: var(--font-size-sm);
 /* font-family: var(--font-inter);*/
}
.supersavers-at-frogo-parent {
  flex-direction: column;
  justify-content: flex-start;
  gap: var(--gap-md);
}
.view-all {
  position: relative;
  font-size: var(--font-size-lg);
  line-height: 125%;
  font-weight: 600;
  color: var(--color-cadetblue-100);
  text-align: right;
}
.bestsellers-parent {
  width: 1180px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.iconlybulkarrow-right-circ,
.image-icon {
  position: relative;
  width: 41.33px;
  height: 44.67px;
  flex-shrink: 0;
}
.image-icon {
  border-radius: var(--br-sm);
  width: 200px;
  height: 200px;
  overflow: hidden;
  z-index: 0;
}
.brand-name-here,
.product-name-to {
  position: relative;
  font-size: var(--font-size-base);
  line-height: 115%;
  z-index: 1;
}
.product-name-to {
  align-self: stretch;
  font-size: var(--font-size-lg);
  font-weight: 500;
  color: var(--black1);
  z-index: 2;
}
.only-2-left-wrapper {
  border-radius: var(--br-xs);
  background-color: var(--color-snow);
  display: flex;
  flex-direction: row;
  padding: var(--padding-6xs) var(--padding-xs);
  align-items: flex-start;
  justify-content: flex-start;
  font-size: var(--font-size-xs);
  color: var(--color-salmon);
}
.weight-info-here-parent {
  width: 200px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.div8 {
  position: relative;
  text-decoration: line-through;
  line-height: 115%;
}
.span,
.span1 {
  font-weight: 600;
}
.span1 {
 /* font-family: var(--font-jost);*/
}
.div9 {
  position: relative;
  font-size: var(--font-size-base);
  line-height: 115%;
  color: var(--black1);
  /*font-family: var(--font-inter);*/
}
.parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-5xs);
}
.add-wrapper,
.frame-parent8 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.add-wrapper {
  border-radius: var(--br-xs);
  background-color: var(--color-cadetblue-100);
  border: 1px solid var(--color-cadetblue-100);
  padding: var(--padding-3xs) var(--padding-xl);
  justify-content: center;
  font-size: var(--font-size-sm);
  color: var(--white);
  /*font-family: var(--font-inter);*/
}
.frame-parent8 {
  width: 200px;
  justify-content: space-between;
  font-size: var(--font-size-xs);
}
.frame-parent7 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
  z-index: 3;
  font-size: var(--font-size-base);
}
.group-child14 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-3xs);
  background-color: var(--white);
  border: 1px solid var(--green-2);
  box-sizing: border-box;
  width: 16px;
  height: 16px;
}
.ellipse-icon {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
}
.rectangle-parent15 {
  position: absolute;
  margin: 0 !important;
  top: 12px;
  left: 192px;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  z-index: 4;
}
.off {
  position: relative;
  line-height: 115%;
  font-weight: 500;
}
.off-wrapper {
  margin: 0 !important;
  position: absolute;
  top: 12px;
  left: 0;
  border-radius: 0 var(--br-xs) var(--br-xs) 0;
  background-color: var(--color-salmon);
  display: flex;
  flex-direction: row;
  padding: var(--padding-6xs) var(--padding-xs);
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 5;
  color: var(--white);
}
.group-icon {
  position: relative;
  width: 20.61px;
  height: 14.5px;
  flex-shrink: 0;
}
.group-group {
  top: 102px;
  background-color: var(--color-snow);
  display: flex;
  align-items: flex-start;
  gap: var(--gap-4xs);
  z-index: 6;
  color: var(--color-salmon);
}
.bestseller-wrapper,
.group-group,
.trending-now-wrapper {
  margin: 0 !important;
  position: absolute;
  left: 0;
  border-radius: 0 var(--br-xs) var(--br-xs) 0;
  flex-direction: row;
  padding: var(--padding-6xs) var(--padding-xs);
  justify-content: flex-start;
}
.bestseller-wrapper {
  top: 42px;
  background-color: var(--color-aliceblue);
  display: flex;
  align-items: flex-start;
  z-index: 7;
  color: var(--fresh-blue);
}
.trending-now-wrapper {
  top: 72px;
  background-color: var(--color-lavender);
  z-index: 8;
  color: var(--color-darkorchid);
}
.frame-parent6,
.image-parent,
.trending-now-wrapper {
  display: flex;
  align-items: flex-start;
}
.image-parent {
  border-radius: var(--br-lg);
  background-color: var(--white);
  border: 1px solid var(--gray-5);
  flex-direction: column;
  padding: var(--padding-sm);
  justify-content: flex-start;
  position: relative;
  gap: var(--gap-3xs);
}
.frame-parent6 {
  width: 1180px;
  flex-shrink: 0;
  flex-direction: row;
  justify-content: space-between;
}
.iconlybulkarrow-right-circ-parent {
  width: 1310px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-2xl);
  text-align: left;
  font-size: var(--font-size-sm);
  color: var(--gray-4);
}
.frame-parent5 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-md);
}
.in-the-spotlight {
  position: relative;
  line-height: 125%;
  font-weight: 600;
  display: inline-block;
  width: 1180px;
}
.group-icon10,
.image-2-icon3,
.vector-icon8 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.image-2-icon3,
.vector-icon8 {
  height: 194%;
  width: 142.81%;
  top: 0.08%;
  right: -71.45%;
  bottom: -94.09%;
  left: 28.65%;
}
.image-2-icon3 {
  height: 63.98%;
  width: 75.63%;
  top: 18.01%;
  right: 11.88%;
  bottom: 18.01%;
  left: 12.5%;
  object-fit: cover;
}
.vector-parent {
  position: absolute;
  height: 37.97%;
  width: 27.78%;
  top: 3.77%;
  right: 2.78%;
  bottom: 58.25%;
  left: 69.44%;
}
.strawberry-cake-1-icon {
  position: absolute;
  top: 177.11px;
  left: 199.46px;
  width: 376.1px;
  height: 246.63px;
  object-fit: cover;
}
.heading-to-come,
.some-sub-text-can {
  align-self: stretch;
  position: relative;
  line-height: 100%;
  font-weight: 600;
}
.some-sub-text-can {
  font-size: 28.77px;
  line-height: 125%;
  font-weight: 500;
}
.shop-now-wrapper {
  border-radius: 6.85px;
  background-color: var(--white);
  border: 1.7px solid var(--white);
  display: flex;
  flex-direction: row;
  padding: 13.701444625854492px 27.402889251708984px;
  align-items: center;
  justify-content: center;
  font-size: 20.55px;
  color: var(--black1);
  /*font-family: var(--font-inter);*/
}
.heading-to-come-here-parent {
  position: absolute;
  top: 74px;
  left: 32.98px;
  width: 308.28px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 27.4px;
}
.collection-banner {
  position: relative;
  border-radius: 16.44px;
  width: 576px;
  height: 424px;
  flex-shrink: 0;
  overflow: hidden;
}
.image-17-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 112px;
  object-fit: cover;
}
.some-sub-text-can1 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-sm);
  line-height: 125%;
}
.shop-now-container {
  border-radius: var(--br-2xs);
  background-color: var(--color-cadetblue-100);
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xs) var(--padding-md);
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-xs);
  color: var(--white);
 /* font-family: var(--font-inter);*/
}
.festive-collection-parent {
  position: absolute;
  top: 120px;
  left: 8px;
  width: 264px;
  height: 72px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.image-17-parent {
  position: relative;
  border-radius: var(--br-md);
  background-color: var(--white);
  border: 1px solid var(--gray-5);
  box-sizing: border-box;
  width: 280px;
  height: 200px;
  flex-shrink: 0;
  overflow: hidden;
}
.frame-parent30 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
}
.group-icon11,
.vector-icon10 {
  position: absolute;
  height: 100%;
  width: 142.86%;
  top: 0;
  right: -43.04%;
  bottom: 0;
  left: 0.18%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.vector-icon10 {
  height: 200%;
  right: -71.43%;
  bottom: -100%;
  left: 28.57%;
}
.strawberry-cake-1-icon1 {
  position: absolute;
  top: 86px;
  left: 97px;
  width: 183px;
  height: 120px;
  object-fit: cover;
}
.some-sub-text-can3 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-base);
  line-height: 125%;
  font-weight: 500;
}
.shop-now-wrapper1 {
  border-radius: var(--br-2xs);
  background-color: var(--white);
  border: 0.8px solid var(--white);
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xs) var(--padding-md);
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-xs);
  color: var(--black1);
 /* font-family: var(--font-inter);*/
}
.festive-collection-container {
  position: absolute;
  top: 25px;
  left: 16px;
  width: 150px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-sm);
}
.collection-banner1 {
  position: relative;
  border-radius: var(--br-md);
  width: 280px;
  height: 200px;
  flex-shrink: 0;
  overflow: hidden;
}
.collection-banner-parent,
.frame-parent29 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  font-size: var(--font-size-2xl);
  color: var(--white);
}
.frame-parent29 {
  flex-direction: column;
  gap: var(--gap-2xl);
  font-size: var(--font-size-lg);
  color: var(--black1);
}
.iconlybulkarrow-right-circ-container {
  width: 1310px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--gap-2xl);
  font-size: 49.33px;
  color: var(--white);
}
.in-the-spotlight-parent {
  width: 1180px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xl);
  text-align: left;
}
.rectangle-icon,
.rectangle-icon1 {
  position: absolute;
  top: 47.26px;
  left: 0;
  width: 1180px;
  height: 314px;
}
.rectangle-icon1 {
  top: -36px;
  left: 66px;
  width: 294px;
  height: 500px;
  object-fit: cover;
}
.frame-child1 {
  position: relative;
  width: 42px;
  height: 42px;
  flex-shrink: 0;
}
.frame-parent32,
.group-parent24 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xs);
}
.frame-parent32 {
  align-items: flex-start;
  justify-content: center;
  gap: var(--gap-4xl);
  font-size: var(--font-size-lg);
}
.download-the-frogo-app-now-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-2xl);
}
.group-wrapper1,
.instance-group {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.group-wrapper1 {
  border-radius: var(--br-xl);
  background-color: var(--tiles-bg);
  width: 193.66px;
  padding: var(--padding-lg) var(--padding-2xl);
  box-sizing: border-box;
  align-items: center;
}
.instance-group {
  align-items: flex-start;
  gap: var(--gap-lg);
}
.frame-parent31 {
  position: absolute;
  top: 141px;
  left: 384px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 80px;
}
.vector-group {
  position: relative;
  width: 1180px;
  height: 420px;
  flex-shrink: 0;
  text-align: left;
  color: var(--white);
}
.add-wrapper8 {
  border-radius: var(--br-xs);
  border: 1px solid var(--color-cadetblue-100);
  display: flex;
  flex-direction: row;
  padding: var(--padding-3xs) var(--padding-xl);
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-sm);
  color: var(--color-cadetblue-100);
  /*font-family: var(--font-inter);*/
}
.group-child43 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-md);
  background-color: var(--white);
  border: 1px solid var(--gray-5);
  box-sizing: border-box;
}
.image-2-icon4 {
  position: absolute;
  height: 88.78%;
  width: 81.25%;
  top: 6.12%;
  right: 9.38%;
  bottom: 5.1%;
  left: 9.38%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.rectangle-parent30 {
  position: relative;
  width: 160px;
  height: 98px;
  flex-shrink: 0;
}
.image-3-icon,
.image-4-icon,
.image-5-icon {
  position: absolute;
  top: 31px;
  left: 26px;
  width: 108px;
  height: 36px;
  object-fit: cover;
}
.image-4-icon,
.image-5-icon {
  top: 12px;
  left: 15.67px;
  width: 129px;
  height: 74px;
}
.image-5-icon {
  top: 0;
  left: 7px;
  width: 146px;
  height: 98px;
}
.image-6-icon,
.image-7-icon,
.image-8-icon {
  position: absolute;
  top: 17px;
  left: 20px;
  width: 120px;
  height: 63px;
  object-fit: cover;
}
.image-7-icon,
.image-8-icon {
  top: 14px;
  left: 10px;
  width: 140px;
  height: 70px;
}
.image-8-icon {
  top: 18px;
  left: 26px;
  width: 108px;
  height: 62px;
}
.explore-by-brands-parent,
.group-parent33 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-md);
}
.explore-by-brands-parent {
  background-color: var(--background);
  width: 1440px;
  flex-direction: column;
  padding: var(--padding-4xl) var(--padding-5xl);
  box-sizing: border-box;
  align-items: center;
  gap: var(--gap-2xl);
}
.not-able-to {
  position: relative;
  line-height: 125%;
  font-weight: 600;
  display: inline-block;
  width: 599px;
  flex-shrink: 0;
}
.not-able-to-decide-amongst-all-parent,
.surprise-me-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.surprise-me-wrapper {
  border-radius: 6px;
  background-color: var(--color-cadetblue-100);
  padding: var(--padding-xl) 64px;
  font-size: 18px;
  color: var(--white);
}
.not-able-to-decide-amongst-all-parent {
  gap: 160px;
}
.frame-wrapper {
  background-color: var(--background);
  width: 1440px;
  display: flex;
  flex-direction: column;
  padding: var(--padding-4xl) var(--padding-5xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  text-align: left;
  font-size: var(--font-size-2xl);
}
.group-icon23 {
  position: relative;
  width: 40px;
  height: 40px;
  flex-shrink: 0;
}
.sub-zero-temperature {
  align-self: stretch;
  position: relative;
  font-weight: 600;
}
.we-only-deliver {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-base);
}
.sub-zero-temperature-deliverie-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.group-parent39 {
  height: 185px;
  flex-shrink: 0;
}
.group-parent39,
.group-parent40 {
  border-radius: var(--br-2xl);
  background-color: var(--white);
  border: 1px solid var(--gray-5);
  box-sizing: border-box;
  width: 320px;
  display: flex;
  flex-direction: column;
  padding: var(--padding-xl);
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-2xs);
}
.frame-child5 {
  position: relative;
  width: 181.24px;
  height: 180.44px;
  flex-shrink: 0;
  opacity: 0.25;
}
.group-wrapper3 {
  align-self: stretch;
  border-radius: var(--br-2xl);
  background-color: var(--white);
  border: 1px solid var(--gray-5);
  box-sizing: border-box;
  width: 480px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: var(--padding-xl) 32px;
  align-items: center;
  justify-content: center;
}
.frame-parent59 {
  width: 1180px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  text-align: left;
  font-size: var(--font-size-lg);
}
.image-13-icon {
  position: relative;
  width: 183.04px;
  height: 72px;
  flex-shrink: 0;
  object-fit: cover;
}
.image-11-icon,
.image-12-icon,
.image-14-icon,
.image-15-icon {
  position: relative;
  width: 230.96px;
  height: 55.52px;
  flex-shrink: 0;
  object-fit: cover;
}
.image-12-icon,
.image-14-icon,
.image-15-icon {
  width: 231.79px;
}
.image-14-icon,
.image-15-icon {
  width: 199.52px;
  height: 69.4px;
}
.image-15-icon {
  width: 485.78px;
  height: 48.58px;
}
.frogo-in-news-parent,
.image-13-parent {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.image-13-parent {
  flex-direction: row;
  gap: 64px;
}
.frogo-in-news-parent {
  background-color: #f6fdff;
  width: 1440px;
  flex-direction: column;
  padding: var(--padding-4xl) var(--padding-5xl);
  box-sizing: border-box;
  gap: var(--gap-2xl);
}
.explore-categories {
  position: relative;
  font-weight: 600;
}
.dessert {
  color: inherit;
}
.veg-snacks-container {
  position: relative;
  font-size: var(--font-size-base);
  color: inherit;
  display: inline-block;
  width: 1180px;
}
.frame-parent63 {
  background-color: var(--background);
  display: flex;
  flex-direction: column;
  padding: var(--padding-3xl) var(--padding-5xl);
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-2xl);
}
.frogo-identity-final-02-1-icon {
  position: relative;
  width: 101.55px;
  height: 40px;
  flex-shrink: 0;
  object-fit: cover;
}
.group-icon27 {
  position: relative;
  width: 19px;
  height: 19px;
  flex-shrink: 0;
}
.group-parent43 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-4xs);
}
.group-icon28 {
  position: relative;
  width: 19px;
  height: 12.37px;
  flex-shrink: 0;
}
.supportgofrogoin {
  position: relative;
  font-weight: 500;
}
.about-us-parent,
.iconlyboldlocation-group {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xs);
}
.about-us-parent {
  flex-direction: column;
  gap: var(--gap-3xs);
  font-size: var(--font-size-base);
}
.instance-child2 {
  position: relative;
  width: 74.49px;
  height: 17.78px;
  flex-shrink: 0;
}
.group-wrapper4 {
  border-radius: var(--br-xs);
  background-color: var(--white);
  width: 97.78px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: var(--padding-4xs) var(--padding-2xs);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.instance-child3 {
  position: relative;
  width: 76.46px;
  height: 17.78px;
  flex-shrink: 0;
}
.instance-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 10.22px;
}
.frame-child6 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  background-color: var(--white);
}
.vector-icon12 {
  position: absolute;
  height: 58.33%;
  width: 26.97%;
  top: 20.83%;
  right: 35.53%;
  bottom: 20.83%;
  left: 37.5%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.image-16-icon {
  position: relative;
  width: 48.58px;
  height: 24px;
  flex-shrink: 0;
  object-fit: cover;
}
.frame-parent66,
.terms-of-service-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xl);
}
.terms-of-service-parent {
  flex-direction: row;
}
.copyright-2022-frogo {
  position: relative;
  color: var(--white);
}
.frame-parent68 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 14px;
  font-size: var(--font-size-base);
  color: var(--gray-4);
}
.frogo-identity-final-02-1-parent {
  background-color: #323a41;
  padding: var(--padding-3xl) var(--padding-5xl);
  align-items: flex-start;
  gap: var(--gap-2xl);
  color: var(--white);
}
.frame-container,
.frame-parent62,
.frogo-identity-final-02-1-parent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.frame-parent62 {
  align-items: flex-start;
  gap: var(--gap-4xl);
  text-align: left;
  font-size: var(--font-size-xl);
}
.frame-container {
  position: absolute;
  top: 96px;
  left: 0;
  align-items: center;
  gap: 100px;
  text-align: center;
  font-size: var(--font-size-3xl);
}
.homepage-hi-fi-new-visitor {
  position: relative;
  background-color: var(--white);
  width: 100%;
  height: 6876px;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--black1);
  /*font-family: var(--font-jost);*/
}