.contact-us {
    /* background-color: #000000;
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%; */
  }

  .contact-us .frame-wrapper {
    background-color: #000000;
    width: 1440px;
    height: 2030px;
  }

  .contact-us .frame {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    gap: 110px;
    position: relative;
  }

  .contact-us .design {
    position: relative;
    width: 1440px;
    height: 664px;
    background-color: #000000;
    overflow: hidden;
  }

  .contact-us .overlap-group {
    position: relative;
    width: 1495px;
    height: 948px;
    top: -354px;
    left: -4px;
  }

  .contact-us .vector {
    position: absolute;
    /* width: 1052px;
    height: 533px;
    top: 378px;
    left: 198px; */
  }

  .contact-us .rectangle {
    /* position: absolute;
    width: 113px;
    height: 581px;
    top: 252px;
    left: 1263px; */
    transform: rotate(25.32deg);
    filter: blur(60px);
    background: linear-gradient(180deg, rgba(43.17, 255, 255, 0.24) 0%, rgba(43, 255, 255, 0) 100%);
  }

  .contact-us .div {
    position: absolute;
    width: 38px;
    height: 632px;
    top: 179px;
    left: 1187px;
    transform: rotate(25.32deg);
    filter: blur(30px);
    background: linear-gradient(180deg, rgba(43.17, 255, 255, 0.28) 0%, rgba(43, 255, 255, 0) 100%);
  }

  .contact-us .rectangle-2 {
    /* position: absolute;
    width: 110px;
    height: 632px;
    top: 137px;
    left: 977px; */
    transform: rotate(25.32deg);
    filter: blur(60px);
    background: linear-gradient(180deg, rgba(43.17, 255, 255, 0.24) 0%, rgba(43, 255, 255, 0) 100%);
  }

  .contact-us .rectangle-3 {
    /* position: absolute;
    width: 234px;
    height: 632px;
    top: 189px;
    left: 660px; */
    transform: rotate(25.32deg);
    filter: blur(90px);
    background: linear-gradient(180deg, rgba(43.17, 255, 255, 0.14) 0%, rgba(43, 255, 255, 0) 100%);
  }

  .contact-us .rectangle-4 {
    /* position: absolute;
    width: 125px;
    height: 870px;
    top: -15px;
    left: 524px; */
    transform: rotate(25.32deg);
    filter: blur(75px);
    background: linear-gradient(180deg, rgba(43.17, 255, 255, 0.26) 0%, rgba(43, 255, 255, 0) 100%);
  }

  .contact-us .rectangle-5 {
    /* position: absolute;
    width: 64px;
    height: 632px;
    top: 220px;
    left: 332px; */
    transform: rotate(25.32deg);
    filter: blur(60px);
    background: linear-gradient(180deg, rgba(43.17, 255, 255, 0.2) 0%, rgba(43, 255, 255, 0) 100%);
  }

  .contact-us .rectangle-6 {
    /* position: absolute;
    width: 64px;
    height: 632px;
    top: 183px;
    left: 132px; */
    transform: rotate(25.32deg);
    filter: blur(60px);
    background: linear-gradient(180deg, rgba(43.17, 255, 255, 0.2) 0%, rgba(43, 255, 255, 0) 100%);
  }

  .contact-us .rectangle-7 {
    /* position: absolute;
    width: 64px;
    height: 632px;
    top: 210px;
    left: 233px; */
    transform: rotate(25.32deg);
    filter: blur(60px);
    background: linear-gradient(180deg, rgba(43.17, 255, 255, 0.18) 0%, rgba(43, 255, 255, 0) 75%);
  }

  .contact-us .img {
    position: absolute;
    width: 323px;
    height: 443px;
    top: 354px;
    left: 319px;
  }

  .contact-us .frame-2 {
    position: absolute;
    width: 1440px;
    height: 91px;
    top: 354px;
    left: 4px;
    background-color: #ffffff05;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: transparent;
    backdrop-filter: blur(100px) brightness(100%);
    -webkit-backdrop-filter: blur(100px) brightness(100%);
    border-image: linear-gradient(to bottom, rgb(0, 0, 0), rgb(255, 255, 255) 50%, rgb(0, 0, 0) 100%) 1;
  }

  .contact-us .frame-3 {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    position: absolute;
    top: 32px;
    left: 72px;
  }

  .contact-us .ellipse {
    position: relative;
    width: 28px;
    height: 28px;
  }

  .contact-us .text-wrapper {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 28px;
    white-space: nowrap;
  }

  .contact-us .frame-4 {
    display: inline-flex;
    align-items: flex-start;
    gap: 40px;
    position: absolute;
    top: 36px;
    left: 514px;
  }

  .contact-us .text-wrapper-2 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: #fffffff2;
    font-size: 14px;
    text-align: center;
    letter-spacing: 0;
    line-height: 20px;
    white-space: nowrap;
  }

  .contact-us .button-download {
    display: flex;
    width: 226px;
    align-items: center;
    justify-content: center;
    gap: 16px;
    padding: 6px;
    position: absolute;
    top: 18px;
    left: 1143px;
    border-radius: 32px;
    overflow: hidden;
    border: 1px solid;
    border-color: var(--visualswhite);
  }

  .contact-us .download-app {
    position: relative;
    width: fit-content;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 500;
    color: var(--textwhite);
    font-size: 18px;
    text-align: center;
    letter-spacing: 0;
    line-height: 25.2px;
    white-space: nowrap;
  }

  .contact-us .icon-arrow {
    position: relative;
    width: 43px;
    height: 43px;
    background-color: var(--visualswhite);
    border-radius: 21.5px;
  }

  .contact-us .arrow {
    position: absolute;
    width: 13px;
    height: 13px;
    top: 15px;
    left: 15px;
  }

  .contact-us .frame-5 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 375px 447px;
    position: absolute;
    top: 524px;
    left: 110px;
  }

  .contact-us .frame-6 {
    display: flex;
    flex-direction: column;
    width: 530px;
    align-items: flex-start;
    gap: 18px;
    position: relative;
  }

  .contact-us .div-wrapper {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    position: relative;
    flex: 0 0 auto;
  }

  .contact-us .frame-7 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 6px 12px;
    position: relative;
    flex: 0 0 auto;
    background-color: #ffffff0f;
    border-radius: 100px;
    /* border: 1px solid; */
    border-color: #2bffff1a;
    backdrop-filter: blur(24px) brightness(100%);
    -webkit-backdrop-filter: blur(24px) brightness(100%);
    border-image: linear-gradient(to bottom, rgba(43, 255, 255, 0), rgba(43, 255, 255, 0.24)) 1;
  }

  .contact-us .text-wrapper-3 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    background: linear-gradient(180deg, rgb(255, 255, 255) 15%, rgba(255, 255, 255, 0.64) 100%);
    -webkit-background-clip: text !important;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 12px;
    text-align: center;
    letter-spacing: 0.24px;
    line-height: 16px;
    white-space: nowrap;
  }

  .contact-us .need-help-we-re-here-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    position: relative;
    align-self: stretch;
    width: 100%;
    flex: 0 0 auto;
  }

  .contact-us .need-help-we-re-here {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    background: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(153, 153, 153) 100%);
    -webkit-background-clip: text !important;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 57px;
    letter-spacing: -2.56px;
    line-height: 65px;
  }

  .contact-us .p {
    position: relative;
    align-self: stretch;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: #ffffffe0;
    font-size: 14px;
    letter-spacing: 0;
    line-height: 24px;
    width: 80%;
  }

  .contact-us .robot {
    /* position: relative;
    width: 286px;
    height: 423.88px; */
  }

  .contact-us .frame-8 {
    display: flex;
    flex-wrap: wrap;
    width: 1296px;
    align-items: flex-start;
    gap: 375px 375px;
    position: relative;
    flex: 0 0 auto;
  }

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

  .contact-us .text-wrapper-4 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    background: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(153, 153, 153) 100%);
    -webkit-background-clip: text !important;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 48px;
    letter-spacing: 0;
    line-height: normal;
  }

  .contact-us .group {
    position: relative;
    align-self: stretch;
    width: 100%;
    height: 537px;
  }

  .contact-us .overlap-group-wrapper {
    position: absolute;
    width: 688px;
    height: 70px;
    top: 0;
    left: 0;
  }

  .contact-us .overlap-group-2 {
    position: relative;
    width: 686px;
    height: 70px;
    background-color: #ffffff14;
    border-radius: 30px;
    border: 1px solid;
    border-color: #ffffff0a;
    backdrop-filter: blur(53.3px) brightness(100%);
    -webkit-backdrop-filter: blur(53.3px) brightness(100%);
  }

  .contact-us .text-wrapper-5 {
    width: 103px;
    position: absolute;
    top: 25px;
    left: 25px;
    font-family: "Metropolis-Regular", Helvetica;
    font-weight: 400;
    color: #acacac;
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
  }

  .contact-us .overlap-wrapper {
    position: absolute;
    width: 688px;
    height: 70px;
    top: 114px;
    left: 0;
  }

  .contact-us .text-wrapper-6 {
    width: 100px;
    position: absolute;
    top: 25px;
    left: 25px;
    font-family: "Metropolis-Regular", Helvetica;
    font-weight: 400;
    color: #acacac;
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
  }

  .contact-us .group-2 {
    position: absolute;
    width: 688px;
    height: 70px;
    top: 228px;
    left: 0;
  }

  .contact-us .text-wrapper-7 {
    position: absolute;
    width: 159px;
    top: 25px;
    left: 25px;
    font-family: "Metropolis-Regular", Helvetica;
    font-weight: 400;
    color: #acacac;
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
  }

  .contact-us .group-3 {
    position: absolute;
    width: 688px;
    height: 195px;
    top: 342px;
    left: 0;
  }

  .contact-us .overlap {
    position: relative;
    width: 686px;
    height: 195px;
    background-color: #ffffff14;
    border-radius: 30px;
    border: 1px solid;
    border-color: #ffffff0a;
    backdrop-filter: blur(53.3px) brightness(100%);
    -webkit-backdrop-filter: blur(53.3px) brightness(100%);
  }

  .contact-us .text-wrapper-8 {
    position: absolute;
    width: 85px;
    top: 34px;
    left: 25px;
    font-family: "Metropolis-Regular", Helvetica;
    font-weight: 400;
    color: #acacac;
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
  }

  .contact-us .group-4 {
    position: relative;
    width: 212px;
    height: 70px;
  }

  .contact-us .overlap-2 {
    position: relative;
    /* height: 76px; */
    background-color: black;
    top: -6px;
  }

  .contact-us .frame-10 {
    display: flex;
    width: 182px;
    height: 55px;
    align-items: center;
    justify-content: center;
    gap: 33px;
    padding: 0px 6px 0px 28px;
    position: absolute;
    top: 6px;
    left: 0;
    border-radius: 32px;
    border: 1px solid;
    border-color: #019aa4;
  }

  .contact-us .text-wrapper-9 {
    position: relative;
    width: fit-content;
    font-family: "DM Sans", Helvetica;
    font-weight: 500;
    color: var(--textwhite);
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: 28px;
    white-space: nowrap;
  }

  .contact-us .arrow-wrapper {
    position: relative;
    width: 43px;
    height: 43px;
    background-color: var(--visualsturquoise);
    border-radius: 21.5px;
  }

  .contact-us .line {
    position: absolute;
    width: 181px;
    height: 10px;
    top: 0;
    left: 19px;
  }

  .contact-us .group-wrapper {
    position: relative;
    width: 235px;
    height: 343.34px;
  }

  .contact-us .group-5 {
    height: 343px;
  }

  .contact-us .group-6 {
    position: relative;
    width: 237px;
    height: 343px;
  }

  .contact-us .text-wrapper-10 {
    position: absolute;
    top: 25;
    left: 0;
    background: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(153, 153, 153) 100%);
    -webkit-background-clip: text !important;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 36px;
    letter-spacing: 0;
    line-height: normal;
  }

  .contact-us .group-7 {
    position: absolute;
    width: 235px;
    height: 83px;
    top: 80px;
    left: 0;
  }

  .contact-us .frame-11 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    position: relative;
  }

  .contact-us .group-8 {
    position: relative;
    width: 53px;
    height: 40px;
  }

  .contact-us .text-wrapper-11 {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgb(255, 255, 255) 30%, rgb(153, 153, 153) 100%);
    -webkit-background-clip: text !important;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    text-fill-color: transparent;
    font-family: "Metropolis-Regular", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 20px;
    letter-spacing: 0;
    line-height: 40px;
    white-space: nowrap;
  }

  .contact-us .text-wrapper-12 {
    position: relative;
    width: fit-content;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
  }

  .contact-us .group-9 {
    position: absolute;
    width: 161px;
    height: 127px;
    top: 216px;
    left: 0;
  }

  .contact-us .group-10 {
    /* position: absolute; */
    width: 163px;
    height: 75px;
    top: 52px;
    left: 0;
  }

  .contact-us .text-wrapper-13 {
    top: 44px;
    left: 3px;
    position: absolute;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }

  .contact-us .text-wrapper-14 {
    top: 0;
    left: 0;
    position: absolute;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: 0;
    line-height: normal;
  }

  .form_button{
    color: white;
    width: 100px;
    border-radius: 20px;
  }

  .contact-us .frame-12 {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 375px 10px;
    position: relative;
    flex: 0 0 auto;
  }

  .contact-us .group-11 {
    position: relative;
    width: 1307px;
    height: 378px;
  }

  .contact-us .overlap-group-3 {
    position: relative;
    width: 1358px;
    height: 418px;
    left: -52px;
  }

  .contact-us .div-full-width-line {
    position: absolute;
    width: 1306px;
    height: 1px;
    top: 312px;
    left: 52px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #1f1f1f;
  }

  .contact-us .div-hidden {
    height: 1px;
    top: 377px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: #1f1f1f;
    position: absolute;
    width: 1306px;
    left: 52px;
  }

  .contact-us .div-hidden-2 {
    position: absolute;
    width: 1306px;
    height: 418px;
    top: 0;
    left: 52px;
  }

  .contact-us .frame-13 {
    position: absolute;
    width: 269px;
    height: 80px;
    top: 36px;
    left: 70px;
  }

  .contact-us .frame-14 {
    display: flex;
    width: 571px;
    align-items: flex-start;
    gap: 91px;
    position: absolute;
    top: 78px;
    left: 786px;
  }

  .contact-us .frame-15 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 25px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }

  .contact-us .text-wrapper-15 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 0.65px;
    line-height: 16px;
    white-space: nowrap;
  }

  .contact-us .list {
    display: flex;
    flex-direction: column;
    height: 112px;
    align-items: flex-start;
    gap: 16px;
    padding: 0px 0px 4747.08px;
    position: relative;
    align-self: stretch;
    width: 100%;
  }

  .contact-us .text-wrapper-16 {
    position: relative;
    width: fit-content;
    margin-bottom: -4651.08px;
    font-family: "Inter", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    white-space: nowrap;
  }

  .contact-us .text-wrapper-17 {
    position: relative;
    width: fit-content;
    margin-bottom: -4683.08px;
    font-family: "Inter", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    white-space: nowrap;
  }

  .contact-us .text-wrapper-18 {
    position: relative;
    width: fit-content;
    margin-bottom: -4715.08px;
    font-family: "Inter", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    white-space: nowrap;
  }

  .contact-us .text-wrapper-19 {
    position: relative;
    width: fit-content;
    margin-bottom: -4747.08px;
    font-family: "Inter", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    white-space: nowrap;
  }

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

  .contact-us .text-wrapper-20 {
    position: relative;
    width: 72px;
    margin-top: -1px;
    font-family: "Inter", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
  }

  .contact-us .text-wrapper-21 {
    position: relative;
    width: 90px;
    font-family: "Inter", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
  }

  .contact-us .frame-17 {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    position: relative;
    flex: 1;
    flex-grow: 1;
  }

  .contact-us .legal {
    position: relative;
    align-self: stretch;
    margin-top: -1px;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 0.65px;
    line-height: 16px;
  }

  .contact-us .list-2 {
    display: flex;
    flex-direction: column;
    height: 48px;
    align-items: flex-start;
    gap: 16px;
    padding: 0px 0px 4747.08px;
    position: relative;
    align-self: stretch;
    width: 100%;
  }

  .contact-us .text-wrapper-22 {
    position: relative;
    width: fit-content;
    margin-bottom: -4715.08px;
    margin-right: -0.49px;
    font-family: "Inter", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 16px;
    white-space: nowrap;
  }

  .contact-us .div-flex {
    display: flex;
    height: 64px;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0px 46.75px 0px 0px;
    top: 313px;
    position: absolute;
    width: 1306px;
    left: 52px;
  }

  .contact-us .paragraph-text-base {
    position: relative;
    /* width: 422.47px;
    height: 64px; */
    opacity: 0.6;
  }

  .contact-us .text-wrapper-23 {
    position: absolute;
    height: 24px;
    top: 20px;
    left: 0;
    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 24px;
    white-space: nowrap;
  }

  .contact-us .div-flex-2 {
    position: relative;
    width: 168px;
    height: 64px;
  }

  .contact-us .group-12 {
    position: absolute;
    width: 337px;
    height: 181px;
    top: 126px;
    left: 0;
  }


  .contact-us .form_input ,.contact-us .textarea{

    font-family: "Space Grotesk", Helvetica;
    font-weight: 400;
    font-size: 15px;
    /* text-align: center; */
    letter-spacing: 0;
    line-height: normal;
    background-color: #00000018;
    color: white;
    height: 50px;
    border: 1px solid #141313;
    background: #050505;
    border-radius: 20px;
  }

  .contact-us .textarea{
    height: 150px;
  }