.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: #333;
  background-color: #fff;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

.hero {
  height: 100vh;
}

.div-block {
  opacity: 1;
  background-image: linear-gradient(#089e1e, #b0dbb7);
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-left: 12.5%;
  padding-right: 12.5%;
  display: flex;
}

.div-block.ea {
  background-image: linear-gradient(#08809e, #a0cad4);
  justify-content: space-between;
  align-items: center;
  font-weight: 400;
}

.body {
  background-color: #0000;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  width: 100%;
}

.grid._2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .6fr 1fr;
  margin-left: 0%;
  margin-right: 0%;
}

.text-block {
  color: #ffffff80;
  font-size: 16px;
}

.text-block.ea {
  width: 60%;
  margin-top: 20px;
}

.heading {
  color: #fff;
  letter-spacing: -2px;
  margin-top: 10px;
  margin-bottom: 0;
  font-weight: 200;
}

.heading._2 {
  width: 55%;
}

.button {
  background-color: #ffffff4d;
  border-radius: 8px;
  padding: 12px;
  font-size: 16px;
}

.button._2 {
  background-color: #0003;
}

.image {
  opacity: .5;
  width: 20px;
  margin-left: 16px;
  margin-right: 6px;
  transform: rotate(180deg);
}

.div-block-2 {
  justify-content: flex-start;
  align-items: center;
  margin-top: 26px;
  display: flex;
}

.text-block-2 {
  color: #fff;
  font-size: 16px;
}

.section {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  height: 100vh;
  padding: 0% 12.5%;
  display: flex;
}

.section.ea {
  background-color: #000;
}

.section.ea._2 {
  flex-flow: column;
  height: 100vh;
  padding-bottom: 0%;
  padding-left: 18%;
  padding-right: 18%;
}

.heading-2 {
  color: #000;
  letter-spacing: -1px;
  width: 60%;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 400;
  line-height: 26px;
}

.heading-2.ea {
  color: #ffffff80;
  text-align: left;
}

.heading-2.ea._2 {
  text-align: center;
  width: 60%;
}

.heading-2._2 {
  width: 90%;
}

.heading-3 {
  color: #000;
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: 500;
}

.heading-3.ea {
  color: #fff;
}

.text-span {
  color: #00000075;
}

.text-span.ea {
  color: #ffffff75;
}

.div-block-3 {
  background-color: #0000000d;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  height: 500px;
  margin-top: 30px;
  padding: 150px 22%;
  display: flex;
}

.div-block-3.intros {
  padding: 15%;
  overflow: hidden;
}

.div-block-3.selection {
  background-color: #f2f2f2;
  overflow: hidden;
}

.div-block-3.selection.social {
  padding-left: 15%;
  padding-right: 15%;
}

.div-block-3.ea {
  background-color: #ffffff1a;
}

.div-block-3.ea._2 {
  padding: 17% 22%;
}

.div-block-3.ea._2._1 {
  background-color: #fff0;
  justify-content: flex-start;
  align-items: flex-start;
  height: auto;
  padding: 0 0%;
}

.tab-link-tab-1 {
  color: #ffffff80;
  background-color: #ddd0;
  border-radius: 8px;
  margin-right: 4px;
  padding-left: 12px;
  padding-right: 12px;
}

.tab-link-tab-1:hover {
  background-color: #dddddd0d;
}

.tab-link-tab-1.w--current {
  color: #fff;
  background-color: #ffffff0d;
  border-radius: 8px;
}

.tab-link-tab-2 {
  color: #ffffff80;
  background-color: #ddd0;
  border-radius: 8px;
  margin-right: 4px;
  padding-left: 12px;
  padding-right: 12px;
}

.tab-link-tab-2:hover {
  background-color: #dddddd0d;
}

.tab-link-tab-2.w--current {
  color: #fff;
  background-color: #dddddd0d;
}

.tab-link-tab-3 {
  color: #ffffff80;
  background-color: #ddd0;
  border-radius: 8px;
  margin-right: 4px;
  padding-left: 12px;
  padding-right: 12px;
}

.tab-link-tab-3:hover {
  background-color: #dddddd0d;
}

.tab-link-tab-3.w--current {
  color: #fff;
  background-color: #ffffff0d;
  margin-right: 4px;
  padding-left: 12px;
  padding-right: 12px;
}

.tab-link-tab-4 {
  color: #ffffff80;
  background-color: #fff0;
  border-radius: 8px;
  padding-left: 12px;
  padding-right: 12px;
}

.tab-link-tab-4:hover {
  background-color: #ffffff0d;
}

.tab-link-tab-4.w--current {
  color: #fff;
  background-color: #ffffff0d;
}

.tabs-menu {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.heading-4 {
  color: #fff;
  text-align: center;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
}

.tabs-content {
  margin-bottom: 30px;
}

.div-block-4 {
  width: 100%;
}

.text-span-2 {
  color: #ffffff80;
}

.div-block-5 {
  background-color: #0000000d;
  border-radius: 9px;
  width: 1200px;
  height: 460px;
  margin-top: 200px;
  padding: 15px;
}

.image-2 {
  border-radius: 22px;
}

.image-3 {
  border-radius: 6px;
}

.text-span-3 {
  color: #ffffff80;
}

.image-4 {
  padding: 60px;
}

.navbar {
  opacity: 1;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.div-block-6 {
  opacity: 1;
  -webkit-backdrop-filter: blur(50px);
  backdrop-filter: blur(50px);
  text-align: center;
  background-color: #ffffff1a;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 34px;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.div-block-6._2 {
  background-color: #0000001a;
}

.text-block-3 {
  color: #fff;
}

.text-block-3._2 {
  color: #000;
}

.container {
  flex-flow: wrap;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.navbar-2 {
  opacity: 1;
  background-color: #fff;
  justify-content: space-between;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  display: flex;
}

.image-5 {
  width: 30px;
}

.nav-menu {
  margin-left: 390px;
}

.div-block-7, .div-block-8 {
  background-color: #0000;
}

.dic-8 {
  background-color: #000;
}

.div-block-9 {
  background-color: #0000;
  margin-top: 60px;
  padding-top: 0;
  position: absolute;
  left: 12.5%;
  right: 12.5%;
}

.container-2 {
  margin-left: 0%;
  margin-right: 0%;
}

.navbar-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ddd0;
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  display: flex;
}

.image-6 {
  width: 100%;
  max-width: 80%;
  height: 100%;
}

.brand {
  height: 100%;
}

.nav-link {
  margin-left: 0;
}

.text-block-4 {
  color: #fff;
  text-align: right;
}

.text-block-4.hm {
  opacity: 0;
}

.text-span-4 {
  opacity: .5;
}

.link {
  color: #fff;
  text-decoration: none;
}

.image-7 {
  max-width: 40%;
}

.image-8 {
  max-width: 30%;
}

.image-9 {
  max-width: 25%;
}

.image-10 {
  max-width: 50%;
}

.heading-5 {
  color: #fff;
  letter-spacing: 0;
  font-size: 22px;
  line-height: 22px;
}

.text-span-5 {
  font-family: Inter, sans-serif;
  font-weight: 700;
}

.grid-2 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  height: 500px;
}

.div-block-10 {
  background-color: #ffffff1a;
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  padding: 28px;
  display: flex;
}

.heading-6 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 21px;
  font-weight: 400;
  line-height: 31px;
}

.heading-6._2 {
  margin-top: 20px;
  line-height: 24px;
}

.text-span-6 {
  color: #ffffff80;
}

.button-2 {
  color: #fff;
  letter-spacing: 0;
  background-color: #ffffff0d;
  border-radius: 6px;
  font-size: 16px;
  line-height: 22px;
}

.tab-link-tab-1-2, .tab-link-tab-2-2 {
  padding-left: 20px;
  padding-right: 20px;
}

.tab-link-tab-3-2 {
  padding-right: 20px;
}

.tab-link-tab-3-2.w--current {
  padding-left: 20px;
}

.tab-link-tab-4-2 {
  padding-left: 20px;
  padding-right: 20px;
}

.text-block-5 {
  color: #fff;
  text-align: center;
  font-size: 21px;
  line-height: 28px;
}

.tabs-menu-2 {
  justify-content: center;
  align-items: center;
  margin-top: 40px;
  display: flex;
}

.text-block-6, .text-block-7, .text-block-8, .text-block-9 {
  font-size: 16px;
}

.heading-7 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 40px;
  font-weight: 400;
}

.button-3 {
  color: #fff;
  background-color: #ffffff1a;
  border-radius: 8px;
  margin-top: 40px;
  padding-left: 20px;
  padding-right: 20px;
  font-size: 18px;
  line-height: 26px;
}

.video {
  border-radius: 20px;
}

.grid-3 {
  grid-column-gap: 70px;
  grid-row-gap: 70px;
  opacity: 1;
  filter: grayscale();
  -webkit-text-fill-color: inherit;
  background-clip: border-box;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  place-items: center;
}

.image-12 {
  width: 50px;
}

.image-13 {
  max-width: 25%;
}

.image-14 {
  max-width: 45%;
}

@media screen and (max-width: 991px) {
  .div-block {
    padding-left: 5%;
    padding-right: 5%;
  }

  .grid {
    grid-template-columns: 1fr;
  }

  .heading._2 {
    width: 70%;
  }

  .section {
    padding-left: 5%;
    padding-right: 5%;
  }

  .heading-2, .heading-2.ea._2 {
    width: 100%;
  }

  .div-block-3 {
    padding: 16%;
  }

  .div-block-3.intros {
    justify-content: center;
    align-items: center;
    padding-top: 0%;
    padding-bottom: 0%;
  }

  .div-block-3.selection {
    padding: 10%;
  }

  .div-block-3.ea._2 {
    padding-left: 7%;
    padding-right: 7%;
  }

  .div-block-5 {
    height: auto;
  }

  .div-block-9 {
    left: 5%;
    right: 5%;
  }

  .heading-7 {
    font-size: 36px;
    line-height: 40px;
  }

  .grid-3 {
    grid-column-gap: 29px;
    grid-row-gap: 29px;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .image-14 {
    max-width: 65%;
  }
}

@media screen and (max-width: 767px) {
  .heading._2 {
    width: 100%;
  }

  .button {
    width: 200px;
  }

  .heading-2._2 {
    width: 100%;
  }

  .div-block-3.selection.social {
    padding-left: 10%;
    padding-right: 10%;
  }

  .grid-3 {
    grid-column-gap: 57px;
    grid-row-gap: 57px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .image-13 {
    max-width: 50%;
  }
}

@media screen and (max-width: 479px) {
  .grid {
    grid-template-columns: 1fr;
  }

  .text-block {
    font-size: 12px;
  }

  .heading {
    margin-top: 0;
    font-size: 28px;
    line-height: 36px;
  }

  .button {
    width: auto;
  }

  .image {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0;
    transform: rotate(-90deg);
  }

  .div-block-2 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .heading-2 {
    font-size: 17px;
    line-height: 20px;
  }

  .heading-3 {
    font-size: 10px;
    line-height: 12px;
  }

  .div-block-3 {
    height: 350px;
    padding: 9%;
  }

  .div-block-5 {
    margin-top: 0;
  }

  .image-4 {
    padding: 0;
  }

  .text-block-3, .text-block-3._2 {
    font-size: 10px;
  }

  .brand {
    padding-left: 0;
  }

  .text-block-5 {
    font-size: 17px;
    line-height: 22px;
  }

  .heading-7 {
    text-align: center;
  }

  .image-14 {
    max-width: 100%;
  }
}

#w-node-_69955c32-5e06-f53b-a1d2-1f70870a0fac-cfe399aa {
  justify-self: start;
}

#w-node-babb3a7d-9aa4-104f-8a13-83766879f879-cfe399aa {
  align-self: center;
}

#w-node-_69955c32-5e06-f53b-a1d2-1f70870a0fac-7d9bf2d5 {
  justify-self: start;
}

#w-node-babb3a7d-9aa4-104f-8a13-83766879f879-7d9bf2d5 {
  align-self: center;
}