.frame-37063,
.frame-37063 * {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
.frame-37063 {
  background: #fdeee1;
  height: 5980px;
  position: relative;
  overflow: hidden;
}
.group {
  width: 46.67%;
  height: 4.43%;
  position: absolute;
  right: -16.48%;
  left: 69.81%;
  bottom: 71.28%;
  top: 24.29%;
  overflow: visible;
}
.group2 {
  width: 37.41%;
  height: 3.32%;
  position: absolute;
  right: 87.89%;
  left: -25.29%;
  bottom: 57.58%;
  top: 39.11%;
  transform: translate(136.59px, -88.61px);
  overflow: visible;
}
.frame-37062 {
  background: linear-gradient(
    129.47deg,
    rgba(125, 0, 0, 1) 0%,
    rgba(170, 37, 28, 1) 100%
  );
  width: 540px;
  height: 490px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 0px;
  overflow: hidden;
}
.a-minimal-fintech-mobile-app-background-ikp-nq-fx-nr-bm-civzu-gy-m-9-oq-m-m-64-xz-t-ea-beuvwgc-7-yi-a-1 {
  width: 681px;
  height: 851px;
  position: absolute;
  left: calc(50% - 270px);
  top: calc(50% - 308px);
  object-fit: cover;
  aspect-ratio: 681/851;
}
.ellipse-160 {
  background: linear-gradient(
    180deg,
    rgba(249, 242, 149, 0.2) 0%,
    rgba(224, 170, 62, 0.2) 50%,
    rgba(250, 243, 152, 0.2) 75%,
    rgba(184, 138, 68, 0.2) 100%
  );
  border-radius: 50%;
  width: 229px;
  height: 229px;
  position: absolute;
  left: 400px;
  top: 7px;
  filter: blur(50px);
  aspect-ratio: 1;
}
.ellipse-159 {
  background: linear-gradient(
    180deg,
    rgba(249, 242, 149, 0.2) 0%,
    rgba(224, 170, 62, 0.2) 50%,
    rgba(250, 243, 152, 0.2) 75%,
    rgba(184, 138, 68, 0.2) 100%
  );
  border-radius: 50%;
  width: 229px;
  height: 229px;
  position: absolute;
  left: -105px;
  top: 295px;
  filter: blur(50px);
  aspect-ratio: 1;
}
.smart-gold-savings-let-s-grow-future-together {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-ExtraBold", sans-serif;
  font-size: clamp(20px, 10vw, 30px) !important;
  line-height: 135%;
  font-weight: 800;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 115px;
  white-space: nowrap;
}
.ggc {
  color: #e6e6e6;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 18px;
  line-height: 29px;
  font-weight: 600;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 237px;
  width: 408px;
}
.group-48095330 {
  position: absolute;
  inset: 0;
}
.rectangle-724 {
  background: linear-gradient(
    90deg,
    rgba(248, 206, 70, 0.5) 0%,
    rgba(244, 179, 62, 0.5) 100%
  );
  border-radius: 40px;
  width: 257px;
  height: 56px;
  position: absolute;
  left: 142px;
  top: 325px;
  filter: blur(9px);
  pointer-events: none;
  z-index: 1;
}
.button {
  background: linear-gradient(
    90deg,
    rgba(248, 208, 71, 1) 0%,
    rgba(244, 177, 62, 1) 100%
  );
  border-radius: 40px;
  border-style: solid;
  border-color: #f7c477;
  border-width: 2px;
  padding: var(--var-sds-size-space-200, 8px);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200, 8px);
  align-items: center;
  justify-content: center;
  width: 257px;
  height: 56px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 325px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  cursor: pointer;
  z-index: 10;
  pointer-events: auto;
}
.group-743 {
  flex-shrink: 0;
  width: 109.33px;
  height: 20px;
  position: static;
  pointer-events: none;
}
.join-now {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 73.83px;
  top: 18px;
  pointer-events: none;
}
.icon {
  width: 14.33px;
  height: 14.33px;
  position: absolute;
  left: 168.83px;
  top: 20.84px;
  overflow: visible;
  aspect-ratio: 1;
  pointer-events: none;
}
.line-127 {
  margin-top: -3px;
  border-width: 3px 0 0 0;
  border-style: solid;
  border-image: linear-gradient(
    90deg,
    rgba(140, 12, 9, 1) 0%,
    rgba(247, 209, 73, 1) 50%,
    rgba(153, 24, 18, 1) 100%
  );
  border-image-slice: 1;
  width: 300px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 216px;
}
.rectangle-698 {
  background: #fdf4ea;
  width: 540px;
  height: 750px;
  position: absolute;
  left: 0px;
  top: 2413px;
}
.rectangle-692 {
  background: #ffffff;
  border-radius: 20px;
  width: 462px;
  height: 190px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 1421px;
  box-shadow: 0px 5px 10px 0px rgba(125, 0, 0, 0.2),
    inset 0px 1px 2px 1px rgba(138, 11, 8, 1);
}
.div {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 1330px;
}
.div2 {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: clamp(20px, 6vw, 30px);
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 1265px;
  white-space: nowrap;
}
.line-123 {
  margin-top: -2px;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-image: linear-gradient(
    90deg,
    rgba(250, 241, 230, 1) 0%,
    rgba(125, 0, 0, 1) 50%,
    rgba(250, 241, 230, 1) 100%
  );
  border-image-slice: 1;
  width: 300px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 1313px;
}
.div3 {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 30px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 2447px;
  width: auto;
  height: auto;
  white-space: nowrap;
}
.rectangle-716 {
  background: #fdeee1;
  width: 540px;
  height: 1350px;
  position: absolute;
  left: 0px;
  top: 3163px;
}
.line-124 {
  margin-top: -2px;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-image: linear-gradient(
    90deg,
    rgba(250, 241, 230, 1) 0%,
    rgba(125, 0, 0, 1) 50%,
    rgba(250, 241, 230, 1) 100%
  );
  border-image-slice: 1;
  width: 285px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 2492px;
}
.group3 {
  width: 47.08%;
  height: 4.71%;
  position: absolute;
  right: 76.25%;
  left: -23.33%;
  bottom: 27.06%;
  top: 68.22%;
  overflow: visible;
  aspect-ratio: 254.26/258.18;
}
.group4 {
  width: 47.08%;
  height: 4.71%;
  position: absolute;
  right: -9.49%;
  left: 62.41%;
  bottom: 33.09%;
  top: 62.2%;
  overflow: visible;
  aspect-ratio: 254.26/258.18;
}
.group5 {
  width: 36.11%;
  height: 3.62%;
  position: absolute;
  right: -6.71%;
  left: 70.61%;
  bottom: 19.1%;
  top: 77.28%;
  overflow: visible;
  aspect-ratio: 194.99/198;
}
.div4 {
  color: #7d0000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: clamp(20px, 6vw, 30px);
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3188px;
  white-space: nowrap;
}
.line-125 {
  margin-top: -2px;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-image: linear-gradient(
    90deg,
    rgba(250, 241, 230, 1) 0%,
    rgba(125, 0, 0, 1) 50%,
    rgba(250, 241, 230, 1) 100%
  );
  border-image-slice: 1;
  width: 285px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3233px;
}
._1 {
  color: #181818;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: 79px;
  top: 1531px;
}
.group-744 {
  position: absolute;
  inset: 0;
}
.ellipse-158 {
  background: linear-gradient(
    152.34deg,
    rgba(125, 0, 0, 1) 0%,
    rgba(170, 37, 28, 1) 100%
  );
  border-radius: 50%;
  width: 62px;
  height: 62px;
  position: absolute;
  left: calc(50% - 30px);
  top: 1390px;
  box-shadow: 0px 2px 8px 0px rgba(125, 0, 0, 0.3),
    0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  aspect-ratio: 1;
}
._12 {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 25px;
  line-height: 100%;
  font-weight: 600;
  position: absolute;
  left: 264px;
  top: 1408px;
}
.rectangle-693 {
  background: #ffffff;
  border-radius: 20px;
  width: 462px;
  height: 208px;
  position: absolute;
  left: calc(50% - 230px);
  top: 1673px;
  box-shadow: 0px 5px 10px 0px rgba(125, 0, 0, 0.2),
    inset 0px 1px 2px 1px rgba(125, 0, 0, 1);
}
._9 {
  color: #181818;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 1777px;
  white-space: nowrap;
}
.group-745 {
  position: absolute;
  inset: 0;
}
.ellipse-1582 {
  background: linear-gradient(
    152.34deg,
    rgba(125, 0, 0, 1) 0%,
    rgba(170, 37, 28, 1) 100%
  );
  border-radius: 50%;
  width: 62px;
  height: 62px;
  position: absolute;
  left: calc(50% - 29px);
  top: 1642px;
  box-shadow: 0px 2px 8px 0px rgba(125, 0, 0, 0.3);
  aspect-ratio: 1;
}
._2 {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 25px;
  line-height: 100%;
  font-weight: 600;
  position: absolute;
  left: 263px;
  top: 1660px;
}
.rectangle-694 {
  background: #ffffff;
  border-radius: 20px;
  width: 462px;
  height: 190px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 1943px;
  box-shadow: 0px 5px 10px 0px rgba(125, 0, 0, 0.2),
    inset 0px 1px 2px 1px rgba(125, 0, 0, 1);
}
.rectangle-707 {
  background: #ffffff;
  border-radius: 20px;
  width: 462px;
  height: 250px;
  position: absolute;
  left: calc(50% - 230px);
  top: 3265px;
  box-shadow: 0px 3px 10px 0px rgba(125, 0, 0, 0.2);
}
._12-10 {
  color: #181818;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 20px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 2047px;
  width: 384px;
}
.group-746 {
  position: absolute;
  inset: 0;
}
.ellipse-1583 {
  background: linear-gradient(
    152.34deg,
    rgba(125, 0, 0, 1) 0%,
    rgba(170, 37, 28, 1) 100%
  );
  border-radius: 50%;
  width: 62px;
  height: 62px;
  position: absolute;
  left: calc(50% - 30px);
  top: 1912px;
  box-shadow: 0px 2px 8px 0px rgba(125, 0, 0, 0.3);
  aspect-ratio: 1;
}
._3 {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 25px;
  line-height: 100%;
  font-weight: 600;
  position: absolute;
  left: 262px;
  top: 1930px;
}
.add-12-13 {
  color: #565656;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: clamp(9px, 2.8vw, 13px);
  line-height: 120%;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 1812px;
  white-space: nowrap;
}
.div5 {
  color: #7d0000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 20px;
  line-height: 22px;
  font-weight: 700;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 2180px;
  white-space: nowrap;
}
.goal {
  color: #181818;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 17px;
  line-height: 120%;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 2215px;
  white-space: nowrap;
}
.button2 {
  background: linear-gradient(
    93.05deg,
    rgba(125, 0, 0, 1) 0%,
    rgba(170, 37, 28, 1) 100%
  );
  border-radius: 40px;
  border-style: solid;
  border-color: var(--var-sds-color-border-brand-default, transparent);
  border-width: 1px;
  padding: var(--var-sds-size-space-200, 8px);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200, 8px);
  align-items: center;
  justify-content: center;
  width: 257px;
  height: 56px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 2307px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  aspect-ratio: 257/56;
}
.group-7432 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  height: 20px;
  position: static;
}
.ask-on-whatsapp {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: 20px;
  line-height: 100%;
  font-weight: 700;
  position: static;
}
.icon2 {
  width: 14.33px;
  height: 14.33px;
  position: static;
  overflow: visible;
  aspect-ratio: 1;
}
.button3 {
  background: linear-gradient(
    93.05deg,
    rgba(125, 0, 0, 1) 0%,
    rgba(170, 37, 28, 1) 100%
  );
  border-radius: 40px;
  border-style: solid;
  border-color: var(--var-sds-color-border-brand-default, transparent);
  border-width: 1px;
  padding: var(--var-sds-size-space-200, 8px);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200, 8px);
  align-items: center;
  justify-content: center;
  width: 257px;
  height: 56px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3069px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.group-7433 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  height: 20px;
  position: static;
}
.contact-us {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: 20px;
  line-height: 100%;
  font-weight: 700;
  position: static;
}
.icon3 {
  width: 14.33px;
  height: 14.33px;
  position: static;
  overflow: visible;
  aspect-ratio: 1;
}
.button4 {
  background: linear-gradient(
    93.05deg,
    rgba(125, 0, 0, 1) 0%,
    rgba(170, 37, 28, 1) 100%
  );
  border-radius: 40px;
  border-style: solid;
  border-color: var(--var-sds-color-border-brand-default, transparent);
  border-width: 1px;
  padding: var(--var-sds-size-space-200, 8px);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200, 8px);
  align-items: center;
  justify-content: center;
  width: 257px;
  height: 56px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 4402px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.group-7434 {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: auto;
  height: 20px;
  position: static;
}
.talk-to-us {
  color: #ffffff;
  text-align: center;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: 20px;
  line-height: 100%;
  font-weight: 700;
  position: static;
}
.icon4 {
  width: 14.33px;
  height: 14.33px;
  position: static;
  overflow: visible;
  aspect-ratio: 1;
}
.rectangle-708 {
  background: #fff8f0;
  border-radius: 10px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3286px;
  box-shadow: 0px 0px 9px 0px rgba(125, 0, 0, 0.1),
    inset 0px 0px 5px 0px rgba(170, 37, 28, 1);
}
.div6 {
  color: #7d0000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 22px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3385px;
}
.div7 {
  color: #565656;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3425px;
  width: 365px;
}
.family-1 {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3307px;
  object-fit: cover;
  aspect-ratio: 1;
}
.rectangle-709 {
  background: #ffffff;
  border-radius: 20px;
  width: 462px;
  height: 250px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3544px;
  box-shadow: 0px 3px 10px 0px rgba(125, 0, 0, 0.2);
}
.rectangle-710 {
  background: #fff8f0;
  border-radius: 10px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: calc(50% - 36px);
  top: 3565px;
  box-shadow: 0px 0px 9px 0px rgba(125, 0, 0, 0.1),
    inset 0px 0px 5px 0px rgba(170, 37, 28, 1);
}
.union {
  width: 42px;
  height: 49px;
  position: absolute;
  left: 12px;
  top: 2496px;
  overflow: visible;
  aspect-ratio: 42/49;
}
.div8 {
  color: #7d0000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 22px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: calc(50% - 111px);
  top: 3664px;
}
.div9 {
  color: #565656;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3704px;
  width: 365px;
}
.family-2 {
  width: 50px;
  height: 50px;
  position: absolute;
  left: calc(50% - 26px);
  top: 3585px;
  object-fit: cover;
  aspect-ratio: 1;
}
.rectangle-711 {
  background: #ffffff;
  border-radius: 20px;
  width: 462px;
  height: 250px;
  position: absolute;
  left: calc(50% - 230px);
  top: 3823px;
  box-shadow: 0px 3px 10px 0px rgba(125, 0, 0, 0.2);
}
.rectangle-712 {
  background: #fff8f0;
  border-radius: 10px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3844px;
  box-shadow: 0px 0px 9px 0px rgba(125, 0, 0, 0.1),
    inset 0px 0px 5px 0px rgba(170, 37, 28, 1);
}
.div10 {
  color: #7d0000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 22px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3943px;
}
.div11 {
  color: #565656;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3983px;
  width: 365px;
}
.rectangle-717 {
  background: #f8e5d5;
  width: 540px;
  height: 1042px;
  position: absolute;
  left: 0px;
  top: 4516px;
}
.family-3 {
  width: 50px;
  height: 50px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 3854px;
  object-fit: cover;
  aspect-ratio: 1;
}
.vector {
  width: 37.04%;
  height: 202px;
  position: absolute;
  right: -27%;
  left: 89.97%;
  top: calc(50% - -2257px);
  transform: translate(-105.94px, 41.86px);
  overflow: visible;
  aspect-ratio: 200/202;
}
.vector2 {
  width: 23.15%;
  height: 126.38px;
  position: absolute;
  right: 68.8%;
  left: 8.05%;
  top: calc(50% - -1780px);
  transform: translate(-43.48px, 26.18px);
  overflow: visible;
  aspect-ratio: 125.02/126.38;
}
.rectangle-713 {
  background: #ffffff;
  border-radius: 20px;
  width: 462px;
  height: 250px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 4102px;
  box-shadow: 0px 3px 10px 0px rgba(125, 0, 0, 0.2);
}
.button5 {
  background: linear-gradient(
    93.05deg,
    rgba(125, 0, 0, 1) 0%,
    rgba(170, 37, 28, 1) 100%
  );
  border-radius: 40px;
  border-style: solid;
  border-color: var(--var-sds-color-border-brand-default, transparent);
  border-width: 1px;
  padding: var(--var-sds-size-space-200, 8px);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200, 8px);
  align-items: center;
  justify-content: center;
  width: 257px;
  height: 56px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 5187px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.group-7435 {
  flex-shrink: 0;
  width: 131.33px;
  height: 20px;
  position: static;
}
.get-started {
  color: #ffffff;
  text-align: left;
  font-family: var(
    --var-sds-typography-body-font-family,
    "Inter-Bold",
    sans-serif
  );
  font-size: 20px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 62.83px;
  top: 18px;
}
.icon5 {
  width: 14.33px;
  height: 14.33px;
  position: absolute;
  left: 179.83px;
  top: 20.84px;
  overflow: visible;
  aspect-ratio: 1;
}
.rectangle-715 {
  background: #ffffff;
  border-radius: 20px;
  width: 462px;
  height: 574px;
  position: absolute;
  left: calc(50% - 230px);
  top: 4567px;
  box-shadow: 0px 3px 10px 0px rgba(125, 0, 0, 0.2);
}
.rectangle-714 {
  background: #fff8f0;
  border-radius: 10px;
  border-style: solid;
  border-color: transparent;
  border-width: 1px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: calc(50% - 36px);
  top: 4123px;
  box-shadow: 0px 0px 9px 0px rgba(125, 0, 0, 0.1),
    inset 0px 0px 5px 0px rgba(170, 37, 28, 1);
}
.div12 {
  color: #7d0000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 22px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: calc(50% - 134px);
  top: 4222px;
}
.div13 {
  color: #565656;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 4262px;
  width: 365px;
}
.family-4 {
  width: 50px;
  height: 50px;
  position: absolute;
  left: calc(50% - 26px);
  top: 4133px;
  object-fit: cover;
  aspect-ratio: 1;
}
.faq {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: clamp(20px, 6vw, 30px);
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 4622px;
  white-space: nowrap;
}
.line-126 {
  margin-top: -2px;
  border-width: 2px 0 0 0;
  border-style: solid;
  border-image: linear-gradient(
    90deg,
    rgba(255, 255, 255, 1) 0%,
    rgba(125, 0, 0, 1) 50%,
    rgba(255, 255, 255, 1) 100%
  );
  border-image-slice: 1;
  width: 285px;
  height: 0px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 4678px;
}
.rectangle-718 {
  background: #fff5e5;
  border-radius: 15px;
  width: 387px;
  height: 83px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 4724px;
  box-shadow: inset 4px 0px 0px 0px rgba(125, 0, 0, 1);
}
.div14 {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 18px;
  line-height: 100%;
  font-weight: 600;
  position: absolute;
  left: 99px;
  top: 4740px;
}
.div15 {
  color: #565656;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: 99px;
  top: 4773px;
}
.rectangle-719 {
  background: #fff5e5;
  border-radius: 15px;
  width: 387px;
  height: 83px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 4822px;
  box-shadow: inset 4px 0px 0px 0px rgba(125, 0, 0, 1);
}
.div16 {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 18px;
  line-height: 100%;
  font-weight: 600;
  position: absolute;
  left: 99px;
  top: 4838px;
}
._13 {
  color: #565656;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: 99px;
  top: 4871px;
}
.rectangle-720 {
  background: #fff5e5;
  border-radius: 15px;
  width: 387px;
  height: 83px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 4920px;
  box-shadow: inset 4px 0px 0px 0px rgba(125, 0, 0, 1);
}
.div17 {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 18px;
  line-height: 100%;
  font-weight: 600;
  position: absolute;
  left: 99px;
  top: 4936px;
}
._9-10 {
  color: #565656;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: 99px;
  top: 4969px;
}
.rectangle-721 {
  background: #fff5e5;
  border-radius: 15px;
  width: 387px;
  height: 83px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 5018px;
  box-shadow: inset 4px 0px 0px 0px rgba(125, 0, 0, 1);
}
.div18 {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 18px;
  line-height: 100%;
  font-weight: 600;
  position: absolute;
  left: 99px;
  top: 5034px;
}
._99-99-ggc-certified {
  color: #565656;
  text-align: left;
  font-family: "Inter-Regular", sans-serif;
  font-size: 15px;
  line-height: 100%;
  font-weight: 400;
  position: absolute;
  left: 99px;
  top: 5067px;
}
.group-747 {
  position: absolute;
  inset: 0;
}
.rectangle-722 {
  background: linear-gradient(
    93.1deg,
    rgba(125, 0, 0, 1) 0%,
    rgba(170, 37, 28, 1) 100%
  );
  /* border-radius: 40px 40px 0px 0px; */
  width: 540px;
  height: 400px;
  /*height: 740px;*/
  position: absolute;
  left: 0px;
  /*top: 5450px;*/
  top: 5220px;
}
.div19 {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 5480px;
  width: 419px;
}
.group-48095326 {
  position: absolute;
  inset: 0;
}
.rectangle-699 {
  background: #ffffff;
  border-radius: 15px;
  border-style: solid;
  border-color: #7d0000;
  border-width: 0.5px;
  width: 462px;
  height: 111px;
  position: absolute;
  left: 39px;
  top: 2522px;
}
.div20 {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 23px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 150px;
  top: 2547px;
}
.ggc-certified-100 {
  color: #181818;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: 150px;
  top: 2587px;
}
.rectangle-700 {
  background: #ffffff;
  border-radius: 10px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 60px;
  top: 2543px;
  box-shadow: 0px 0px 9px 0px rgba(255, 177, 0, 0.1),
    inset 0px 0px 4px 2px rgba(255, 177, 0, 0.5);
}
.rectangle-701 {
  background: #ffffff;
  border-radius: 15px;
  border-style: solid;
  border-color: #7d0000;
  border-width: 0.5px;
  width: 462px;
  height: 111px;
  position: absolute;
  left: 39px;
  top: 2655px;
}
.div21 {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 23px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 150px;
  top: 2680px;
}
.div22 {
  color: #181818;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: 150px;
  top: 2720px;
}
.rectangle-703 {
  background: #ffffff;
  border-radius: 15px;
  border-style: solid;
  border-color: #7d0000;
  border-width: 0.5px;
  width: 462px;
  height: 111px;
  position: absolute;
  left: 39px;
  top: 2788px;
}
.div23 {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 23px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 150px;
  top: 2813px;
}
._9-102 {
  color: #181818;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: 150px;
  top: 2853px;
}
.rectangle-704 {
  background: #ffffff;
  border-radius: 10px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 60px;
  top: 2809px;
  box-shadow: 0px 0px 9px 0px rgba(255, 177, 0, 0.1),
    inset 0px 0px 4px 2px rgba(255, 177, 0, 0.5);
}
.rectangle-705 {
  background: #ffffff;
  border-radius: 15px;
  border-style: solid;
  border-color: #7d0000;
  border-width: 0.5px;
  width: 462px;
  height: 111px;
  position: absolute;
  left: 40px;
  top: 2921px;
}
.rectangle-7222 {
  background: #ffffff;
  border-radius: 10px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 60px;
  top: 2676px;
  box-shadow: 0px 0px 9px 0px rgba(255, 177, 0, 0.1),
    inset 0px 0px 4px 2px rgba(255, 177, 0, 0.5);
}
.div24 {
  color: #7d0000;
  text-align: left;
  font-family: "Inter-Bold", sans-serif;
  font-size: 23px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 151px;
  top: 2946px;
}
.div25 {
  color: #181818;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  line-height: 100%;
  font-weight: 500;
  position: absolute;
  left: 151px;
  top: 2986px;
}
.rectangle-706 {
  background: #ffffff;
  border-radius: 10px;
  width: 70px;
  height: 70px;
  position: absolute;
  left: 61px;
  top: 2942px;
  box-shadow: 0px 0px 9px 0px rgba(255, 177, 0, 0.1),
    inset 0px 0px 4px 2px rgba(255, 177, 0, 0.5);
}
.chat-gpt-image-jan-7-2026-04-48-57-pm-photoroom-1 {
  width: 45px;
  height: 45px;
  position: absolute;
  left: 72px;
  top: 2555px;
  object-fit: cover;
  aspect-ratio: 1;
}
.chat-gpt-image-jan-7-2026-04-48-57-pm-photoroom-3 {
  width: 45px;
  height: 45px;
  position: absolute;
  left: 72px;
  top: 2821px;
  object-fit: cover;
  aspect-ratio: 1;
}
.chat-gpt-image-jan-7-2026-04-48-57-pm-photoroom-2 {
  width: 45px;
  height: 45px;
  position: absolute;
  left: 72px;
  top: 2688px;
  object-fit: cover;
  aspect-ratio: 1;
}
.chat-gpt-image-jan-7-2026-04-48-57-pm-photoroom-4 {
  width: 45px;
  height: 45px;
  position: absolute;
  left: 73px;
  top: 2954px;
  object-fit: cover;
  aspect-ratio: 1;
}
.untitled-design-4 {
  border-radius: 20px;
  width: 462px;
  height: 773px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 421px;
  object-fit: cover;
  aspect-ratio: 462/773;
}
.rectangle-690 {
  background: #fffffe;
  border-radius: 20px;
  width: 462px;
  height: 773px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 421px;
  box-shadow: 0px 3px 10px 0px rgba(125, 0, 0, 0.2);
}
.save-smart-get-extra-gold {
  color: #7d0000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 23px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 466px;
  white-space: nowrap;
}
.group-748 {
  position: absolute;
  inset: 0;
}
.rectangle-695 {
  background: #ffffff;
  border-radius: 10px;
  width: 373px;
  height: 66px;
  position: absolute;
  left: 83px;
  top: 825px;
  box-shadow: 0px 1px 5px 0px rgba(125, 0, 0, 0.2),
    inset 4px 0px 0px 0px rgba(125, 0, 0, 1);
}
.rectangle-696 {
  background: #ffffff;
  border-radius: 10px;
  width: 373px;
  height: 66px;
  position: absolute;
  left: 83px;
  top: 917px;
  box-shadow: 0px 1px 5px 0px rgba(125, 0, 0, 0.2),
    inset 4px 0px 0px 0px rgba(125, 0, 0, 1);
}
.rectangle-697 {
  background: #ffffff;
  border-radius: 10px;
  width: 373px;
  height: 66px;
  position: absolute;
  left: 83px;
  top: 1010px;
  box-shadow: 0px 1px 5px 0px rgba(125, 0, 0, 0.2),
    inset 4px 0px 0px 0px rgba(125, 0, 0, 1);
}
.div26 {
  color: #181818;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  left: 137px;
  top: 849px;
}
.star-3 {
  border-radius: 0px;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 108px;
  top: 848px;
  overflow: visible;
  aspect-ratio: 1;
}
.div27 {
  color: #181818;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  left: 137px;
  top: 941px;
}
.star-4 {
  border-radius: 0px;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 108px;
  top: 940px;
  overflow: visible;
  aspect-ratio: 1;
}
.ggc-999 {
  color: #181818;
  text-align: left;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
  font-weight: 500;
  position: absolute;
  left: 137px;
  top: 1033px;
}
.star-5 {
  border-radius: 0px;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 108px;
  top: 1032px;
  overflow: visible;
  aspect-ratio: 1;
}
.button6 {
  background: linear-gradient(
    93.05deg,
    rgba(125, 0, 0, 1) 0%,
    rgba(170, 37, 28, 1) 100%
  );
  border-radius: 40px;
  border-style: solid;
  border-color: var(--var-sds-color-border-brand-default, transparent);
  border-width: 1px;
  padding: var(--var-sds-size-space-200, 8px);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200, 8px);
  align-items: center;
  justify-content: center;
  width: 257px;
  height: 56px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 1106px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
}
.icon6 {
  width: 14.33px;
  height: 14.33px;
  position: static;
  overflow: visible;
  aspect-ratio: 1;
}
.group-749 {
  position: absolute;
  inset: 0;
}
.rectangle-691 {
  background: #fbf8f5;
  border-radius: 15px;
  border-style: solid;
  border-color: #ede1dc;
  border-width: 2.5px;
  width: 373px;
  height: 275px;
  position: absolute;
  left: 84px;
  top: 520px;
}
.image-90 {
  background: linear-gradient(
    to left,
    rgba(251, 248, 245, 0.5),
    rgba(251, 248, 245, 0.5)
  );
  border-radius: 15px;
  width: 373px;
  height: 275px;
  position: absolute;
  left: 84px;
  top: 520px;
  object-fit: cover;
}
._9-12-10-ggc {
  color: #7d0000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 23px;
  line-height: 44px;
  font-weight: 700;
  position: absolute;
  left: calc(50% - 175px);
  top: 602px;
  width: 352px;
  height: 163px;
}
.rectangle-723 {
  background: linear-gradient(
    90deg,
    rgba(125, 0, 0, 1) 0%,
    rgba(170, 37, 28, 1) 100%
  );
  border-radius: 15px;
  width: 155px;
  height: 33px;
  position: absolute;
  left: calc(50% - 76px);
  top: 550px;
}
.group-48095322 {
  opacity: 0.7;
  width: 374px;
  height: 275px;
  position: static;
}
.group-48095320 {
  opacity: 0.9;
  width: 277.19px;
  height: 257.16px;
  position: static;
}
.ellipse-8 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  width: 4.4px;
  height: 4.29px;
  position: absolute;
  left: 202.38px;
  top: 652.87px;
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
}
.ellipse-9 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  width: 8.8px;
  height: 8.57px;
  position: absolute;
  left: 255.18px;
  top: 592.86px;
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
}
.ellipse-10 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  opacity: 0.5;
  width: 17.6px;
  height: 17.14px;
  position: absolute;
  left: 360.77px;
  top: 665.72px;
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
}
.ellipse-11 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  opacity: 0.2;
  width: 30.8px;
  height: 30px;
  position: absolute;
  left: 373.97px;
  top: 550px;
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
}
.ellipse-15 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  width: 17.6px;
  height: 17.14px;
  position: absolute;
  left: 140.78px;
  top: 550px;
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
}
.ellipse-18 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  opacity: 0.8;
  width: 8.8px;
  height: 8.57px;
  position: absolute;
  left: 400.37px;
  top: 777.16px;
  transform-origin: 0 0;
  transform: rotate(-180deg) scale(1, 1);
}
.group-48095321 {
  opacity: 0.9;
  width: 374px;
  height: 227.16px;
  position: static;
}
.ellipse-7 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  opacity: 0.5;
  width: 30.8px;
  height: 30px;
  position: absolute;
  left: 426.2px;
  top: 640.7px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
}
.ellipse-82 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  width: 4.4px;
  height: 4.29px;
  position: absolute;
  left: 254.6px;
  top: 700.72px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
}
.ellipse-92 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  width: 8.8px;
  height: 8.57px;
  position: absolute;
  left: 201.8px;
  top: 640.7px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
}
.ellipse-102 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  opacity: 0.5;
  width: 17.6px;
  height: 17.14px;
  position: absolute;
  left: 96.2px;
  top: 713.56px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
}
.ellipse-112 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  opacity: 0.2;
  width: 30.8px;
  height: 30px;
  position: absolute;
  left: 83px;
  top: 597.85px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
}
.ellipse-14 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  width: 8.8px;
  height: 8.57px;
  position: absolute;
  left: 215.01px;
  top: 795px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
}
.ellipse-152 {
  background: rgba(188, 19, 15, 0.1);
  border-radius: 50%;
  width: 17.6px;
  height: 17.14px;
  position: absolute;
  left: 349px;
  top: 589.14px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(1, -1);
}
.kanchanvarsha {
  color: #ffffff;
  text-align: left;
  font-family: "Inter-ExtraBold", sans-serif;
  font-size: 13px;
  letter-spacing: 0.03em;
  font-weight: 800;
  position: absolute;
  left: calc(50% - 65px);
  top: 559px;
}
.arrow-down {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 653px;
  overflow: visible;
  aspect-ratio: 1;
}
.group-48095323 {
  position: absolute;
  inset: 0;
}
.div28 {
  color: #7d0000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 23px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: calc(50% - 73px);
  top: 1480px;
}
.wallet-4 {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 162px;
  top: 1480px;
  object-fit: cover;
  aspect-ratio: 1;
}
.group-48095325 {
  position: absolute;
  inset: 0;
}
.div29 {
  color: #7d0000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 22px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: calc(50% - 66px);
  top: 1729px;
}
.wallet-42 {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 169px;
  top: 1727px;
  object-fit: cover;
  aspect-ratio: 1;
}
.group-48095324 {
  position: absolute;
  inset: 0;
}
.div30 {
  color: #7d0000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 22px;
  line-height: 100%;
  font-weight: 700;
  position: absolute;
  left: calc(50% - 29px);
  top: 1999px;
}
.wallet-5 {
  width: 25px;
  height: 25px;
  position: absolute;
  left: 206px;
  top: 1999px;
  object-fit: cover;
  aspect-ratio: 1;
}
.union2 {
  width: 84px;
  height: 97px;
  position: absolute;
  left: -36px;
  top: 2414px;
  overflow: visible;
  aspect-ratio: 84/97;
}
.union3 {
  width: 42px;
  height: 49px;
  position: absolute;
  left: 522px;
  top: 3114px;
  transform: translate(-42px, 0px);
  overflow: visible;
  aspect-ratio: 42/49;
}
.union4 {
  width: 84px;
  height: 97px;
  position: absolute;
  left: 570px;
  top: 3032px;
  transform: translate(-84px, 0px);
  overflow: visible;
  aspect-ratio: 84/97;
}
.group-48095331 {
  position: absolute;
  inset: 0;
  aspect-ratio: 211/46;
}
/* Logo and Address Section */
.logo-address-section {
  position: absolute;
  top: 5300px;
  left: 50%;
  transform: translateX(-50%);
  width: 400px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  z-index: 5;
}

.logo-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

.company-logo {
  width: 180px;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  filter: brightness(0) invert(1);
}

.company-address {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  width: 100%;
}

.company-mobile {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-Medium", sans-serif;
  font-size: 30px;
  line-height: 24px;
  font-weight: bold;
  width: 100%;
  text-decoration: none;
  cursor: pointer;
  transition: opacity 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0.8;

  gap: 8px;
}

.company-mobile:hover {
  opacity: 0.8;
}

.phone-icon {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
}

/* Form Popup Modal Styles */
.form-popup-overlay {
  display: none;
  position: fixed;
  z-index: 9999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  align-items: center;
  justify-content: center;
}

.form-popup-content {
  background: linear-gradient(
    93.1deg,
    rgba(125, 0, 0, 1) 0%,
    rgba(170, 37, 28, 1) 100%
  );
  border-radius: 20px 20px 20px 20px;
  padding: 40px 30px;
  width: 90%;
  max-width: 450px;
  position: relative;
  box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.5);
}

.close-popup {
  position: absolute;
  top: 15px;
  right: 20px;
  color: #ffffff;
  font-size: 35px;
  font-weight: bold;
  cursor: pointer;
  line-height: 1;
  z-index: 10;
}

.close-popup:hover {
  opacity: 0.7;
}

.popup-form-title {
  color: #ffffff;
  text-align: center;
  font-family: "Inter-SemiBold", sans-serif;
  font-size: 18px;
  line-height: 30px;
  font-weight: 600;
  margin-bottom: 30px;
  padding: 0 10px;
}

.popup-form {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-bottom: 25px;
}

.popup-input {
  width: 100%;
  height: 55px;
  background: #ffffff;
  border-radius: 27.5px;
  border: none;
  padding: 0 30px;
  font-family: "Inter-Medium", sans-serif;
  font-size: 18px;
  color: #333;
  box-shadow: 0px 4px 8px rgba(0,0,0,0.15);
  text-align: start;
  box-sizing: border-box;
}

.popup-input::placeholder {
  color: #888;
}

.popup-submit-btn {
  background: linear-gradient(
    90deg,
    rgba(248, 208, 71, 1) 0%,
    rgba(244, 177, 62, 1) 100%
  );
  border-radius: 40px;
  border-style: solid;
  border-color: #f7c477;
  border-width: 2px;
  padding: 8px;
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  justify-content: center;
  width: 211px;
  height: 46px;
  margin: 0 auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  cursor: pointer;
}

.popup-success-message {
  text-align: center;
  color: #5FD965;
  font-weight: bold;
  margin-top: 15px;
  font-family: "Inter-Medium", sans-serif;
  font-size: 16px;
}

/* Modal Responsive Tweaks (Small Devices) */
.form-popup-overlay {
  padding: 12px !important;
  box-sizing: border-box !important;
}

.form-popup-content {
  max-height: calc(100vh - 24px) !important;
  overflow-y: auto !important;
  -webkit-overflow-scrolling: touch !important;
}

/* Short screens: keep modal top-aligned so close button is visible */
@media screen and (max-height: 700px) {
  .form-popup-overlay {
    align-items: flex-start !important;
  }
}

@media screen and (max-width: 420px) {
  .form-popup-content {
    padding: 24px 18px !important;
    border-radius: 18px !important;
  }

  .close-popup {
    top: 10px !important;
    right: 14px !important;
    font-size: 30px !important;
  }

  .popup-form-title {
    font-size: 16px !important;
    line-height: 24px !important;
    margin-bottom: 18px !important;
    padding: 0 !important;
  }

  .popup-form {
    gap: 14px !important;
    margin-bottom: 18px !important;
  }

  .popup-input {
    height: 48px !important;
    padding: 0 18px !important;
    font-size: 16px !important;
  }

  .popup-submit-btn {
    width: 100% !important;
    max-width: 320px !important;
    height: 52px !important;
  }

  .start-saving {
    font-size: 18px !important;
  }
}

.rectangle-7242 {
  background: linear-gradient(
    90deg,
    rgba(248, 206, 70, 0.5) 0%,
    rgba(244, 179, 62, 0.5) 100%
  );
  border-radius: 40px;
  width: 200px;
  height: 43.58px;
  position: absolute;
  left: 165px;
  top: 5850px;
  filter: blur(9px);
}
.button7 {
  background: linear-gradient(
    90deg,
    rgba(248, 208, 71, 1) 0%,
    rgba(244, 177, 62, 1) 100%
  );
  border-radius: 40px;
  border-style: solid;
  border-color: #f7c477;
  border-width: 2px;
  padding: var(--var-sds-size-space-200, 8px);
  display: flex;
  flex-direction: row;
  gap: var(--var-sds-size-space-200, 8px);
  align-items: center;
  justify-content: center;
  width: 211px;
  height: 46px;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: 5850px;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  aspect-ratio: 211/46;
  cursor: pointer;
  z-index: 10;
}
.group-7436 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  height: 100%;
}
.start-saving {
  color: #7d0000;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 18px;
  line-height: 100%;
  font-weight: 700;
  position: static;
}
.icon7 {
  width: 16px;
  height: 16px;
  position: static;
  overflow: visible;
  aspect-ratio: 1;
}

/* Responsive Fix (All Devices)
   This landing is a fixed 540px Figma-export layout (absolute positioning).
   Instead of forcing horizontal scroll on phones, we SCALE it down to fit.
*/
:root {
  --page-scale: 1;
  --page-design-width: 540px;
  /* JS updates this to match actual .frame-37063 height */
  --page-design-height: 5620px !important;
}

body {
  margin: 0 !important;
  padding: 0 !important;
  min-height: 100vh !important;
  background: #000000 !important;
  overflow-x: hidden !important;
}

/* wrapper added in index.html */
.page-scale-wrap {
  width: calc(var(--page-design-width) * var(--page-scale)) !important;
  height: calc(var(--page-design-height) * var(--page-scale)) !important;
  margin: 0 auto !important;
  position: relative !important;
  overflow: hidden !important;
}

/* keep the original 540px canvas; scale visually to fit */
.page-scale-wrap > .frame-37063 {
  width: var(--page-design-width) !important;
  height: var(--page-design-height) !important;
  min-width: 0 !important;
  max-width: none !important;
  margin: 0 !important;
  transform: scale(var(--page-scale)) !important;
  transform-origin: top left !important;
}

.icon-logo {
  height: 70px;
}