:root {
  --white: #fff;
  --dark: #05050d;
  --green: #60ba29;
  --grey: #373737;
}

.herosection_wrapper {
  min-width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.spline_block {
  z-index: 2;
  min-height: 100svh;
  min-width: 100%;
  justify-content: center;
  align-items: center;
  padding-top: 0;
  display: block;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.spline-scene {
  min-height: 100svh;
  min-width: 100%;
  align-items: center;
  display: flex;
}

.hero__wrapper {
  min-height: 100svh;
  min-width: 100%;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding-top: 8svh;
  padding-bottom: 8svh;
  display: flex;
}

.hero-logo {
  max-width: 380px;
  margin-bottom: 8px;
}

.body {
  background-color: var(--white);
  color: var(--dark);
  font-family: Inter, sans-serif;
}

.text-block {
  color: var(--white);
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
}

.text-span {
  color: var(--green);
  font-family: Gabarito, sans-serif;
  font-size: 20px;
  line-height: 24px;
}

.heading__wrapper {
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.sign-up-text {
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 300;
  line-height: 30px;
}

.sign-up-text.dark {
  color: var(--dark);
  font-weight: 400;
}

.sign-up-arrow {
  height: 50px;
}

.main__wrapper {
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.section-2 {
  min-height: 100svh;
  min-width: 100%;
  background-image: url('../images/37.webp');
  background-position: 50% 0;
  background-size: cover;
  padding-left: 6rem;
  padding-right: 6rem;
}

.hero-section {
  min-height: 35svh;
  min-width: 100%;
  background-image: url('../images/38.webp');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  align-items: center;
  display: flex;
}

.hero-btn-wrapper {
  z-index: 10;
  justify-content: center;
  align-self: stretch;
  display: flex;
  position: relative;
}

.section-2-wrapper {
  min-height: 100svh;
  min-width: 100%;
  font-size: 16px;
}

.heading {
  color: var(--white);
  font-family: Gothicb, sans-serif;
  font-size: 10em;
  font-weight: 700;
  line-height: 10rem;
}

.heading.green {
  color: var(--green);
  margin-top: 0;
}

.heading.dark {
  color: var(--dark);
  font-family: Gothicb, sans-serif;
  font-size: 120px;
  line-height: 120px;
}

.section-3 {
  z-index: 1;
  min-width: 100%;
  background-color: var(--dark);
  padding: 6rem 6rem 2rem;
  position: relative;
}

.key-adventages-text {
  color: #9c9c9f;
  text-transform: uppercase;
  font-size: 40px;
  line-height: 40px;
}

.key-advantages-sub {
  color: #9c9c9f;
  margin-top: .5rem;
  margin-bottom: 2rem;
}

.vaule-wrapper {
  border-style: solid;
  border-width: 1px 0 0;
  border-color: var(--grey) black;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.advantages {
  color: var(--white);
  font-size: 32px;
  line-height: 40px;
}

.value-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  align-items: center;
  display: flex;
}

.button-wrapper {
  z-index: 1;
  background-color: var(--dark);
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.section-4 {
  z-index: 5;
  position: relative;
}

.section-5 {
  z-index: 5;
  min-width: 100%;
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  background-color: var(--dark);
  flex-direction: column;
  align-items: center;
  padding-top: 6rem;
  padding-bottom: 6rem;
  display: flex;
  position: relative;
}

.we-have-wrapper {
  background-color: var(--white);
  padding: 4rem 6rem 0;
}

.we-have-container {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 4rem;
  display: flex;
}

.paragraph {
  color: var(--dark);
}

.paragraph.white {
  color: var(--white);
  font-size: 16px;
  line-height: 22px;
}

.we-have-sub {
  max-width: 50%;
}

.content-wrap-3 {
  grid-column-gap: 0rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 0;
  display: grid;
}

.content-container {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  padding: 4rem;
  display: flex;
}

.text-line {
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
}

.text-span-2, .text-span-3, .text-span-4, .text-span-5 {
  color: var(--green);
}

.content-icon {
  align-self: flex-start;
}

.content-container-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-top: 1px solid #000;
  flex-direction: column;
  padding: 4rem;
  display: flex;
}

.content-wrap-2 {
  min-width: 100%;
  border-bottom: 1px solid var(--grey);
  background-color: var(--white);
}

.content-illustration-img {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-left-width: 0;
  flex-direction: column;
  padding: 4rem;
  display: flex;
}

.content-wrap-4 {
  border-left: 0px solid var(--grey);
}

.we-have-wrapper-copy {
  background-image: url('../images/15.webp');
  background-position: 0%;
  background-repeat: no-repeat;
  background-size: contain;
  padding: 4rem 6rem 10rem;
}

.text-span-6 {
  color: var(--green);
}

.content-wrap-5 {
  background-image: linear-gradient(#fff, rgba(255, 255, 255, .8) 30%, rgba(255, 255, 255, .8) 80%, rgba(255, 255, 255, 0));
  padding: 4rem 6rem 12rem;
}

.content-container-2 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-left: 1px solid #000;
  flex-direction: column;
  padding: 4rem;
  display: flex;
}

.text-block-6 {
  font-weight: 400;
}

.item-container {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  align-items: center;
  display: flex;
}

.item-wrap {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: column;
  display: flex;
}

.content-container-5 {
  grid-column-gap: 0rem;
  grid-row-gap: 4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-bottom: 0;
  display: grid;
}

.illustration-div {
  min-height: 60svh;
  color: rgba(5, 5, 13, 0);
  background-image: url('../images/6.webp');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.verified-wrapper {
  max-width: 780px;
}

.padding-small {
  height: 1px;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.verified-sub-text {
  color: var(--white);
  font-size: 24px;
  line-height: 30px;
}

.text-span-7, .text-span-8, .text-span-9, .text-span-10 {
  color: var(--green);
}

.fund-logo {
  margin-top: 4rem;
}

.contact {
  z-index: 5;
  min-height: 100svh;
  flex-direction: column;
  justify-content: center;
  display: flex;
  position: relative;
}

.contact-wrap {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding: 4rem 6rem;
  display: grid;
}

.field {
  color: var(--white);
  background-color: rgba(5, 5, 13, 0);
  border-top: 0 solid #000;
  border-left: 0 solid #000;
  border-right: 0 solid #000;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.field:focus {
  border-bottom: 1px solid var(--green);
}

.field-multiline {
  border-style: solid;
  border-width: 0 0 0 1px;
  border-color: black black black var(--white);
  color: var(--white);
  background-color: rgba(255, 255, 255, 0);
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.form {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  display: flex;
}

.submit-button {
  text-transform: uppercase;
  background-color: rgba(56, 152, 236, 0);
  align-self: flex-start;
  padding-left: 0;
  padding-right: 0;
  font-size: 24px;
  font-weight: 300;
}

.footer {
  z-index: 5;
  min-width: 100%;
  padding-top: 2rem;
  padding-bottom: 2rem;
  position: relative;
}

.footer-wrapper {
  justify-content: center;
  align-items: center;
  padding-left: 6rem;
  padding-right: 6rem;
  display: flex;
}

.footer-logo {
  width: 20rem;
  margin-bottom: 8px;
}

.rights-reserved {
  color: var(--white);
  font-size: 12px;
}

.text-block-9 {
  color: var(--white);
  font-size: 16px;
}

.div-block-27 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  display: flex;
}

.location-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 2rem;
  display: flex;
}

.image-8, .image-9 {
  height: 20px;
}

.social-wrap {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  margin-top: 2rem;
  display: flex;
}

.image-10 {
  height: 32px;
}

.button-hero {
  z-index: 10;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  justify-content: center;
  align-self: center;
  align-items: center;
  text-decoration: none;
  display: flex;
}

.early-access-wrapper {
  overflow: hidden;
}

.logo-huge {
  max-width: 780px;
  padding-bottom: 2rem;
}

.early.dark {
  color: var(--dark);
}

.footer-link {
  z-index: 5;
  position: relative;
}

.submit-sub {
  color: var(--white);
  font-weight: 200;
}

.submit-sub-wrap {
  overflow: hidden;
}

.preload-wrapper {
  z-index: 60;
  justify-content: center;
  align-items: center;
}

.hero-image-smaller-screens {
  opacity: 0;
}

.preload {
  z-index: 300;
  background-color: #07080e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.preload-text {
  color: var(--white);
  text-align: center;
  margin-bottom: 24px;
}

.loading-wrapper {
  width: 200px;
  height: 1px;
  background-color: rgba(0, 0, 0, 0);
  border-radius: 180px;
  overflow: hidden;
}

.loading-track {
  width: 200px;
  height: 1px;
  background-color: var(--green);
  border-radius: 180px;
}

.contact-section {
  background-color: var(--dark);
  position: relative;
}

.blue-illustration {
  z-index: 1;
  min-height: 390px;
  min-width: 780px;
  background-image: url('../images/footer-pozadina.webp');
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: auto;
}

.grey-shadow {
  z-index: 5;
  height: 40%;
  background-image: linear-gradient(to top, var(--dark) 6%, rgba(255, 255, 255, 0));
  position: absolute;
  top: auto;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.illustration-div2 {
  min-height: 30svh;
  background-color: var(--dark);
  color: rgba(5, 5, 13, 0);
  position: relative;
}

.black-shadow {
  z-index: 5;
  background-image: linear-gradient(to top, var(--white), rgba(255, 255, 255, 0));
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  right: 0%;
}

.text-block2 {
  color: var(--white);
  font-size: 16px;
  font-weight: 400;
  line-height: 19px;
}

.content-container-6 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-left: 1px solid #000;
  flex-direction: column;
  padding: 4rem;
  display: flex;
}

.content-3 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-left-width: 0;
  border-left-color: #000;
  flex-direction: column;
  padding: 4rem;
  display: flex;
}

.content7 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  border-right: 0 solid #000;
  flex-direction: column;
  padding: 4rem;
  display: flex;
}

.white-line {
  height: 1px;
  background-color: var(--white);
}

.fill-form-text {
  color: var(--white);
  font-size: 40px;
  line-height: 50px;
}

@media screen and (max-width: 991px) {
  .spline_block {
    opacity: 0;
    position: absolute;
  }

  .hero__wrapper {
    align-items: center;
  }

  .heading__wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .section-2 {
    min-height: auto;
    padding: 2rem;
  }

  .section-2-wrapper {
    min-height: auto;
  }

  .heading {
    font-size: 80px;
    line-height: 80px;
  }

  .section-3 {
    padding: 2rem;
  }

  .section-5, .we-have-wrapper {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .content-container, .content-container-3, .we-have-wrapper-copy, .content-wrap-5, .content-container-2 {
    padding: 2rem;
  }

  .illustration-div {
    min-height: 22svh;
  }

  .contact-wrap {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .logo-huge {
    max-width: 100%;
  }

  .smaller-hero-img {
    max-width: 450%;
    min-width: 360px;
    display: block;
  }

  .hero-image-smaller-screens {
    opacity: 1;
  }

  .grey-shadow {
    display: none;
  }

  .illustration-div2 {
    min-height: 10svh;
  }

  .text-block2 {
    text-align: center;
  }

  .content-container-6, .content-3, .content7 {
    padding: 2rem;
  }
}

@media screen and (max-width: 767px) {
  .content-container, .content-container-3, .content-container-2 {
    padding: 1rem;
  }

  .illustration-div {
    min-height: 16svh;
  }

  .content-container-6, .content-3, .content7 {
    padding: 1rem;
  }
}

@media screen and (max-width: 479px) {
  .spline_block {
    display: none;
  }

  .hero__wrapper {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .hero-logo {
    width: 200px;
    margin-bottom: 20px;
  }

  .text-block {
    text-align: center;
  }

  .heading__wrapper {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-2 {
    min-height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .section-2-wrapper {
    min-height: auto;
  }

  .heading, .heading.dark {
    font-size: 40px;
    line-height: 50px;
  }

  .section-3 {
    padding: 1rem;
  }

  .key-adventages-text {
    font-size: 30px;
    line-height: 36px;
  }

  .vaule-wrapper {
    padding-top: .5rem;
    padding-bottom: .5rem;
  }

  .advantages {
    font-size: 20px;
    line-height: 28px;
  }

  .section-5 {
    padding: 1rem;
  }

  .we-have-wrapper {
    flex-direction: column;
    padding: 1rem;
    display: flex;
  }

  .we-have-container {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex-direction: column;
    align-items: center;
    margin-bottom: 1rem;
  }

  .we-have-sub {
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .content-wrap-3 {
    grid-row-gap: 1rem;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    display: flex;
  }

  .content-illustration-img {
    background-image: url('../images/15.webp');
    background-position: 50%;
    background-size: cover;
    align-items: center;
    padding: 5rem 0;
  }

  .content-wrap-4 {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .we-have-wrapper-copy {
    background-image: none;
    padding: 1rem 0;
  }

  .content-wrap-5 {
    padding: 1rem;
  }

  .content-container-2 {
    border-top: 1px solid #000;
    border-left-width: 0;
  }

  .content-container-5 {
    grid-row-gap: 1rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .verified-wrapper {
    flex-direction: column;
    align-items: center;
    display: flex;
  }

  .padding-small {
    padding-top: .5rem;
    padding-bottom: 1rem;
  }

  .verified-sub-text {
    font-size: 20px;
  }

  .contact-wrap, .footer-wrapper {
    padding: 1rem;
  }

  .location-wrap {
    flex-direction: column;
  }

  .button-hero {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-direction: column;
  }

  .logo-huge {
    padding-bottom: 1rem;
  }

  .for-png {
    max-width: 20%;
  }

  .value-icon {
    height: 40px;
  }

  .smaller-hero-img {
    z-index: 500;
    max-width: 280px;
    min-width: 150px;
  }

  .text-block2 {
    text-align: center;
  }

  .content7 {
    border-bottom: 1px solid #000;
    border-right-width: 0;
  }

  .white-line {
    align-self: stretch;
  }

  .fill-form-text {
    font-size: 20px;
  }
}

#w-node-c7525c1e-6852-7702-e6fb-c1d47d0be79b-33dbda75 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4fb21c4f-afe6-00af-bac2-5189532a04c9-33dbda75 {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_8844418e-3c83-d7ab-82c8-f27e56f103fd-33dbda75 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9b9f0756-825d-7ef8-24a0-1339151f36a6-33dbda75 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_04a3134d-d110-734e-14ea-cb4111660ad3-33dbda75, #w-node-a0a37938-64f8-5958-8ff7-69ba2b68b135-33dbda75, #w-node-f257fd32-ca6a-758a-c00c-740c15c9798c-33dbda75, #w-node-f257fd32-ca6a-758a-c00c-740c15c97992-33dbda75, #w-node-dfd5fa90-51ce-792e-88de-a874a4a6d70c-33dbda75, #w-node-_5ab98e18-a25d-5e75-3b10-9d6be62eceae-33dbda75 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Gothicb';
  src: url('../fonts/gothicb.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}