.register {
  background-color: #040201;
  display: grid;
  justify-items: center;
  align-items: start;
  width: 100vw;
}

.register .div-3 {
  background-color: #040201;
  width: 1600px;
  height: 780px;
  position: relative;
}

.register .overlap-16 {
  position: absolute;
  width: 1600px;
  height: 668px;
  top: 112px;
  left: 0;
}

.register .text-wrapper-55 {
  position: absolute;
  width: 420px;
  top: 38px;
  left: 160px;
  font-family: "Geist", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-white);
  font-size: 36px;
  letter-spacing: 0;
  line-height: normal;
}

.register .text-wrapper-56 {
  position: absolute;
  width: 420px;
  top: 248px;
  left: 160px;
  font-family: "Geist", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-grey);
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.register .group-48 {
  position: absolute;
  width: 228px;
  height: 26px;
  top: 202px;
  left: 160px;
}

.register .text-wrapper-57 {
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(
    180deg,
    rgba(204, 255, 0, 1) 0%,
    rgba(204, 255, 0, 0.24) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Geist", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-lime);
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.register .text-wrapper-58 {
  position: absolute;
  top: 0;
  left: 90px;
  background: linear-gradient(
    180deg,
    rgba(204, 255, 0, 1) 0%,
    rgba(204, 255, 0, 0.24) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Geist", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-lime);
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.register .text-wrapper-59 {
  position: absolute;
  top: 0;
  left: 170px;
  background: linear-gradient(
    180deg,
    rgba(204, 255, 0, 1) 0%,
    rgba(204, 255, 0, 0.24) 100%
  );
  -webkit-background-clip: text !important;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  font-family: "Geist", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-lime);
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.register .ellipse-13 {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 11px;
  left: 72px;
  background-color: var(--variable-collection-white);
  border-radius: 3px;
}

.register .ellipse-14 {
  position: absolute;
  width: 6px;
  height: 6px;
  top: 11px;
  left: 152px;
  background-color: var(--variable-collection-white);
  border-radius: 3px;
}

.register .group-49 {
  position: absolute;
  width: 336px;
  height: 48px;
  top: 392px;
  left: 160px;
}

.register .group-50 {
  position: absolute;
  width: 114px;
  height: 46px;
  top: 0;
  left: 226px;
}

.register .text-wrapper-60 {
  position: absolute;
  width: 110px;
  top: 0;
  left: 0;
  font-family: "Geist", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-white);
  font-size: 20px;
  letter-spacing: 0;
  line-height: normal;
}

.register .text-wrapper-61 {
  position: absolute;
  width: 110px;
  top: 28px;
  left: 0;
  font-family: "Geist", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-grey);
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.register .group-51 {
  position: absolute;
  width: 204px;
  height: 48px;
  top: 0;
  left: 0;
}

.register .ellipse-15 {
  position: absolute;
  width: 53px;
  height: 26px;
  top: 0;
  left: 160px;
}

.register .overlap-17 {
  position: absolute;
  width: 1600px;
  height: 666px;
  top: 2px;
  left: 0;
}

.register .subtract {
  position: absolute;
  width: 700px;
  height: 534px;
  top: 0;
  left: 740px;
}

.register .vector-20 {
  position: absolute;
  width: 111px;
  height: 81px;
  top: 48px;
  left: 1095px;
}

.register .group-52 {
  position: absolute;
  width: 300px;
  height: 60px;
  top: 172px;
  left: 780px;
}

.register .your-full-name-wrapper {
  width: 300px;
  top: 14px;
  background-color: #04020114;
  border: 1px solid;
  border-color: var(--variable-collection-black);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 22px;
  position: absolute;
  left: 0;
  border-radius: 12px;
}

.register .your-full-name {
  position: relative;
  width: 250px;
  margin-top: -1.00px;
  font-family: "Geist", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-black);
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.register .frame-29 {
  display: inline-flex;
  height: 26px;
  align-items: center;
  gap: 4px;
  padding: 5px 10px 5px 5px;
  position: absolute;
  top: -13px;
  left: 14px;
  background-color: var(--variable-collection-lime);
}

.register .group-53 {
  position: relative;
  width: 20px;
  height: 20px;
  margin-top: -2.00px;
  margin-bottom: -2.00px;
}

.register .text-wrapper-62 {
  width: fit-content;
  color: var(--variable-collection-black);
  font-size: 12px;
  position: relative;
  margin-top: -1.00px;
  font-family: "Geist", Helvetica;
  font-weight: 500;
  letter-spacing: 0;
  line-height: normal;
}

.register .group-54 {
  position: absolute;
  width: 300px;
  height: 60px;
  top: 252px;
  left: 780px;
}

.register .overlap-group-7 {
  position: relative;
  height: 58px;
}

.register .secondary-button-3 {
  display: flex;
  width: 300px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 22px;
  position: absolute;
  top: 14px;
  left: 0;
  background-color: #ccff001f;
  border-radius: 12px;
  border: 1px solid;
  border-color: var(--variable-collection-black);
}

.register .text-wrapper-63 {
  position: relative;
  width: 250px;
  margin-top: -1.00px;
  opacity: 0.24;
  font-family: "Geist", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-black);
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.register .frame-30 {
  display: inline-flex;
  height: 26px;
  align-items: center;
  gap: 4px;
  padding: 5px 10px 5px 5px;
  position: absolute;
  top: 0;
  left: 14px;
  background-color: var(--variable-collection-lime);
}

.register .group-55 {
  position: absolute;
  width: 300px;
  height: 60px;
  top: 332px;
  left: 780px;
}

.register .group-56 {
  position: relative;
  width: 20px;
  height: 20.12px;
  margin-top: -2.00px;
  margin-bottom: -2.12px;
}

.register .group-57 {
  position: absolute;
  width: 300px;
  height: 60px;
  top: 332px;
  left: 1100px;
}

.register .group-58 {
  position: absolute;
  width: 300px;
  height: 60px;
  top: 252px;
  left: 1100px;
}

.register .overlap-18 {
  position: relative;
  height: 60px;
}

.register .secondary-button-4 {
  width: 300px;
  top: 13px;
  background-color: #ccff001f;
  border: 1px solid;
  border-color: var(--variable-collection-black);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 22px;
  position: absolute;
  left: 0;
  border-radius: 12px;
}

.register .group-59 {
  position: relative;
  width: 58px;
  height: 21px;
  margin-left: -2.00px;
}

.register .text-wrapper-64 {
  position: absolute;
  width: 40px;
  top: 0;
  left: 0;
  font-family: "Geist", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-black);
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.register .group-60 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: 2px;
  left: 40px;
}

.register .path {
  position: absolute;
  width: 11px;
  height: 6px;
  top: 5px;
  left: 3px;
}

.register .path-2 {
  position: absolute;
  width: 16px;
  height: 16px;
  top: -379px;
  left: -2804px;
}

.register .text-wrapper-65 {
  position: relative;
  width: 194px;
  margin-right: -2.00px;
  opacity: 0.24;
  font-family: "Geist", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-black);
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.register .group-61 {
  position: absolute;
  width: 300px;
  height: 60px;
  top: 172px;
  left: 1100px;
}

.register .group-62 {
  position: absolute;
  width: 13px;
  height: 13px;
  top: 3px;
  left: 3px;
}

.register .overlap-group-8 {
  position: relative;
  width: 15px;
  height: 15px;
  top: -1px;
  left: -1px;
}

.register .path-3 {
  position: absolute;
  width: 7px;
  height: 7px;
  top: 4px;
  left: 4px;
}

.register .path-4 {
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0;
  left: 0;
}

.register .path-5 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: -286px;
  left: -2834px;
}

.register .text-wrapper-66 {
  position: absolute;
  width: 299px;
  top: 4px;
  left: 756px;
  font-family: "Geist", Helvetica;
  font-weight: 700;
  color: var(--variable-collection-lime);
  font-size: 40px;
  letter-spacing: 0;
  line-height: normal;
}

.register .vector-21 {
  position: absolute;
  width: 1455px;
  height: 186px;
  top: 480px;
  left: 0;
}

.register .text-wrapper-67 {
  position: absolute;
  width: 175px;
  top: 30px;
  left: 1225px;
  font-family: "Geist", Helvetica;
  font-weight: 600;
  color: var(--variable-collection-black);
  font-size: 16px;
  letter-spacing: 0;
  line-height: normal;
}

.register .group-63 {
  position: absolute;
  width: 281px;
  height: 20px;
  top: 426px;
  left: 780px;
}

.register .group-64 {
  position: absolute;
  width: 254px;
  height: 19px;
  top: 1px;
  left: 29px;
}

.register .text-wrapper-68 {
  position: absolute;
  top: 0;
  left: 0;
  font-family: "Geist", Helvetica;
  font-weight: 400;
  color: var(--variable-collection-black);
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.register .link {
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  left: 110px;
  display: inline-flex;
  position: absolute;
  top: 0;
}

.register .terms-and-conditions {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Geist", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-black);
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.register .line-4 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 1.5px;
}

.register .group-65 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
}

.register .overlap-group-9 {
  position: relative;
  height: 20px;
  border-radius: 7px;
}

.register .rectangle-10 {
  position: absolute;
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px;
  background-color: var(--variable-collection-black);
  border-radius: 3px;
}

.register .rectangle-11 {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  left: 0;
  border-radius: 7px;
  border: 1px solid;
  border-color: var(--variable-collection-black);
}

.register .group-66 {
  position: absolute;
  width: 179px;
  height: 18px;
  top: 480px;
  left: 1223px;
}

.register .terms-and-conditions-wrapper {
  align-items: center;
  justify-content: center;
  gap: 10px;
  left: 132px;
  display: inline-flex;
  position: absolute;
  top: 0;
}

.register .terms-and-conditions-2 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Geist", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-black);
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.register .primary-button-3 {
  display: flex;
  width: 160px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 33px;
  position: absolute;
  top: 414px;
  left: 1240px;
  background-color: var(--variable-collection-black);
  border-radius: 12px;
}

.register .text-wrapper-69 {
  position: relative;
  width: fit-content;
  margin-top: -1.00px;
  font-family: "Geist", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-white);
  font-size: 14px;
  text-align: center;
  letter-spacing: 0;
  line-height: normal;
}

.register .live-chat-button-3 {
  position: absolute;
  width: 158px;
  height: 146px;
  top: 520px;
  left: 1442px;
}

.register .header-main-2 {
  position: absolute;
  width: 1460px;
  height: 80px;
  top: 0;
  left: 70px;
}

.register .overlap-19 {
  position: relative;
  width: 1440px;
  height: 80px;
}

.register .group-67 {
  position: absolute;
  width: 200px;
  height: 60px;
  top: 10px;
  left: 75px;
}

.register .nav-bar-2 {
  position: absolute;
  top: 10px;
  left: 515px;
  display: inline-flex;
  align-items: flex-start;
}

.register .nav-menu-2 {
  flex-direction: column;
  gap: 8px;
  padding: 16px;
  position: relative;
  flex: 0 0 auto;
  display: inline-flex;
  align-items: flex-start;
}

.register .text-wrapper-70 {
  position: relative;
  align-self: stretch;
  margin-top: -1.00px;
  font-family: "Geist", Helvetica;
  font-weight: 500;
  color: var(--variable-collection-white);
  font-size: 14px;
  letter-spacing: 0;
  line-height: normal;
}

.register .rectangle-12 {
  position: relative;
  align-self: stretch;
  width: 100%;
  height: 2px;
  background-color: var(--variable-collection-lime);
}

.register .CTA-top-2 {
  position: absolute;
  width: 264px;
  height: 48px;
  top: 16px;
  left: 1106px;
}

.register .secondary-button-5 {
  width: 128px;
  height: 44px;
  top: 2px;
  background-color: #ccff001f;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 22px;
  position: absolute;
  left: 0;
  border-radius: 12px;
}

.register .secondary-button-5::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1px;
  border-radius: 12px;
  background: linear-gradient(
    131deg,
    rgba(204, 255, 0, 0.6) 0%,
    rgba(204, 255, 0, 0.2) 15%,
    rgba(204, 255, 0, 0) 50%,
    rgba(204, 255, 0, 0.2) 85%,
    rgba(204, 255, 0, 0.6) 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;
}

.register .tertiary-button-2 {
  display: flex;
  width: 128px;
  height: 44px;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 13px 22px;
  position: absolute;
  top: 2px;
  left: 136px;
  border-radius: 12px;
}