.box {
  position: relative;
  width: 1440px;
  height: 3753px;
}

.box .group {
  position: relative;
  width: 1440px;
  height: 3753px;
}

.box .frame {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  justify-content: center;
  gap: 60px;
  padding: 80px 135px;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #00010c;
}

.box .div {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
}

.box .frame-2 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.box .div-wrapper {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px 12px;
  position: relative;
  flex: 0 0 auto;
  background-color: #7546dd4c;
  border-radius: 99px;
  border: 1px solid;
  border-color: #595959;
}

.box .text-wrapper {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.2px;
  white-space: nowrap;
}

.box .text-wrapper-2 {
  position: relative;
  width: fit-content;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 48px;
  letter-spacing: 0;
  line-height: 48px;
  white-space: nowrap;
}

.box .dropdown-text-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 4px;
}

.box .dropdown-text {
  position: relative;
  width: fit-content;
  margin-top: -0.50px;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: #7b79f3;
  font-size: 24px;
  letter-spacing: 0;
  line-height: normal;
  text-decoration: underline;
}

.box .frame-3 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.box .frame-wrapper {
  display: flex;
  width: 892px;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  flex: 0 0 auto;
  background-color: #0f0d28;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: inset 0px 0.55px 21.86px #e2deff33;
  backdrop-filter: blur(27.32px) brightness(100%);
  -webkit-backdrop-filter: blur(27.32px) brightness(100%);
}

.box .frame-4 {
  display: flex;
  align-items: center;
  gap: 50px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.box .frame-5 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
  padding: 40px;
  position: relative;
  flex: 1;
  align-self: stretch;
  flex-grow: 1;
  background-color: #04051580;
  border-radius: 20px;
  box-shadow: inset 0px 0.5px 12px #e2deff33;
  backdrop-filter: blur(27.32px) brightness(100%);
  -webkit-backdrop-filter: blur(27.32px) brightness(100%);
}

.box .text-wrapper-3 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Poppins", Helvetica;
  font-weight: 500;
  color: #7b79f3;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 26.0px;
  white-space: nowrap;
}

.box .frame-6 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.box .frame-7 {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  position: relative;
  flex: 0 0 auto;
}

.box .text-wrapper-4 {
  font-weight: 500;
  color: #ffffff;
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: 48.0px;
  white-space: nowrap;
}

.box .text-wrapper-5 {
  position: relative;
  width: fit-content;
  font-family: "Inter", Helvetica;
  font-weight: 500;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 20px;
  white-space: nowrap;
}

.box .for-small-teams {
  position: relative;
  width: fit-content;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff80;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 18.2px;
  white-space: nowrap;
}

.box .line {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1px;
  object-fit: cover;
}

.box .frame-8 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 10px 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #7b79f3;
  border-radius: 4px;
}

.box .dropdown-text-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.box .frame-9 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  flex: 1;
  flex-grow: 1;
}

.box .frame-10 {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.box .img {
  position: relative;
  width: 24px;
  height: 23px;
}

.box .text-wrapper-6 {
  position: relative;
  flex: 1;
  margin-top: -1.00px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.box .frame-11 {
  display: flex;
  align-items: center;
  gap: 50px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #0f0d28;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: inset 0px 0.55px 21.86px #e2deff33;
  backdrop-filter: blur(27.32px) brightness(100%);
  -webkit-backdrop-filter: blur(27.32px) brightness(100%);
}

.box .frame-12 {
  display: flex;
  flex-direction: column;
  width: 419px;
  align-items: flex-start;
  gap: 30px;
  padding: 40px;
  position: relative;
  background-color: #04051580;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: inset 0px 0.5px 12px #e2deff33;
  backdrop-filter: blur(27.32px) brightness(100%);
  -webkit-backdrop-filter: blur(27.32px) brightness(100%);
}

.box .frame-13 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.box .frame-14 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px 10px;
  position: relative;
  flex: 0 0 auto;
  background-color: #7546dd4c;
  border-radius: 100px;
  border: 1px solid;
  border-color: #6e6e6e1a;
}

.box .text-wrapper-7 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.box .frame-15 {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  position: relative;
  flex: 0 0 auto;
}

.box .text-wrapper-8 {
  font-weight: 400;
  color: #585858;
  text-decoration: line-through;
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  line-height: 48.0px;
  white-space: nowrap;
}

.box .vector {
  position: absolute;
  top: 0;
  left: 167px;
  width: 252px;
  height: 205px;
}

.box .frame-16 {
  display: flex;
  flex-direction: column;
  width: 361px;
  align-items: flex-start;
  gap: 12px;
  position: relative;
}

.box .frame-17 {
  display: flex;
  width: 1440px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 120px 135px;
  position: absolute;
  top: 1026px;
  left: 0;
  background-color: #00010c;
  border: 1px solid;
  border-color: #020101;
}

.box .frame-18 {
  display: flex;
  flex-direction: column;
  width: 1170px;
  align-items: center;
  gap: 60px;
  position: relative;
}

.box .frame-19 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.box .frame-20 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #7546dd03;
  border-radius: 8px;
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
  box-shadow: inset 0px 0.55px 21.86px #e2deff33;
  backdrop-filter: blur(27.32px) brightness(100%);
  -webkit-backdrop-filter: blur(27.32px) brightness(100%);
  border: none;
}

.box .frame-20::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.5px;
  border-radius: 8px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 25%,
    rgba(255, 255, 255, 0.5) 75%,
    rgba(153, 153, 153, 0) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.box .frame-21 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.box .p {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 28.8px;
  white-space: nowrap;
}

.box .frame-22 {
  position: relative;
  width: 40px;
  height: 40px;
}

.box .frame-23 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 20px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #7b79f3;
  border-radius: 12px;
  border-bottom-width: 0.5px;
  border-bottom-style: solid;
  border: none;
}

.box .frame-23::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 0.5px;
  border-radius: 12px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0) 0%,
    rgba(255, 255, 255, 0.5) 25%,
    rgba(255, 255, 255, 0.5) 75%,
    rgba(153, 153, 153, 0) 100%
  );
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
  pointer-events: none;
}

.box .frame-24 {
  display: flex;
  flex-direction: column;
  width: 1090px;
  align-items: flex-start;
  justify-content: center;
  gap: 12px;
  position: relative;
}

.box .a-payment-gateway-is {
  position: relative;
  align-self: stretch;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffffb2;
  font-size: 20px;
  letter-spacing: 0;
  line-height: 24.0px;
}

.box .text-wrapper-9 {
  position: relative;
  flex: 1;
  margin-top: -0.50px;
  font-family: "DM Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 24px;
  letter-spacing: 0;
  line-height: 31.2px;
}

.box .frame-25 {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  gap: 60px;
  padding: 80px 135px;
  position: absolute;
  top: 1962px;
  left: 0;
  background-color: #00010c;
}

.box .frame-26 {
  display: flex;
  align-items: flex-start;
  gap: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.box .frame-27 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 40px;
  padding: 40px;
  position: relative;
  flex: 1;
  flex-grow: 1;
  background-color: #7546dd03;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: inset 0px 0.55px 21.86px #e2deff33;
  backdrop-filter: blur(27.32px) brightness(100%);
  -webkit-backdrop-filter: blur(27.32px) brightness(100%);
}

.box .frame-28 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.box .frame-29 {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
  position: relative;
  flex: 0 0 auto;
}

.box .ellipse {
  position: relative;
  width: 100px;
  height: 100px;
}

.box .frame-30 {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.box .text-wrapper-10 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 500;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: -0.40px;
  line-height: 18.0px;
  white-space: nowrap;
}

.box .text-wrapper-11 {
  position: relative;
  width: fit-content;
  font-family: "DM Sans", Helvetica;
  font-weight: 400;
  color: #ffffffb2;
  font-size: 16px;
  letter-spacing: -0.32px;
  line-height: 14.4px;
  white-space: nowrap;
}

.box .vector-2 {
  position: absolute;
  top: 31px;
  left: -40px;
  width: 519px;
  height: 391px;
}

.box .we-advertise-with-wrapper {
  display: flex;
  flex-direction: column;
  height: 182px;
  align-items: center;
  justify-content: center;
  gap: 20px;
  padding: 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  background-color: #04051580;
  border-radius: 20px;
}

.box .we-advertise-with {
  position: relative;
  align-self: stretch;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffffb2;
  font-size: 16px;
  text-align: center;
  letter-spacing: 0;
  line-height: 19.2px;
}

.box .frame-31 {
  position: relative;
  flex: 0 0 auto;
}

.box .frame-32 {
  display: flex;
  width: 1440px;
  align-items: flex-start;
  justify-content: center;
  gap: 80px;
  padding: 120px 135px;
  position: absolute;
  top: 2841px;
  left: 0;
  background-color: #00010c;
}

.box .vector-3 {
  position: absolute;
  top: -536px;
  left: 0;
  width: 764px;
  height: 1448px;
}

.box .benefit-from-limited {
  position: relative;
  width: 489px;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 500;
  color: transparent;
  font-size: 40px;
  letter-spacing: 0;
  line-height: 40px;
}

.box .span {
  color: #ffffff;
}

.box .text-wrapper-12 {
  color: #ffffff80;
}

.box .frame-33 {
  display: flex;
  flex-direction: column;
  width: 524px;
  align-items: flex-start;
  justify-content: center;
  gap: 24px;
  padding: 20px;
  position: relative;
  background-color: #7546dd03;
  border-radius: 12px;
  border: 0.5px solid;
  border-color: #ededed80;
  box-shadow: inset 0px 0.55px 21.86px #e2deff33;
  backdrop-filter: blur(27.32px) brightness(100%);
  -webkit-backdrop-filter: blur(27.32px) brightness(100%);
}

.box .text-wrapper-13 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 20px;
  letter-spacing: -0.40px;
  line-height: 24.0px;
  white-space: nowrap;
}

.box .frame-34 {
  display: flex;
  align-items: center;
  padding: 20px 12px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  border-radius: 8px;
  border: 1px solid;
  border-color: #ffffff;
}

.box .text-wrapper-14 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: -0.32px;
  line-height: 14.4px;
  white-space: nowrap;
}

.box .frame-35 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 20px 24px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
  background-color: #7b79f3;
  border-radius: 12px;
}

.box .footer {
  display: flex;
  flex-direction: column;
  width: 1440px;
  align-items: center;
  gap: 40px;
  padding: 80px 135px 20px;
  position: absolute;
  top: 3301px;
  left: 0;
  background-color: #0f112e;
}

.box .frame-36 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 60px;
  position: relative;
  align-self: stretch;
  width: 100%;
  flex: 0 0 auto;
}

.box .frame-37 {
  display: flex;
  width: 1170px;
  height: 48px;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.box .group-2 {
  position: relative;
  width: 161.71px;
  height: 32.82px;
}

.box .email-address {
  position: relative;
  width: 816px;
  margin-top: -1.00px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffffb2;
  font-size: 16px;
  letter-spacing: 0;
  line-height: 24px;
}

.box .frame-38 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  position: relative;
  flex: 0 0 auto;
}

.box .text-wrapper-15 {
  position: relative;
  width: 184px;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 700;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 28px;
}

.box .text-wrapper-16 {
  margin-top: -1.00px;
  position: relative;
  width: fit-content;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 20px;
  white-space: nowrap;
}

.box .text-wrapper-17 {
  position: relative;
  width: fit-content;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  letter-spacing: -0.28px;
  line-height: 20px;
  white-space: nowrap;
}

.box .text-wrapper-18 {
  position: relative;
  width: 184px;
  margin-top: -1.00px;
  font-family: "DM Sans", Helvetica;
  font-weight: 600;
  color: #ffffff;
  font-size: 18px;
  letter-spacing: -0.36px;
  line-height: 28px;
}

.box .frame-39 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  position: relative;
  flex: 0 0 auto;
}

.box .frame-40 {
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
  position: relative;
  flex: 0 0 auto;
}

.box .frame-41 {
  position: relative;
  width: 100px;
  height: 131px;
}

.box .frame-42 {
  display: inline-flex;
  align-items: center;
  padding: 2px;
  position: relative;
  top: 95px;
  background-color: #87aafd33;
  border-radius: 99px;
}

.box .frame-43 {
  display: flex;
  flex-direction: column;
  width: 48px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 4px 8px;
  position: relative;
  border-radius: 99px;
}

.box .text-wrapper-19 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 16px;
  letter-spacing: -0.32px;
  line-height: normal;
}

.box .frame-44 {
  display: flex;
  flex-direction: column;
  width: 48px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 4px 8px;
  position: relative;
  background-color: #fefdfe;
  border-radius: 99px;
}

.box .text-wrapper-20 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #7b79f3;
  font-size: 16px;
  letter-spacing: -0.32px;
  line-height: normal;
}

.box .divider {
  position: relative;
  width: 1170px;
  height: 1px;
}

.box .text-wrapper-21 {
  position: relative;
  width: fit-content;
  font-family: "Poppins", Helvetica;
  font-weight: 400;
  color: #ffffff;
  font-size: 14px;
  text-align: right;
  letter-spacing: -0.28px;
  line-height: 28px;
  white-space: nowrap;
}
