.landing-page,
.landing-page * {
  box-sizing: border-box;
}
.landing-page {
  background: #ffffff;
  height: 7608px;
  position: relative;
  overflow: hidden;
}
.rectangle-36 {
  background: #d4820a;
  border-radius: 57px;
  width: 1472px;
  height: 724px;
  position: absolute;
  left: 128px;
  top: 5358px;
}
.rectangle-4 {
  background: #fdf8f2;
  width: 1728px;
  height: 228px;
  position: absolute;
  left: 0px;
  top: 1117px;
}
.mock-2 {
  width: 1728px;
  height: 1117px;
  position: absolute;
  left: 1728px;
  top: 0px;
  transform-origin: 0 0;
  transform: rotate(0deg) scale(-1, 1);
  object-fit: cover;
  aspect-ratio: 1728/1117;
}
.layer-1 {
  width: 235.18px;
  height: 61.36px;
  position: absolute;
  left: 1365px;
  top: 64px;
  overflow: hidden;
}
.group {
  width: 28.63%;
  height: 76.91%;
  position: absolute;
  right: 0%;
  left: 71.37%;
  bottom: 11.54%;
  top: 11.55%;
  overflow: visible;
}
.group2 {
  height: auto;
  position: absolute;
  left: 0px;
  top: -0.01px;
  overflow: visible;
}
.div {
  color: #ffffff;
  text-align: right;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -118px);
  top: calc(50% - 3355px);
}
.div2 {
  color: #ffffff;
  text-align: right;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -626px);
  top: calc(50% - 2801px);
  width: 110px;
  height: 25px;
}
.div3 {
  color: #ffffff;
  text-align: right;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -353px);
  top: calc(50% - 2801px);
  width: 134px;
  height: 25px;
}
.div4 {
  color: #ffffff;
  text-align: right;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -53px);
  top: calc(50% - 2801px);
  width: 185px;
  height: 25px;
}
._0 {
  color: #ffffff;
  text-align: right;
  font-family: "Inter-Black", sans-serif;
  font-size: 48px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - -658px);
  top: calc(50% - 2859px);
}
._24-7 {
  color: #ffffff;
  text-align: right;
  font-family: "Inter-Black", sans-serif;
  font-size: 48px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - -372px);
  top: calc(50% - 2859px);
}
._4 {
  color: #ffffff;
  text-align: right;
  font-family: "Inter-Black", sans-serif;
  font-size: 48px;
  font-weight: 900;
  position: absolute;
  left: calc(50% - -170px);
  top: calc(50% - 2859px);
}
.div5 {
  color: #ffffff;
  text-align: right;
  font-family: "Zain-Regular", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -361px);
  top: calc(50% - 3223px);
}
.frame-1 {
  background: #d4820a;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 250px;
  position: absolute;
  left: 1350px;
  top: 672px;
}
.div6 {
  color: #ffffff;
  text-align: right;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: relative;
}
.div7 {
  color: #ffffff;
  text-align: right;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: 967px;
  top: 74px;
}
.div8 {
  color: #ffffff;
  text-align: right;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: 866px;
  top: 74px;
}
.div9 {
  color: #ffffff;
  text-align: right;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: 676px;
  top: 74px;
}
.div10 {
  color: #ffffff;
  text-align: right;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: 529px;
  top: 74px;
}
.frame-3 {
  background: #ffffff;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 267px;
  position: absolute;
  left: 128px;
  top: 64px;
}
.div11 {
  color: #d4820a;
  text-align: right;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: relative;
}
.frame-2 {
  border-radius: 8px;
  border-style: solid;
  border-color: #d4820a;
  border-width: 1px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 210px;
  position: absolute;
  left: 1125px;
  top: 672px;
}
.div12 {
  color: #0f3460;
  text-align: right;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 2653px);
  width: 416px;
  height: 52px;
}
.rectangle-7 {
  background: #000000;
  border-radius: 16px;
  width: 226px;
  height: 67px;
  position: absolute;
  left: 1125px;
  top: 1231px;
}
.rectangle-9 {
  background: #000000;
  border-radius: 16px;
  width: 226px;
  height: 67px;
  position: absolute;
  left: 625px;
  top: 1231px;
}
.rectangle-11 {
  background: #000000;
  border-radius: 16px;
  width: 226px;
  height: 67px;
  position: absolute;
  left: 876px;
  top: 1231px;
}
.rectangle-10 {
  background: #000000;
  border-radius: 16px;
  width: 226px;
  height: 67px;
  position: absolute;
  left: 375px;
  top: 1231px;
}
.image-1 {
  width: 141px;
  height: 37px;
  position: absolute;
  left: 1167px;
  top: 1246px;
  object-fit: cover;
  aspect-ratio: 141/37;
}
.mask-group {
  height: auto;
  position: absolute;
  left: 875px;
  top: 1231px;
  overflow: visible;
}
.image-3 {
  width: 123px;
  height: 47px;
  position: absolute;
  left: 676px;
  top: 1241px;
  object-fit: cover;
  aspect-ratio: 123/47;
}
.image-4 {
  width: 59px;
  height: 35px;
  position: absolute;
  left: 458px;
  top: 1247px;
  object-fit: cover;
  aspect-ratio: 59/35;
}
.div13 {
  color: #0f3460;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 2421px);
}
.div14 {
  color: #0f3460;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 533px);
}
.div15 {
  color: #0f3460;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -382px);
}
.div16 {
  color: #081728;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 2292px);
  width: 580px;
  height: 89px;
}
.rectangle-12 {
  background: #f5e6c8;
  border-radius: 24px;
  width: 475px;
  height: 330px;
  position: absolute;
  left: 1125px;
  top: 2021px;
}
.rectangle-13 {
  background: #d4820a;
  border-radius: 24px;
  width: 475px;
  height: 647px;
  position: absolute;
  left: 625px;
  top: 1704px;
}
.rectangle-14 {
  background: #f5e6c8;
  border-radius: 24px;
  width: 475px;
  height: 330px;
  position: absolute;
  left: 125px;
  top: 1704px;
}
.div17 {
  color: #0f3460;
  text-align: right;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -449px);
  top: calc(50% - 1572px);
}
.div18 {
  color: #f5e6c8;
  text-align: right;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 199px);
  top: calc(50% - 1572px);
}
.div19 {
  color: #0f3460;
  text-align: right;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 526px);
  top: calc(50% - 2054px);
  width: 223px;
}
.div20 {
  color: #0f3460;
  text-align: right;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -306px);
  top: calc(50% - 1536px);
  width: 396px;
  height: 47px;
}
.div21 {
  color: #ffffff;
  text-align: right;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 199px);
  top: calc(50% - 1536px);
  width: 396px;
  height: 47px;
}
.div22 {
  color: #0f3460;
  text-align: right;
  font-family: "-", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 469px);
  top: calc(50% - 1992px);
  width: 166px;
  height: 47px;
}
.div-22-span {
  font-family: "Zain-Regular", sans-serif;
}
.div-22-span2 {
  font-family: "Zain-ExtraBold", sans-serif;
  font-weight: 800;
}
.mock-3-1 {
  width: 473px;
  height: 473px;
  position: absolute;
  left: 1127px;
  top: 1842px;
  object-fit: cover;
  aspect-ratio: 1;
}
.mock-4-1 {
  width: 635px;
  height: 635px;
  position: absolute;
  left: 546px;
  top: 1577px;
  object-fit: cover;
  aspect-ratio: 1;
}
.mock-1-2 {
  width: 332px;
  height: 475px;
  position: absolute;
  left: 146px;
  top: 1559px;
  object-fit: cover;
  aspect-ratio: 332/475;
}
.rectangle-15 {
  background: #0f3460;
  width: 1728px;
  height: 765px;
  position: absolute;
  left: 0px;
  top: 2421px;
}
.rectangle-35 {
  background: #081728;
  width: 1950px;
  height: 469px;
  position: absolute;
  left: -111px;
  top: 4778px;
}
.rectangle-41 {
  background: #081728;
  width: 1950px;
  height: 829px;
  position: absolute;
  left: -111px;
  top: 7049px;
}
.div23 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - 1286px);
  width: 867px;
}
.div24 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -1047px);
  width: 867px;
}
.div25 {
  color: #081728;
  text-align: right;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 920px);
  top: calc(50% - -1665px);
  width: 867px;
}
.div26 {
  color: #081728;
  text-align: right;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 817px);
  top: calc(50% - -2407px);
  width: 867px;
}
.div27 {
  color: #ffffff;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 197px);
  top: calc(50% - 1160px);
  width: 396px;
  height: 22px;
}
.div28 {
  color: #d4820a;
  text-align: center;
  font-family: "ZainMobVariable400-ZainMobVariable400", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 197px);
  top: calc(50% - 1318px);
  width: 396px;
  height: 22px;
}
.div29 {
  color: #d4820a;
  text-align: center;
  font-family: "ZainMobVariable400-ZainMobVariable400", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 197px);
  top: calc(50% - 565px);
  width: 396px;
  height: 22px;
}
.div30 {
  color: #d4820a;
  text-align: center;
  font-family: "ZainMobVariable400-ZainMobVariable400", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 197px);
  top: calc(50% - -350px);
  width: 396px;
  height: 22px;
}
.rectangle-16 {
  background: #d4820a;
  border-radius: 16px;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 1364px;
  top: 2807px;
}
.rectangle-17 {
  background: #d4820a;
  border-radius: 16px;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 986px;
  top: 2807px;
}
.rectangle-18 {
  background: #d4820a;
  border-radius: 16px;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 608px;
  top: 2807px;
}
.rectangle-19 {
  background: #d4820a;
  border-radius: 16px;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 230px;
  top: 2807px;
}
.div31 {
  color: #f5e6c8;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -386px);
  top: calc(50% - 821px);
  width: 350px;
  height: 25px;
}
.div32 {
  color: #f5e6c8;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -12px);
  top: calc(50% - 821px);
  width: 350px;
  height: 25px;
}
.div33 {
  color: #f5e6c8;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 362px);
  top: calc(50% - 821px);
  width: 350px;
  height: 25px;
}
.div34 {
  color: #f5e6c8;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 736px);
  top: calc(50% - 821px);
  width: 350px;
  height: 25px;
}
.app-store-google-play {
  color: #ffffff;
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -404px);
  top: calc(50% - 785px);
  width: 314px;
  height: 41px;
}
.app-store-google-play-span {
  font-family: "Zain-Regular", sans-serif;
}
.app-store-google-play-span2 {
  font-family: "Inter-Regular", sans-serif;
}
.div35 {
  color: #ffffff;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -30px);
  top: calc(50% - 785px);
  width: 314px;
  height: 41px;
}
.div36 {
  color: #ffffff;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 344px);
  top: calc(50% - 785px);
  width: 314px;
  height: 41px;
}
.div37 {
  color: #ffffff;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 718px);
  top: calc(50% - 785px);
  width: 314px;
  height: 41px;
}
.cloud-download-alt-1 {
  width: 44px;
  height: 44px;
  position: absolute;
  left: 1403px;
  top: 2843px;
  overflow: visible;
}
.vector {
  width: 2.55%;
  height: 44px;
  position: absolute;
  right: 38.31%;
  left: 59.14%;
  top: calc(50% - 961px);
  overflow: visible;
  aspect-ratio: 1;
}
.key-1 {
  width: 44px;
  height: 44px;
  position: absolute;
  left: 644px;
  top: 2843px;
  overflow: visible;
  aspect-ratio: 1;
}
.wallet-income-1 {
  width: 44px;
  height: 44px;
  position: absolute;
  left: 266px;
  top: 2843px;
  overflow: visible;
  aspect-ratio: 1;
}
.vector-1 {
  width: 246px;
  height: 0px;
  position: absolute;
  left: 1113px;
  top: 2868px;
  overflow: visible;
}
.vector-2 {
  width: 246px;
  height: 0px;
  position: absolute;
  left: 733px;
  top: 2868px;
  overflow: visible;
}
.vector-3 {
  width: 246px;
  height: 0px;
  position: absolute;
  left: 355px;
  top: 2868px;
  overflow: visible;
}
.rectangle-20 {
  background: #d4820a;
  border-radius: 16px;
  width: 350px;
  height: 350px;
  position: absolute;
  left: 1250px;
  top: 3364px;
}
.rectangle-24 {
  background: #0f3460;
  border-radius: 16px;
  width: 350px;
  height: 350px;
  position: absolute;
  left: 1250px;
  top: 3734px;
}
.rectangle-32 {
  background: #0f3460;
  border-radius: 16px;
  width: 473px;
  height: 370px;
  position: absolute;
  left: 1127px;
  top: 4268px;
}
.rectangle-33 {
  background: #0f3460;
  border-radius: 16px;
  width: 473px;
  height: 370px;
  position: absolute;
  left: 629px;
  top: 4268px;
}
.rectangle-34 {
  background: #0f3460;
  border-radius: 16px;
  width: 473px;
  height: 370px;
  position: absolute;
  left: 131px;
  top: 4268px;
}
.rectangle-25 {
  background: #d4820a;
  border-radius: 16px;
  width: 350px;
  height: 350px;
  position: absolute;
  left: 876px;
  top: 3734px;
}
.rectangle-22 {
  background: #d4820a;
  border-radius: 16px;
  width: 350px;
  height: 350px;
  position: absolute;
  left: 128px;
  top: 3364px;
}
.rectangle-21 {
  background: #0f3460;
  border-radius: 16px;
  width: 724px;
  height: 350px;
  position: absolute;
  left: 502px;
  top: 3364px;
}
.rectangle-23 {
  background: #0f3460;
  border-radius: 16px;
  width: 724px;
  height: 350px;
  position: absolute;
  left: 128px;
  top: 3734px;
}
.div38 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -386px);
  top: calc(50% - 232px);
  width: 350px;
  height: 25px;
}
.div39 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -12px);
  top: calc(50% - -141px);
  width: 350px;
  height: 25px;
}
._24-72 {
  color: #ffffff;
  text-align: center;
  font-family: "-", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 736px);
  top: calc(50% - 232px);
  width: 350px;
  height: 25px;
}
._24-72-span {
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
}
._24-72-span2 {
  font-family: "Inter-Bold", sans-serif;
  font-weight: 700;
}
.div40 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 187px);
  top: calc(50% - 232px);
  width: 350px;
  height: 25px;
}
.div41 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 549px);
  top: calc(50% - -141px);
  width: 350px;
  height: 25px;
}
.div42 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -386px);
  top: calc(50% - -141px);
  width: 350px;
  height: 25px;
}
.div43 {
  color: #ffffff;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -404px);
  top: calc(50% - 196px);
  width: 314px;
  height: 41px;
}
.div44 {
  color: #ffffff;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -30px);
  top: calc(50% - -177px);
  width: 314px;
  height: 41px;
}
.div45 {
  color: #ffffff;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 718px);
  top: calc(50% - 196px);
  width: 314px;
  height: 41px;
}
.div46 {
  color: #ffffff;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 169px);
  top: calc(50% - 196px);
  width: 314px;
  height: 41px;
}
.div47 {
  color: #ffffff;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 531px);
  top: calc(50% - -177px);
  width: 314px;
  height: 41px;
}
.div48 {
  color: #ffffff;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - -404px);
  top: calc(50% - -177px);
  width: 314px;
  height: 41px;
}
.rectangle-26 {
  background: #081728;
  border-radius: 16px;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 1367px;
  top: 3423px;
}
.rectangle-30 {
  background: #081728;
  border-radius: 16px;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 993px;
  top: 3796px;
}
.rectangle-37 {
  background: #f5e6c8;
  border-radius: 16px;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 731px;
  top: 5630px;
}
.rectangle-38 {
  background: #f5e6c8;
  border-radius: 16px;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 731px;
  top: 5728px;
}
.rectangle-39 {
  background: #f5e6c8;
  border-radius: 16px;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 731px;
  top: 5826px;
}
.rectangle-40 {
  background: #f5e6c8;
  border-radius: 16px;
  width: 80px;
  height: 80px;
  position: absolute;
  left: 731px;
  top: 5924px;
}
.rectangle-28 {
  background: #081728;
  border-radius: 16px;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 245px;
  top: 3423px;
}
.rectangle-27 {
  background: #d4820a;
  border-radius: 16px;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 794px;
  top: 3423px;
}
.rectangle-29 {
  background: #d4820a;
  border-radius: 16px;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 432px;
  top: 3796px;
}
.rectangle-31 {
  background: #d4820a;
  border-radius: 16px;
  width: 116px;
  height: 116px;
  position: absolute;
  left: 1367px;
  top: 3796px;
}
.payment-security-1 {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 1404px;
  top: 3460px;
  overflow: visible;
  aspect-ratio: 1;
}
.bolt-1 {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 831px;
  top: 3460px;
  overflow: visible;
  aspect-ratio: 1;
}
.group-1 {
  width: 1.91%;
  height: 0.55%;
  position: absolute;
  right: 81.54%;
  left: 16.55%;
  bottom: 53.97%;
  top: 45.48%;
  overflow: visible;
  aspect-ratio: 33.02/42;
}
.cars-1 {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 469px;
  top: 3833px;
  overflow: visible;
  aspect-ratio: 1;
}
.growth-chart-invest-1 {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 1030px;
  top: 3833px;
  overflow: visible;
  aspect-ratio: 1;
}
.vector2 {
  width: 2.66%;
  height: 42px;
  position: absolute;
  right: 16.2%;
  left: 81.13%;
  top: calc(50% - -29px);
  overflow: visible;
  aspect-ratio: 46/42;
}
.div49 {
  color: #d4820a;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: absolute;
  left: 1248px;
  top: 4303px;
  width: 231px;
  height: 43px;
}
.div50 {
  color: #d4820a;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: absolute;
  left: 750px;
  top: 4303px;
  width: 231px;
  height: 43px;
}
.div51 {
  color: #d4820a;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 48px;
  font-weight: 400;
  position: absolute;
  left: 252px;
  top: 4303px;
  width: 231px;
  height: 43px;
}
.div52 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: 1162px;
  top: 4426px;
  width: 404px;
  height: 53px;
}
.div53 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: 664px;
  top: 4426px;
  width: 404px;
  height: 53px;
}
.div54 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: 166px;
  top: 4426px;
  width: 404px;
  height: 53px;
}
.group-2 {
  width: 1.85%;
  height: 0.3%;
  position: absolute;
  right: 9.61%;
  left: 88.54%;
  bottom: 41.98%;
  top: 57.72%;
  overflow: visible;
}
.group-3 {
  width: 1.85%;
  height: 0.3%;
  position: absolute;
  right: 38.43%;
  left: 59.72%;
  bottom: 41.98%;
  top: 57.72%;
  overflow: visible;
}
.group-4 {
  width: 1.85%;
  height: 0.3%;
  position: absolute;
  right: 67.25%;
  left: 30.9%;
  bottom: 41.98%;
  top: 57.72%;
  overflow: visible;
}
.ellipse-1 {
  background: #f5e6c8;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 1401px;
  top: 4558px;
}
.ellipse-2 {
  background: #f5e6c8;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 903px;
  top: 4558px;
}
.ellipse-3 {
  background: #f5e6c8;
  border-radius: 50%;
  width: 56px;
  height: 56px;
  position: absolute;
  left: 405px;
  top: 4558px;
}
.div55 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: 1270px;
  top: 4568px;
}
.div56 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: 774px;
  top: 4568px;
}
.div57 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: 288px;
  top: 4568px;
}
.div58 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  left: 1345px;
  top: 4590px;
}
.div59 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  left: 870px;
  top: 4590px;
}
.div60 {
  color: #ffffff;
  text-align: center;
  font-family: "ZainMobVariable200-ZainMobVariable200", sans-serif;
  font-size: 12px;
  font-weight: 400;
  position: absolute;
  left: 364px;
  top: 4590px;
}
.div61 {
  color: #d4820a;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: 1424px;
  top: 4576px;
  width: 10px;
  height: 20px;
}
.div62 {
  color: #d4820a;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: 926px;
  top: 4576px;
  width: 10px;
  height: 20px;
}
.div63 {
  color: #d4820a;
  text-align: center;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 16px;
  font-weight: 400;
  position: absolute;
  left: 428px;
  top: 4576px;
  width: 10px;
  height: 20px;
}
.div64 {
  color: #ffffff;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: 50%;
  translate: -50%;
  top: calc(50% - -1129px);
  width: 474px;
  height: 61px;
}
.div65 {
  color: #081728;
  text-align: right;
  font-family: "Zain-Regular", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 598px);
  top: calc(50% - -1747px);
  width: 545px;
  height: 61px;
}
.div66 {
  color: #081728;
  text-align: right;
  font-family: "-", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: calc(50% - 690px);
  top: calc(50% - -1835px);
  width: 545px;
  height: 61px;
}
.div-66-span {
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
}
.div-66-span2 {
  font-family: "Zain-Regular", sans-serif;
}
._0530061883-966564649515 {
  color: #081728;
  text-align: right;
  position: absolute;
  left: calc(50% - 690px);
  top: calc(50% - -1933px);
  width: 545px;
  height: 61px;
}
._0530061883-966564649515-span {
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
}
._0530061883-966564649515-span2 {
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 115.5%;
  font-weight: 400;
}
.info-mumaken-com {
  color: #081728;
  text-align: right;
  position: absolute;
  left: calc(50% - 690px);
  top: calc(50% - -2031px);
  width: 545px;
  height: 61px;
}
.info-mumaken-com-span {
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  line-height: 167%;
  font-weight: 400;
}
.info-mumaken-com-span2 {
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 167%;
  font-weight: 400;
}
._1010880125-3116522265 {
  color: #081728;
  text-align: right;
  position: absolute;
  left: calc(50% - 690px);
  top: calc(50% - -2129px);
  width: 545px;
  height: 61px;
}
._1010880125-3116522265-span {
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
}
._1010880125-3116522265-span2 {
  font-family: "Inter-Regular", sans-serif;
  font-size: 20px;
  line-height: 115.5%;
  font-weight: 400;
}
._1010880125-3116522265-span3 {
  font-family: "Zain-Regular", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
}
.frame-4 {
  background: #ffffff;
  border-radius: 15px;
  padding: 33px 51px 34px 60px;
  display: flex;
  flex-direction: row;
  gap: 28px;
  align-items: center;
  justify-content: center;
  width: 475px;
  height: 128px;
  position: absolute;
  left: calc(50% - -12px);
  top: calc(50% - -1235px);
}
.group-7 {
  flex-shrink: 0;
  width: 214.02px;
  height: 61px;
  position: static;
}
.group-6 {
  width: 128px;
  height: 52px;
  position: static;
}
.div67 {
  color: #0f3460;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: 182.99px;
  top: 33px;
}
.play-store {
  color: #0f3460;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 700;
  position: absolute;
  left: 134.99px;
  top: 57px;
}
.vector3 {
  width: 11.59%;
  height: 47.66%;
  position: absolute;
  right: 26.52%;
  left: 61.89%;
  bottom: 26.56%;
  top: 25.78%;
  overflow: visible;
}
.frame-12 {
  background: #ffffff;
  border-radius: 15px;
  padding: 33px 51px 34px 60px;
  display: flex;
  flex-direction: row;
  gap: 28px;
  align-items: center;
  justify-content: center;
  width: 232px;
  height: 62px;
  position: absolute;
  left: calc(50% - -504px);
  top: calc(50% - -3678px);
}
.group-72 {
  flex-shrink: 0;
  width: 139.93px;
  height: 41px;
  position: static;
}
.group-62 {
  width: 79.98px;
  height: 34.95px;
  position: static;
}
.div68 {
  color: #0f3460;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: 76.54px;
  top: 14px;
  width: 53.77px;
  height: 18.82px;
}
.play-store2 {
  color: #0f3460;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 700;
  position: absolute;
  left: 50.54px;
  top: 30.13px;
  width: 79.98px;
  height: 18.82px;
}
.vector4 {
  width: 15.95%;
  height: 66.13%;
  position: absolute;
  right: 17.9%;
  left: 66.15%;
  bottom: 17.74%;
  top: 16.13%;
  overflow: visible;
}
.frame-5 {
  background: #ffffff;
  border-radius: 15px;
  padding: 33px 51px 34px 58px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 475px;
  height: 128px;
  position: absolute;
  left: 378px;
  top: 5039px;
}
.group-8 {
  flex-shrink: 0;
  width: 216.87px;
  height: 61px;
  position: static;
}
.group-63 {
  width: 138px;
  height: 52px;
  position: static;
}
.div69 {
  color: #0f3460;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: 190.56px;
  top: 33px;
}
.apple-store {
  color: #0f3460;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 700;
  position: absolute;
  left: 132.56px;
  top: 57px;
}
.group-5 {
  width: 68.87px;
  height: 61px;
  position: absolute;
  left: 280.56px;
  top: 33px;
  overflow: visible;
  aspect-ratio: 68.87/61;
}
.frame-13 {
  background: #ffffff;
  border-radius: 15px;
  padding: 33px 51px 34px 58px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 232px;
  height: 62px;
  position: absolute;
  left: 1125px;
  top: 7482px;
}
.group-82 {
  flex-shrink: 0;
  width: 153.94px;
  height: 43px;
  position: static;
}
.group-64 {
  width: 97.28px;
  height: 36.66px;
  position: static;
}
.div70 {
  color: #0f3460;
  text-align: center;
  font-family: "Zain-Regular", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 400;
  position: absolute;
  left: 83.42px;
  top: 15px;
  width: 56.39px;
  height: 19.74px;
}
.apple-store2 {
  color: #0f3460;
  text-align: center;
  font-family: "Inter-Bold", sans-serif;
  font-size: 16px;
  line-height: 115.5%;
  font-weight: 700;
  position: absolute;
  left: 42.53px;
  top: 31.92px;
  width: 97.28px;
  height: 19.74px;
}
.group-52 {
  width: 48.55px;
  height: 43px;
  position: absolute;
  left: 147.92px;
  top: 9px;
  overflow: visible;
  aspect-ratio: 48.55/43;
}
.fi-9970310 {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 756px;
  top: 5655px;
  overflow: hidden;
}
.group3 {
  height: auto;
  position: absolute;
  left: 5.18px;
  top: 1.25px;
  overflow: visible;
}
.fi-597177 {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 756px;
  top: 5753px;
  overflow: hidden;
}
.group4 {
  height: auto;
  position: absolute;
  left: 0.03px;
  top: 0px;
  overflow: visible;
}
.fi-17773367 {
  width: 30px;
  height: 30px;
  position: absolute;
  left: 756px;
  top: 5851px;
  overflow: visible;
  aspect-ratio: 1;
}
.fi-10312688 {
  width: 32px;
  height: 32px;
  position: absolute;
  left: 755px;
  top: 5948px;
  overflow: hidden;
}
.group5 {
  width: 83.33%;
  height: 82.8%;
  position: absolute;
  right: 8.33%;
  left: 8.33%;
  bottom: 8.33%;
  top: 8.87%;
  overflow: visible;
}
.frame-10 {
  border-radius: 8px;
  border-style: solid;
  border-color: #0f3460;
  border-width: 1px;
  padding: 10px 42px 10px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  width: 749px;
  height: 60px;
  position: absolute;
  left: 165px;
  top: 6359px;
}
.div71 {
  color: rgba(15, 52, 96, 0.25);
  text-align: right;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  line-height: 44px;
  font-weight: 400;
  position: relative;
  width: 303px;
  height: 37px;
}
.frame-6 {
  border-radius: 8px;
  border-style: solid;
  border-color: #0f3460;
  border-width: 1px;
  padding: 10px 35px 10px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
  width: 749px;
  height: 60px;
  position: absolute;
  left: 165px;
  top: 6495px;
}
.email-example-com {
  color: rgba(15, 52, 96, 0.25);
  text-align: right;
  font-family: "Inter-Regular", sans-serif;
  font-size: 24px;
  line-height: 44px;
  font-weight: 400;
  position: relative;
  width: 303px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.frame-11 {
  border-radius: 8px;
  border-style: solid;
  border-color: #0f3460;
  border-width: 1px;
  padding: 10px 35px 10px 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: flex-start;
  justify-content: flex-end;
  width: 749px;
  height: 176px;
  position: absolute;
  left: 165px;
  top: 6629px;
}
.frame-9 {
  background: #d4820a;
  border-radius: 8px;
  padding: 10px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  width: 749px;
  height: 61px;
  position: absolute;
  left: 165px;
  top: 6841px;
}
.div72 {
  color: #ffffff;
  text-align: right;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  line-height: 44px;
  font-weight: 400;
  position: relative;
}
.div73 {
  color: #0f3460;
  text-align: right;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  line-height: 44px;
  font-weight: 400;
  position: absolute;
  left: 611px;
  top: 6317px;
  width: 303px;
  height: 37px;
}
.div74 {
  color: #0f3460;
  text-align: right;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  line-height: 44px;
  font-weight: 400;
  position: absolute;
  left: 713px;
  top: 6449px;
  width: 201px;
  height: 42px;
}
.div75 {
  color: #0f3460;
  text-align: right;
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  line-height: 44px;
  font-weight: 400;
  position: absolute;
  left: 713px;
  top: 6583px;
  width: 201px;
  height: 42px;
}
.screenshot-2026-04-05-at-18-16-55-1 {
  border-radius: 57px;
  width: 565px;
  height: 804px;
  position: absolute;
  left: 967px;
  top: 6164px;
  object-fit: cover;
  aspect-ratio: 565/804;
}
.layer-12 {
  width: 475px;
  height: 124px;
  position: absolute;
  left: 1125px;
  top: 7139px;
  overflow: hidden;
}
.group6 {
  width: 28.63%;
  height: 76.91%;
  position: absolute;
  right: 0%;
  left: 71.37%;
  bottom: 11.54%;
  top: 11.55%;
  overflow: visible;
}
.group7 {
  height: auto;
  position: absolute;
  left: 0px;
  top: -0.02px;
  overflow: visible;
}
.div76 {
  color: #ffffff;
  text-align: right;
  position: absolute;
  left: 627px;
  top: 7166px;
  width: 225px;
  height: 261px;
}
.div-76-span {
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 32px;
  line-height: 115.5%;
  font-weight: 400;
}
.div-76-span2 {
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
}
.div-76-span3 {
  list-style-type: disc;
  padding-left: 1em;
  font-family: "Zain-Regular", sans-serif;
  font-size: 24px;
  line-height: 149%;
  font-weight: 400;
}
.div77 {
  color: #ffffff;
  text-align: right;
  position: absolute;
  left: 377px;
  top: 7166px;
  width: 225px;
  height: 261px;
}
.div-77-span {
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 32px;
  line-height: 115.5%;
  font-weight: 400;
}
.div-77-span2 {
  font-family: "ZainMobVariable600-ZainMobVariable600", sans-serif;
  font-size: 24px;
  line-height: 115.5%;
  font-weight: 400;
}
.div-77-span3 {
  list-style-type: disc;
  padding-left: 1em;
  font-family: "Zain-Regular", sans-serif;
  font-size: 24px;
  line-height: 149%;
  font-weight: 400;
}
.lg-2 {
  border-radius: 57px;
  width: 724px;
  height: 724px;
  position: absolute;
  left: 876px;
  top: 5358px;
  object-fit: cover;
  aspect-ratio: 1;
}