/* screen - landing */

.landing {
  align-items: flex-start;
  background-color: var(--black);
  display: flex;
  overflow: hidden;
  width: 1440px;
}

.landing .overlap-group7 {
  height: 4740px;
  margin-left: -746px;
  position: relative;
  width: 2938px;
}

.landing .bg {
  height: 4740px;
  left: 746px;
  position: absolute;
  top: 0;
  width: 1440px;
}

.landing .group-1000002054 {
  align-items: center;
  display: flex;
  flex-direction: column;
  left: 1216px;
  min-height: 242px;
  position: absolute;
  top: 3773px;
  width: 500px;
}

.landing .container {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 166px;
  width: 500px;
}

.landing .heading {
  letter-spacing: -0.72px;
  line-height: 44px;
  min-height: 44px;
  text-align: center;
  white-space: nowrap;
  width: 500px;
}

.landing .supporting-text-1 {
  color: var(--sunset-orange);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 30px;
  margin-top: 32px;
  min-height: 90px;
  text-align: center;
  width: 500px;
}

.landing .button-base {
  align-items: center;
  background-color: var(--persian-red);
  border-radius: 8px;
  box-shadow: 0px 1px 2px #1018280d;
  display: flex;
  height: 44px;
  margin-left: 2.0px;
  margin-top: 32px;
  overflow: hidden;
  padding: 0 32px;
  width: 148px;
}

.landing .text-1 {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 24px;
  min-width: 84px;
  white-space: nowrap;
}

.landing .container-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 866px;
  min-height: 468px;
  padding: 29px 32px;
  position: absolute;
  top: 2393px;
  width: 771px;
}

.landing .tab {
  align-items: flex-start;
  display: flex;
  margin-top: 8px;
  min-width: 632px;
}

.landing .tab-line {
  height: 134px;
  width: 4px;
}

.landing .content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 24px;
  min-height: 134px;
  padding: 24px 0;
  width: 604px;
}

.landing .text {
  letter-spacing: 0;
  line-height: 30px;
  min-height: 30px;
  white-space: nowrap;
}

.landing .supporting-text {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 8px;
  min-height: 48px;
  width: 604px;
}

.landing .tab-1 {
  align-items: flex-start;
  display: flex;
  min-width: 632px;
}

.landing .supporting-text-2 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 8px;
  min-height: 48px;
  width: 689px;
}

.landing .tab-2 {
  align-items: flex-start;
  display: flex;
  min-width: 632px;
}

.landing .group-228 {
  height: 24px;
  left: 1922px;
  position: absolute;
  top: 4692px;
  width: 184px;
}

.landing .line-15 {
  height: 2px;
  left: 746px;
  position: absolute;
  top: 4668px;
  width: 1440px;
}

.landing .heading-1 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxxl);
  font-weight: 500;
  left: 1040px;
  letter-spacing: -0.96px;
  line-height: 64px;
  position: absolute;
  text-align: center;
  top: 1609px;
  width: 852px;
}

.landing .group-223 {
  align-items: flex-start;
  display: flex;
  height: 874px;
  justify-content: flex-end;
  left: 1884px;
  min-width: 874px;
  opacity: 0.4;
  position: absolute;
  top: 261px;
  transform: rotate(-43.00deg);
}

.landing .ellipse-container {
  height: 1235px;
  margin-top: -596.04px;
  position: relative;
  width: 1235px;
}

.landing .ellipse-33 {
  border-radius: 308.79px;
  height: 618px;
  left: 305px;
  opacity: 0.6;
  position: absolute;
  top: 380px;
  transform: rotate(43.00deg);
  width: 618px;
}

.landing .ellipse-34 {
  border-radius: 372.89px;
  height: 746px;
  left: 239px;
  opacity: 0.8;
  position: absolute;
  top: 281px;
  transform: rotate(43.00deg);
  width: 746px;
}

.landing .ellipse-35 {
  border-radius: 436.98px;
  height: 874px;
  left: 181px;
  position: absolute;
  top: 181px;
  transform: rotate(43.00deg);
  width: 874px;
}

.landing .group-224 {
  align-items: flex-start;
  display: flex;
  height: 874px;
  justify-content: flex-end;
  left: 181px;
  min-width: 874px;
  opacity: 0.4;
  position: absolute;
  top: 261px;
  transform: rotate(-137.00deg);
}

.landing .ellipse-33-1 {
  border-radius: 308.79px;
  height: 618px;
  left: 305px;
  opacity: 0.6;
  position: absolute;
  top: 380px;
  transform: rotate(137.00deg);
  width: 618px;
}

.landing .ellipse-34-1 {
  border-radius: 372.89px;
  height: 746px;
  left: 239px;
  opacity: 0.8;
  position: absolute;
  top: 281px;
  transform: rotate(137.00deg);
  width: 746px;
}

.landing .ellipse-35-1 {
  border-radius: 436.98px;
  height: 874px;
  left: 181px;
  position: absolute;
  top: 181px;
  transform: rotate(137.00deg);
  width: 874px;
}

.landing .nedl-white-1 {
  height: 36px;
  left: 826px;
  object-fit: cover;
  position: absolute;
  top: 22px;
  width: 74px;
}

.landing .nedl-white-2 {
  height: 36px;
  left: 826px;
  object-fit: cover;
  position: absolute;
  top: 4686px;
  width: 74px;
}

.landing .button-base-1 {
  align-items: center;
  background-color: var(--persian-red);
  border-radius: 8px;
  box-shadow: 0px 1px 2px #1018280d;
  display: flex;
  height: 44px;
  left: 1937px;
  overflow: hidden;
  padding: 0 18px;
  position: absolute;
  top: 18px;
  width: 169px;
}

.landing .text-2 {
  letter-spacing: 0;
  line-height: 24px;
  min-height: 24px;
  min-width: 133px;
  white-space: nowrap;
}

.landing .frame-225 {
  align-items: flex-start;
  display: flex;
  height: 24px;
  left: 1674px;
  min-width: 203px;
  position: absolute;
  top: 28px;
}

.landing .group-224-1 {
  align-items: center;
  display: flex;
  height: 24px;
  min-width: 107px;
}

.landing .ant-designcaret-down-filled {
  height: 16px;
  width: 16px;
}

.landing .products {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 3px;
  min-height: 24px;
  min-width: 86px;
  white-space: nowrap;
}

.landing .about {
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 38px;
  min-height: 24px;
  white-space: nowrap;
}

.landing .group-225 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 858px;
  min-height: 177px;
  position: absolute;
  top: 2045px;
  width: 1218px;
}

.landing .flex-row {
  align-items: center;
  display: flex;
  height: 24px;
  min-width: 1216px;
}

.landing .line-15-1 {
  height: 2px;
  margin-top: 2.0px;
  width: 520px;
}

.landing .as-seen-on {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: var(--font-size-xxl);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 24px;
  margin-left: 24px;
  min-height: 24px;
  min-width: 128px;
  opacity: 0.4;
  white-space: nowrap;
}

.landing .line-14 {
  height: 2px;
  margin-left: 24px;
  margin-top: 2.0px;
  width: 520px;
}

.landing .flex-col {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 48px;
  min-height: 107px;
  width: 1216px;
}

.landing .group-220 {
  align-items: center;
  display: flex;
  height: 45px;
  margin-right: 0.8px;
  min-width: 1051px;
  opacity: 0.8;
}

.landing .forbes {
  height: 38px;
  margin-bottom: 3.0px;
  width: 153px;
}

.landing .vb-logo {
  height: 32px;
  margin-bottom: 2.6px;
  margin-left: 90px;
  width: 251px;
}

.landing .group-219 {
  align-self: flex-end;
  height: 42px;
  margin-left: 88px;
  width: 215px;
}

.landing .union {
  align-self: flex-start;
  height: 42px;
  margin-left: 83px;
  margin-top: 0;
  width: 170px;
}

.landing .line-15-2 {
  height: 2px;
  margin-top: 60px;
  width: 1216px;
}

.landing .welcome-to-the-world {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 64px;
  font-weight: 400;
  left: 1047px;
  letter-spacing: 0;
  line-height: 88px;
  position: absolute;
  text-align: center;
  top: 150px;
  width: 844px;
}

.landing .frame-1000002057 {
  background-image: url(../img/group-1000002052-1@1x.png);
  background-size: 100% 100%;
  height: 1088px;
  left: 1040px;
  position: absolute;
  top: 457px;
  width: 857px;
}

.landing .dev-1 {
  height: 620px;
  left: 1667px;
  object-fit: cover;
  position: absolute;
  top: 2317px;
  width: 313px;
}

.landing .group-227 {
  height: 80px;
  left: 962px;
  position: absolute;
  top: 932px;
  width: 564px;
}

.landing .copyright {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 18px;
  font-weight: 400;
  left: 1368px;
  letter-spacing: 0;
  line-height: 24px;
  opacity: 0.4;
  position: absolute;
  top: 4692px;
  white-space: nowrap;
}

.landing .features {
  left: 854px;
  letter-spacing: 0;
  line-height: 48px;
  position: absolute;
  top: 2317px;
  white-space: nowrap;
}

.landing .dev-2 {
  height: 620px;
  left: 884px;
  object-fit: cover;
  position: absolute;
  top: 3030px;
  width: 313px;
}

.landing .group-1000002053 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 1284px;
  min-height: 544px;
  position: absolute;
  top: 3030px;
  width: 783px;
}

.landing .group-1000002056 {
  height: 48px;
  margin-left: 0;
  width: 253px;
}

.landing .container-2 {
  align-items: flex-start;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
  margin-top: 28px;
  min-height: 468px;
  padding: 0 32px;
  width: 771px;
}

.landing .tab-3 {
  align-items: flex-start;
  display: flex;
  margin-top: 37px;
  min-width: 632px;
}

.landing .tab-4 {
  align-items: flex-start;
  display: flex;
  min-width: 632px;
}

.landing .tab-line-1 {
  height: 158px;
  width: 4px;
}

.landing .content-1 {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 24px;
  min-height: 158px;
  padding: 24px 0;
  width: 604px;
}

.landing .supporting-text-3 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 8px;
  min-height: 72px;
  width: 689px;
}

.landing .tab-5 {
  align-items: flex-start;
  display: flex;
  min-width: 632px;
}

.landing .supporting-text-4 {
  letter-spacing: 0;
  line-height: 24px;
  margin-top: 8px;
  min-height: 72px;
  width: 604px;
}

.landing .the-people-have-spoken {
  left: 1159px;
  letter-spacing: 0;
  line-height: 48px;
  position: absolute;
  text-align: center;
  top: 4259px;
  white-space: nowrap;
}

.landing .group-231 {
  align-items: flex-start;
  display: flex;
  height: 206px;
  left: 1035px;
  min-width: 862px;
  position: absolute;
  top: 4353px;
}

.landing .group-230 {
  align-items: center;
  display: flex;
  flex-direction: column;
  min-height: 206px;
  width: 198px;
}

.landing .overlap-group5 {
  height: 162px;
  margin-right: 6.0px;
  position: relative;
  width: 192px;
}

.landing .text-1-1 {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 120px;
  font-weight: 500;
  left: 7px;
  letter-spacing: -2.40px;
  line-height: 120px;
  position: absolute;
  text-align: center;
  top: 42px;
  white-space: nowrap;
}

.landing .app-ratings {
  left: 0;
  letter-spacing: -0.72px;
  position: absolute;
  text-align: center;
  top: 0;
}

.landing .out-of-5 {
  letter-spacing: -0.72px;
  margin-right: 6.0px;
  min-height: 44px;
  min-width: 128px;
  text-align: center;
}

.landing .overlap-group6 {
  align-self: flex-end;
  height: 193px;
  margin-bottom: 0;
  margin-left: 56px;
  position: relative;
  width: 608px;
}

.landing .quote-and-attribution {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  left: 0;
  min-height: 193px;
  position: absolute;
  top: 0;
  width: 608px;
}

.landing .quote-and-stars {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  min-height: 153px;
  width: 608px;
}

.landing .stars {
  align-items: flex-start;
  display: flex;
  min-width: 191px;
}

.landing .star-icon-1 {
  align-items: flex-end;
  display: flex;
  height: 33px;
  overflow: hidden;
  width: 33px;
}

.landing .star-container {
  height: 34px;
  margin-bottom: -0.82px;
  position: relative;
  width: 33px;
}

.landing .star-background {
  height: 33px;
  left: 0;
  position: absolute;
  top: 1px;
  width: 33px;
}

.landing .star {
  align-items: flex-end;
  display: flex;
  height: 33px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  width: 33px;
}

.landing .star-1 {
  height: 33px;
  margin-bottom: -0.82px;
  width: 33px;
}

.landing .star-icon {
  align-items: flex-end;
  display: flex;
  height: 33px;
  margin-left: 7px;
  overflow: hidden;
  width: 33px;
}

.landing .quote {
  color: var(--white);
  font-family: var(--font-family-inter);
  font-size: 32px;
  font-weight: 500;
  letter-spacing: -0.64px;
  line-height: 36px;
  margin-top: 12px;
  min-height: 108px;
  width: 608px;
}

.landing .text-3 {
  letter-spacing: 0;
  line-height: 28px;
  margin-top: 12px;
  min-height: 28px;
  white-space: nowrap;
}

.landing .arrows {
  height: 34px;
  left: 133px;
  position: absolute;
  top: 159px;
  width: 88px;
}

.landing .vector {
  height: 115px;
  left: 621px;
  position: absolute;
  top: 4015px;
  width: 1712px;
}

.landing .vector-1 {
  height: 115px;
  left: 621px;
  position: absolute;
  top: 3659px;
  width: 1712px;
}