body {
  margin: 0;
  line-height: normal;
}
.group-child {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-4xl);
  background-color: var(--white);
  border: 0.3px solid var(--gray-5);
  box-sizing: border-box;
}
.headline-text-to {
  position: relative;
  line-height: 120%;
  font-weight: 600;
  display: inline-block;
  width: 154.72px;
}
.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-4xs);
  line-height: 125%;
  font-weight: 500;
  color: var(--gray-4);
  display: inline-block;
  width: 154.72px;
}
.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: 40.98px;
  height: 9.78px;
  flex-shrink: 0;
}
.group-wrapper {
  border-radius: var(--br-2xs);
  background-color: var(--tiles-bg);
  border: 0.2px solid var(--gray-3);
  box-sizing: border-box;
  width: 53.79px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: var(--padding-4xs) var(--padding-2xs);
  align-items: center;
  justify-content: center;
}
.instance-item {
  position: relative;
  width: 42.06px;
  height: 9.78px;
  flex-shrink: 0;
}
.instance-parent {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-sm);
}
.frame-div {
  position: absolute;
  top: 2.78px;
  left: 0;
  width: 154.83px;
  height: 105.63px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.frame-child {
  position: relative;
  width: 44.13px;
  height: 43.93px;
  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: var(--br-sm);
  background-color: var(--white);
  border: 0.3px solid var(--gray-5);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding: var(--padding-3xs) var(--padding-2xl);
  align-items: center;
  justify-content: center;
}
.frame-container {
  position: absolute;
  top: 11.12px;
  left: 15.01px;
  width: 297.7px;
  height: 111.19px;
}
.rectangle-parent {
  position: relative;
  width: 328px;
  height: 133.42px;
  flex-shrink: 0;
}
.sub-text-to-come1 {
  position: relative;
  font-size: var(--font-size-3xs);
  line-height: 125%;
  color: var(--gray-4);
  display: inline-block;
  width: 154.72px;
}
.instance-inner {
  position: relative;
  width: 57.09px;
  height: 13.63px;
  flex-shrink: 0;
}
.group-wrapper1 {
  border-radius: 5.45px;
  background-color: var(--tiles-bg);
  border: 0.3px solid var(--gray-3);
  box-sizing: border-box;
  width: 74.94px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  padding: 5.450092792510986px 8.175139427185059px;
  align-items: center;
  justify-content: center;
}
.group-icon {
  position: relative;
  width: 57.92px;
  height: 13.47px;
  flex-shrink: 0;
}
.group-wrapper2 {
  border-radius: 5.39px;
  background-color: var(--tiles-bg);
  border: 0.3px solid var(--gray-3);
  display: flex;
  flex-direction: column;
  padding: 5.3871941566467285px 8.080791473388672px;
  align-items: center;
  justify-content: center;
}
.instance-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 7.83px;
}
.frame-item,
.rectangle-group {
  position: relative;
  flex-shrink: 0;
}
.frame-item {
  width: 45.52px;
  height: 45.32px;
  opacity: 0.25;
}
.rectangle-group {
  width: 328px;
  height: 133.42px;
  font-size: var(--font-size-2xl);
}
.group-parent {
  width: 400px;
  height: 133.33px;
  flex-shrink: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: center;
  gap: 6.67px;
}
.rectangle-div {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 14.17px;
  background-color: var(--primary);
}
.ellipse-icon,
.rectangle-wrapper {
  position: relative;
  width: 16.67px;
  height: 6.67px;
  flex-shrink: 0;
}
.ellipse-icon {
  width: 6.67px;
}
.frame-group,
.frame-parent4 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
}
.frame-group {
  width: 328px;
  flex-direction: column;
  align-items: center;
  font-size: var(--font-size-lg);
  color: var(--primary);
}
.shop-by-category {
  position: relative;
  font-size: var(--font-size-2xl);
  line-height: 125%;
  font-weight: 600;
  color: var(--black1);
  text-align: left;
}
.group-child1 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-3xl);
  background-color: var(--background);
  width: 104px;
  height: 104px;
}
.veg-snacks4x-2 {
  position: absolute;
  top: 7px;
  left: 27px;
  width: 50px;
  height: 69px;
  object-fit: cover;
}
.upto-57-off {
  position: relative;
  line-height: 125%;
  font-weight: 500;
}
.upto-57-off-wrapper {
  position: absolute;
  bottom: 0;
  left: 0;
  border-radius: 0 0 var(--br-3xl) var(--br-3xl);
  background-color: var(--color-salmon);
  width: 104px;
  display: flex;
  flex-direction: row;
  padding: var(--padding-5xs) var(--padding-xl);
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.rectangle-parent1 {
  position: relative;
  width: 104px;
  height: 104px;
  flex-shrink: 0;
}
.veg-snacks {
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 125%;
  font-weight: 500;
  color: var(--black1);
}
.group-parent1 {
  height: 126px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.breakfast-collection-1,
.veg-kebab-icon {
  position: absolute;
  top: 7px;
  left: 17px;
  width: 70.91px;
  height: 69px;
  object-fit: cover;
}
.veg-kebab-icon {
  top: 8px;
  width: 70px;
  height: 70px;
}
.frame-parent5 {
  width: 328px;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.plant-based-1 {
  position: absolute;
  top: 7px;
  left: 23px;
  width: 57.35px;
  height: 69px;
  object-fit: cover;
}
.plant-based-meat {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-xl);
  line-height: 125%;
  font-weight: 500;
  color: var(--black1);
}
.group-parent4 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.fruits-and-veggies-1,
.non-veg-kebab-1 {
  position: absolute;
  top: 14px;
  left: 18px;
  width: 67px;
  height: 56px;
  object-fit: cover;
}
.fruits-and-veggies-1 {
  top: 7px;
  left: 17px;
  width: 69px;
  height: 69px;
}
.breads-icon,
.do-it-yourself-1,
.easy-food-1,
.momos-1-icon {
  position: absolute;
  top: 15px;
  left: 12px;
  width: 80px;
  height: 64px;
  object-fit: cover;
}
.do-it-yourself-1,
.easy-food-1,
.momos-1-icon {
  top: 10px;
  left: 17px;
  width: 69.19px;
}
.do-it-yourself-1,
.easy-food-1 {
  top: 7px;
  left: 13px;
  width: 77.73px;
  height: 69px;
}
.do-it-yourself-1 {
  top: 13px;
  left: 10px;
  width: 83px;
  height: 58px;
}
.desserts-1-icon,
.ice-cream-1,
.ice-cream-cake-1 {
  position: absolute;
  top: 7px;
  left: 23px;
  width: 57.78px;
  height: 69px;
  object-fit: cover;
}
.desserts-1-icon,
.ice-cream-cake-1 {
  left: 16px;
  width: 71.74px;
}
.ice-cream-cake-1 {
  left: 23px;
  width: 58.07px;
  opacity: 0.9;
}
.meat-1-icon,
.non-veg-snacks-1 {
  position: absolute;
  top: 14px;
  left: 19px;
  width: 65px;
  height: 56px;
  object-fit: cover;
}
.meat-1-icon {
  top: 7px;
  left: 15px;
  width: 74.12px;
  height: 69px;
}
.shop-by-category-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
  text-align: center;
  font-size: var(--font-size-sm);
  color: var(--white);
}
.supersavers-at-frogo {
  position: relative;
  line-height: 125%;
  font-weight: 600;
}
.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: 19.92%;
  width: 40.67%;
  top: 49.81%;
  right: 54.85%;
  bottom: 30.27%;
  left: 4.48%;
  border-radius: var(--br-3xs);
  background-color: var(--white);
  border: 0.8px solid var(--white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  padding: 6.442952632904053px 12.885905265808105px;
  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-icon {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.div,
.mask-group-icon {
  height: 99.93%;
  right: -0.19%;
  bottom: 0.07%;
  left: 0.19%;
}
.mask-group-icon {
  height: 79.19%;
  width: 53.36%;
  right: -0.37%;
  bottom: 20.81%;
  left: 47.01%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.asset-1-5 {
  position: relative;
  width: 215.84px;
  height: 120px;
  flex-shrink: 0;
}
.upto-50-off-container {
  position: absolute;
  height: 19.92%;
  width: 40.67%;
  top: 49.81%;
  right: 54.85%;
  bottom: 30.27%;
  left: 4.48%;
  border-radius: var(--br-3xs);
  background-color: var(--white);
  border: 0.8px solid var(--white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  padding: var(--padding-sm) var(--padding-4xl);
  align-items: center;
  justify-content: center;
}
.veg-snacks1 {
  position: absolute;
  top: 12.09%;
  left: 4.48%;
  line-height: 100%;
}
.upto-50-off-wrapper1 {
  position: absolute;
  height: 19.92%;
  width: 40.67%;
  top: 49.81%;
  right: 54.85%;
  bottom: 30.27%;
  left: 4.48%;
  border-radius: var(--br-3xs);
  background-color: var(--white);
  border: 0.8px solid var(--white);
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  padding: var(--padding-sm) var(--padding-4xl);
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-xs);
  color: var(--black1);
  /*font-family: var(--font-inter);*/
}
.asset-1-6 {
  position: relative;
  width: 215.84px;
  height: 120px;
  flex-shrink: 0;
  font-size: 19.33px;
  color: var(--white);
 /* font-family: var(--font-jost);*/
}
.asset-1-5-parent,
.supersavers-at-frogo-parent {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.asset-1-5-parent {
  width: 1180px;
  flex-direction: row;
  gap: var(--gap-2xl);
  font-size: var(--font-size-xs);
  /*font-family: var(--font-inter);*/
}
.supersavers-at-frogo-parent {
  width: 328px;
  flex-direction: column;
  gap: var(--gap-3xl);
}
.iconlybulkarrow-right-circ {
  position: relative;
  width: 20px;
  height: 20px;
  flex-shrink: 0;
}
.bestsellers-parent {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
}
.image-icon {
  position: relative;
  border-radius: var(--br-xl);
  width: 160px;
  height: 160px;
  flex-shrink: 0;
  overflow: hidden;
  z-index: 0;
}
.brand-name-here,
.product-name-here {
  position: relative;
  font-size: var(--font-size-base);
  line-height: 115%;
  z-index: 1;
}
.product-name-here {
  align-self: stretch;
  font-size: var(--font-size-xl);
  font-weight: 500;
  color: var(--black1);
  z-index: 2;
}
.only-2-left-wrapper {
  border-radius: var(--br-4xs);
  background-color: var(--color-snow);
  display: flex;
  flex-direction: row;
  padding: var(--padding-7xs) var(--padding-lg);
  align-items: flex-start;
  justify-content: flex-start;
  font-size: var(--font-size-sm);
  color: var(--color-salmon);
}
.weight-info-here-parent {
  width: 163.85px;
  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-4xs);
}
.add-wrapper,
.frame-parent13 {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.add-wrapper {
  border-radius: var(--br-4xs);
  background-color: var(--primary);
  border: 0.8px solid var(--primary);
  padding: var(--padding-xs) var(--padding-5xl);
  justify-content: center;
  font-size: var(--font-size-base);
  color: var(--white);
  /*font-family: var(--font-inter);*/
}
.frame-parent13 {
  width: 163.85px;
  justify-content: space-between;
  font-size: var(--font-size-sm);
}
.frame-parent12 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xl);
  z-index: 3;
  font-size: var(--font-size-base);
}
.group-child16 {
  position: absolute;
  top: 0;
  left: 0;
  border-radius: var(--br-6xs);
  background-color: var(--white);
  border: 0.8px solid var(--green-2);
  box-sizing: border-box;
  width: 13.11px;
  height: 13.11px;
}
.group-child17 {
  position: absolute;
  top: 3.28px;
  left: 3.28px;
  width: 6.55px;
  height: 6.55px;
}
.rectangle-parent16 {
  position: absolute;
  margin: 0 !important;
  top: 10px;
  left: 159px;
  width: 13.11px;
  height: 13.11px;
  flex-shrink: 0;
  z-index: 4;
}
.off {
  position: relative;
  line-height: 115%;
  font-weight: 500;
}
.off-wrapper {
  margin: 0 !important;
  position: absolute;
  top: 10px;
  left: 0;
  border-radius: 0 var(--br-4xs) var(--br-4xs) 0;
  background-color: var(--color-salmon);
  display: flex;
  flex-direction: row;
  padding: var(--padding-7xs) var(--padding-lg);
  align-items: flex-start;
  justify-content: flex-start;
  z-index: 5;
  color: var(--white);
}
.group-icon1 {
  position: relative;
  width: 17.65px;
  height: 12.41px;
  flex-shrink: 0;
}
.bestseller-wrapper,
.group-group {
  margin: 0 !important;
  position: absolute;
  left: 0;
  border-radius: 0 var(--br-4xs) var(--br-4xs) 0;
  flex-direction: row;
  padding: var(--padding-7xs) var(--padding-lg);
}
.group-group {
  top: 83.56px;
  background-color: var(--color-snow);
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-2xs);
  z-index: 6;
  color: var(--color-salmon);
}
.bestseller-wrapper {
  top: 34.41px;
  background-color: var(--color-aliceblue);
  z-index: 7;
  color: var(--fresh-blue);
}
.bestseller-wrapper,
.image-parent,
.trending-now-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.trending-now-wrapper {
  margin: 0 !important;
  position: absolute;
  top: 58.99px;
  left: 0;
  border-radius: 0 var(--br-4xs) var(--br-4xs) 0;
  background-color: var(--color-lavender);
  flex-direction: row;
  padding: var(--padding-7xs) var(--padding-lg);
  z-index: 8;
  color: var(--color-darkorchid);
}
.image-parent {
  border-radius: var(--br-2xl);
  background-color: var(--white);
  border: 0.8px solid var(--gray-5);
  flex-direction: column;
  padding: var(--padding-3xl);
  position: relative;
  gap: var(--gap-md);
}
.group-icon3 {
  position: relative;
  width: 17.24px;
  height: 12px;
  flex-shrink: 0;
}
.frame-parent11 {
  align-self: stretch;
  overflow-x: auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-2xl);
  font-size: var(--font-size-sm);
  color: var(--gray-4);
}
.in-the-spotlight {
  position: relative;
  line-height: 125%;
  font-weight: 600;
  display: inline-block;
  width: 1180px;
}
.image-2-icon3,
.vector-icon10,
.vector-icon8,
.vector-icon9 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0.2%;
  right: 0;
  bottom: -0.2%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.image-2-icon3,
.vector-icon10,
.vector-icon9 {
  height: 195.17%;
  width: 142.81%;
  top: 0.29%;
  right: -71.45%;
  bottom: -95.46%;
  left: 28.65%;
}
.image-2-icon3,
.vector-icon10 {
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.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: 38.2%;
  width: 27.78%;
  top: 4%;
  right: 2.78%;
  bottom: 57.8%;
  left: 69.44%;
}
.strawberry-cake-1-icon {
  position: absolute;
  top: 101.34px;
  left: 113.58px;
  width: 214.17px;
  height: 140.44px;
  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: 16.38px;
  line-height: 125%;
  font-weight: 500;
}
.shop-now-wrapper {
  border-radius: 3.9px;
  background-color: var(--white);
  border: 1px solid var(--white);
  display: flex;
  flex-direction: row;
  padding: 7.802211761474609px 15.604423522949219px;
  align-items: center;
  justify-content: center;
  font-size: 11.7px;
  color: var(--black1);
  /*font-family: var(--font-inter);*/
}
.heading-to-come-here-parent {
  position: absolute;
  top: 42.62px;
  left: 18.78px;
  width: 175.55px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15.6px;
}
.collection-banner {
  position: relative;
  border-radius: 9.36px;
  width: 328px;
  height: 240px;
  flex-shrink: 0;
  overflow: hidden;
  font-size: 28.09px;
  color: var(--white);
}
.image-17-icon {
  position: absolute;
  top: 0.49px;
  left: 0;
  width: 160px;
  height: 64px;
  object-fit: cover;
}
.some-sub-text-can1 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-5xs);
  line-height: 125%;
}
.shop-now-container {
  border-radius: var(--br-5xs);
  background-color: var(--primary);
  display: flex;
  flex-direction: row;
  padding: var(--padding-6xs) var(--padding-md);
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-6xs);
  color: var(--white);
  /*font-family: var(--font-inter);*/
}
.festive-collection-parent {
  position: absolute;
  top: 67.69px;
  left: 4.57px;
  width: 150.86px;
  height: 41.14px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
}
.image-17-parent {
  position: relative;
  border-radius: var(--br-xs);
  background-color: var(--white);
  border: 0.6px solid var(--gray-5);
  box-sizing: border-box;
  width: 160px;
  height: 112px;
  flex-shrink: 0;
  overflow: hidden;
}
.frame-parent34 {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
  font-size: var(--font-size-2xs);
}
.group-icon11,
.vector-icon11 {
  position: absolute;
  height: 102.68%;
  width: 142.86%;
  top: 0;
  right: -43.04%;
  bottom: -2.68%;
  left: 0.18%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.vector-icon11 {
  height: 205.36%;
  right: -71.43%;
  bottom: -105.36%;
  left: 28.57%;
}
.strawberry-cake-1-icon1 {
  position: absolute;
  top: 46.47px;
  left: 55.77px;
  width: 105.22px;
  height: 69px;
  object-fit: cover;
}
.some-sub-text-can3 {
  align-self: stretch;
  position: relative;
  font-size: 8.05px;
  line-height: 125%;
  font-weight: 500;
}
.shop-now-wrapper1 {
  border-radius: 1.92px;
  background-color: var(--white);
  border: 0.5px solid var(--white);
  display: flex;
  flex-direction: row;
  padding: 3.8333332538604736px 7.666666507720947px;
  align-items: center;
  justify-content: center;
  font-size: 5.75px;
  color: var(--black1);
  /*font-family: var(--font-inter);*/
}
.festive-collection-container {
  position: absolute;
  top: 11.39px;
  left: 9.2px;
  width: 86.25px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 7.67px;
}
.collection-banner1 {
  position: relative;
  border-radius: 4.6px;
  width: 160px;
  height: 112px;
  flex-shrink: 0;
  overflow: hidden;
}
.group-icon12,
.vector-icon12 {
  position: absolute;
  height: 102.04%;
  width: 142.86%;
  top: 0;
  right: -42.86%;
  bottom: -2.04%;
  left: 0;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
}
.vector-icon12 {
  height: 204.08%;
  right: -71.43%;
  bottom: -104.08%;
  left: 28.57%;
}
.strawberry-cake-1-icon2 {
  position: absolute;
  top: 47.16px;
  left: 55.43px;
  width: 104.57px;
  height: 68.57px;
  object-fit: cover;
}
.some-sub-text-can4 {
  align-self: stretch;
  position: relative;
  font-size: var(--font-size-3xs);
  line-height: 125%;
  font-weight: 500;
}
.shop-now-wrapper2 {
  border-radius: var(--br-5xs);
  background-color: var(--white);
  border: 0.5px solid var(--white);
  display: flex;
  flex-direction: row;
  padding: 3.8095242977142334px 7.619048595428467px;
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-6xs);
  color: var(--black1);
 /* font-family: var(--font-inter);*/
}
.festive-collection-parent1 {
  position: absolute;
  top: 12.3px;
  left: 9.14px;
  width: 85.71px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 7.62px;
}
.collection-banner2 {
  position: relative;
  border-radius: var(--br-xs);
  width: 160px;
  height: 112px;
  flex-shrink: 0;
  overflow: hidden;
  font-size: 13.71px;
}
.collection-banner-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-lg);
  font-size: 13.8px;
  color: var(--white);
}
.rectangle-icon {
  position: absolute;
  top: 109.04px;
  left: 0;
  width: 328px;
  height: 448px;
}
.download-the-frogo {
  position: relative;
  font-size: 20px;
  line-height: 125%;
  font-weight: 600;
}
.frame-child2 {
  position: relative;
  width: 24.73px;
  height: 24.73px;
  flex-shrink: 0;
}
.group-parent25 {
  flex-direction: row;
  gap: var(--gap-lg);
}
.download-the-frogo-app-now-parent,
.group-parent25,
.group-parent26 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.group-parent26 {
  flex-direction: row;
  gap: 5.74px;
}
.download-the-frogo-app-now-parent {
  flex-direction: column;
  gap: var(--gap-3xl);
}
.download-app-now-wrapper {
  border-radius: var(--br-lg);
  background-color: var(--white);
  display: flex;
  flex-direction: row;
  padding: var(--padding-6xl) var(--padding-7xl);
  align-items: center;
  justify-content: center;
  font-size: var(--font-size-base);
  color: var(--primary);
  /*font-family: var(--font-inter);*/
}
.frame-parent35 {
  position: absolute;
  top: 289.31px;
  left: 25px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.group-child36 {
  position: absolute;
  top: 47.82px;
  left: 12.85px;
  width: 121.16px;
  height: 215.66px;
}
.two-smartphones-mock-up-3-icon,
.vector-container {
  position: absolute;
  top: 0;
  width: 238.15px;
  height: 273.31px;
}
.two-smartphones-mock-up-3-icon {
  left: 0;
  object-fit: cover;
}
.vector-container {
  left: 44.91px;
}
.vector-group {
  position: relative;
  width: 328px;
  height: 536.31px;
  flex-shrink: 0;
  font-size: var(--font-size-xl);
  color: var(--white);
}
.group-child47 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: var(--br-md);
  background-color: var(--white);
  border: 0.6px 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.37%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.rectangle-parent31 {
  position: relative;
  width: 104.49px;
  height: 64px;
  flex-shrink: 0;
}
.image-3-icon,
.image-4-icon,
.image-5-icon {
  position: absolute;
  top: 20.24px;
  left: 129.47px;
  width: 70.53px;
  height: 23.51px;
  object-fit: cover;
}
.image-4-icon,
.image-5-icon {
  top: 7.84px;
  left: 10.23px;
  width: 84.24px;
  height: 48.33px;
}
.image-5-icon {
  top: 0;
  left: 4.57px;
  width: 95.35px;
  height: 64px;
}
.image-6-icon,
.image-7-icon,
.image-8-icon {
  position: absolute;
  top: 11.1px;
  left: 13.06px;
  width: 78.37px;
  height: 41.14px;
  object-fit: cover;
}
.image-7-icon,
.image-8-icon {
  top: 9.14px;
  left: 6.53px;
  width: 91.43px;
  height: 45.71px;
}
.image-8-icon {
  top: 11.76px;
  left: 16.98px;
  width: 70.53px;
  height: 40.49px;
}
.explore-by-brands-parent {
  background-color: var(--background);
  width: 1440px;
  display: flex;
  flex-direction: column;
  padding: var(--padding-6xl) 130px;
  box-sizing: border-box;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.not-able-to {
  align-self: stretch;
  position: relative;
  line-height: 125%;
  font-weight: 600;
}
.surprise-me-wrapper {
  border-radius: var(--br-lg);
  background-color: var(--primary);
  display: flex;
  flex-direction: row;
  padding: var(--padding-6xl) var(--padding-7xl);
  align-items: center;
  justify-content: center;
  text-align: left;
  font-size: var(--font-size-base);
  color: var(--white);
  /*font-family: var(--font-inter);*/
}
.not-able-to-decide-amongst-all-parent {
  align-self: stretch;
  background-color: var(--background);
  display: flex;
  flex-direction: column;
  padding: var(--padding-6xl);
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-3xl);
  text-align: center;
}
.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-parent40 {
  border-radius: var(--br-5xl);
  background-color: var(--white);
  border: 1px solid var(--gray-5);
  padding: var(--padding-6xl);
  gap: var(--gap-lg);
}
.group-parent40,
.widest-assortment-of-frozen-fo-parent {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.frame-child6 {
  position: relative;
  width: 181.24px;
  height: 180.44px;
  flex-shrink: 0;
  opacity: 0.25;
}
.frame-parent60,
.group-wrapper7 {
  align-self: stretch;
  display: flex;
  flex-direction: column;
}
.group-wrapper7 {
  border-radius: var(--br-5xl);
  background-color: var(--white);
  border: 1px solid var(--gray-5);
  box-sizing: border-box;
  height: 240px;
  flex-shrink: 0;
  padding: var(--padding-3xl) var(--padding-6xl);
  align-items: center;
  justify-content: center;
}
.frame-parent60 {
  padding: 0 var(--padding-6xl);
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
  text-align: center;
  font-size: var(--font-size-xl);
}
.image-13-icon {
  position: relative;
  width: 101.69px;
  height: 40px;
  flex-shrink: 0;
  object-fit: cover;
}
.image-11-icon,
.image-12-icon,
.image-14-icon,
.image-15-icon {
  position: relative;
  width: 128.31px;
  height: 30.84px;
  flex-shrink: 0;
  object-fit: cover;
}
.image-12-icon,
.image-14-icon,
.image-15-icon {
  width: 128.77px;
}
.image-14-icon,
.image-15-icon {
  width: 110.84px;
  height: 38.55px;
}
.image-15-icon {
  width: 269.88px;
  height: 26.99px;
}
.frogo-in-news-parent,
.image-13-parent {
  align-self: stretch;
  display: flex;
  align-items: center;
}
.image-13-parent {
  overflow-x: auto;
  flex-direction: row;
  justify-content: center;
  gap: var(--gap-4xl);
}
.frogo-in-news-parent {
  background-color: #f6fdff;
  flex-direction: column;
  padding: var(--padding-6xl);
  justify-content: flex-start;
  gap: var(--gap-3xl);
  text-align: center;
}
.frogo-identity-final-02-1-icon {
  position: relative;
  width: 101.55px;
  height: 40px;
  flex-shrink: 0;
  object-fit: cover;
}
.contact-us {
  position: relative;
  font-weight: 500;
}
.group-icon27 {
  position: relative;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
}
.group-parent44 {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.group-icon28 {
  position: relative;
  width: 12px;
  height: 7.81px;
  flex-shrink: 0;
}
.supportgofrogoin {
  position: relative;
  font-weight: 300;
}
.iconlyboldlocation {
  position: relative;
  width: 12px;
  height: 14px;
  flex-shrink: 0;
}
.frame-parent61,
.iconlyboldlocation-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.frame-parent61 {
  flex-direction: column;
  font-size: var(--font-size-base);
}
.contact-us-parent {
  gap: var(--gap-lg);
}
.contact-us-parent,
.frame-wrapper {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.quick-links {
  position: relative;
  font-size: var(--font-size-2xl);
  font-weight: 500;
}
.quick-links-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-xs);
}
.delivering-in {
  position: relative;
  font-size: var(--font-size-2xl);
  font-weight: 500;
  text-align: left;
}
.delivering-in-parent {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  gap: var(--gap-xs);
  text-align: right;
}
.frame-parent62 {
  align-self: stretch;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: space-between;
  font-size: var(--font-size-base);
}
.image-16-icon {
  position: relative;
  width: 48.58px;
  height: 24px;
  flex-shrink: 0;
  object-fit: cover;
}
.frame-child7 {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 3px;
  background-color: var(--white);
}
.vector-icon13 {
  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%;
}
.frame-parent64,
.get-in-touch-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-3xl);
}
.get-in-touch-parent {
  flex-direction: column;
  align-items: flex-end;
  gap: var(--gap-xs);
}
.terms-of-service {
  position: relative;
}
.terms-of-service-parent {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: var(--gap-4xl);
}
.copyright-2022-frogo {
  position: relative;
  color: var(--white);
}
.frame-parent65 {
  align-self: stretch;
  align-items: center;
  gap: var(--gap-lg);
  font-size: var(--font-size-base);
  color: var(--gray-4);
}
.frame-parent,
.frame-parent65,
.frogo-identity-final-02-1-parent {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.frogo-identity-final-02-1-parent {
  align-self: stretch;
  background-color: #323a41;
  padding: var(--padding-6xl);
  align-items: flex-start;
  gap: var(--gap-4xl);
  color: var(--white);
}
.frame-parent {
  position: absolute;
  top: 96px;
  left: 0;
  width: 360px;
  align-items: center;
  gap: 40px;
}
.mask-group-icon4 {
  position: absolute;
  height: 50%;
  width: 16.92%;
  top: 25%;
  right: 78.63%;
  bottom: 25%;
  left: 4.44%;
  max-width: 100%;
  overflow: hidden;
  max-height: 100%;
  object-fit: cover;
}
.iconlylightsearch {
  position: relative;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.iconlylightsearch-parent {
  position: absolute;
  top: 12px;
  right: 16px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: var(--gap-3xl);
}
.div49,
.header {
  position: absolute;
}
.header {
  height: 0.84%;
  width: 100%;
  top: 0.42%;
  right: 0;
  bottom: 98.75%;
  left: 0;
  background-color: var(--white);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05);
}
.div49 {
  top: calc(50% - 8px);
  right: 16px;
  display: inline-block;
  width: 37px;
}
.carrier-name {
  position: absolute;
  top: calc(50% - 9px);
  left: 16px;
  /*font-family: var(--font-inter);*/
  text-align: left;
}
.battery-std-icon,
.signal-cellular-4-bar-icon,
.signal-wifi-4-bar-icon {
  position: absolute;
  top: calc(50% - 9px);
  right: 94px;
  width: 18px;
  height: 18px;
}
.battery-std-icon,
.signal-cellular-4-bar-icon {
  right: 74px;
}
.battery-std-icon {
  right: 54px;
}
.homepage-hi-fi,
.status-bar {
  background-color: var(--white);
  width: 100%;
}
.status-bar {
  position: absolute;
  height: 0.42%;
  top: 0;
  right: 0;
  bottom: 99.58%;
  left: 0;
  text-align: right;
  font-size: var(--font-size-xl);
  color: var(--gray-1);
 /* font-family: var(--font-roboto);*/
}
.homepage-hi-fi {
  position: relative;
  height: 5744px;
  overflow: hidden;
  text-align: left;
  font-size: var(--font-size-2xl);
  color: var(--black1);
  /*font-family: var(--font-jost);*/
}