@font-face {
  font-family: "Vcr osd mono 1";
  src: url('../fonts/VCR_OSD_MONO_1.001.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Timesnow;
  src: url('../fonts/TimesNow-SemiLight.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

:root {
  --white: white;
  --yellow: #ffe482;
  --black: black;
}

.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: #c7c7c7;
  background-color: #0e1012;
  font-family: Roboto Mono, sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
}

a {
  color: #7b79f1;
  font-weight: 400;
  text-decoration: none;
}

a:hover {
  color: #7b79f1;
  text-decoration: none;
}

.container {
  object-fit: fill;
  border-radius: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: static;
}

.landing-section {
  background-color: #0e0e0e;
  margin: 0;
  padding: 40px 120px;
}

.title {
  color: #fefcf0;
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 0;
  font-family: Timesnow, Times New Roman, sans-serif;
  font-size: 25px;
  font-weight: 300;
  line-height: 160%;
}

.body {
  color: #fefcf0;
  text-align: left;
  letter-spacing: 0;
  text-indent: 0;
  cursor: default;
  object-fit: contain;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 140%;
  overflow: visible;
}

.active-nav {
  color: #000;
  background-color: #1c1c46;
  border-radius: 5px;
  align-self: center;
  padding: 8px 20px;
  font-family: Source Code Pro, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.active-nav:hover {
  color: #fff;
}

.active-nav.w--current {
  color: #fefcf0;
  letter-spacing: 0;
  background-color: #1c1c4600;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 175%;
  text-decoration: underline;
}

.inactive-nav {
  color: #c7c7c7;
  letter-spacing: 0;
  cursor: cell;
  background-color: #0000;
  border-radius: 7px;
  align-self: center;
  padding: 8px 25px;
  font-family: Source Code Pro, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 175%;
  transition: background-color .2s cubic-bezier(.215, .61, .355, 1);
}

.inactive-nav:hover {
  color: #fff;
  background-color: #353480;
  font-weight: 400;
}

.inactive-nav.w--current {
  color: #c7c7c7;
  font-family: Source Code Pro, sans-serif;
}

.brand {
  cursor: cell;
  transition: transform .25s;
}

.brand:hover {
  transform: rotate(180deg);
}

.brand.w--current {
  transition: transform .25s;
}

.brand.w--current:hover {
  transform: rotate(180deg);
}

.nav-menu {
  padding-right: 0;
  display: flex;
}

.about {
  border-bottom-left-radius: 15px;
  padding: 75px 0;
}

.subtitle {
  color: #7d8795;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-right: 0;
  padding-right: 0;
  font-family: Source Code Pro, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.smaller-card {
  color: #c7c7c7;
  cursor: cell;
  background-color: #0000;
  border-radius: 15px;
  margin-bottom: 100px;
  transition: transform .325s cubic-bezier(.645, .045, .355, 1);
  display: block;
}

.smaller-card:hover {
  color: #c7c7c7;
  transform: translate(0, -10px);
}

.image {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  min-width: 100%;
  margin-bottom: 10px;
}

.grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: 1fr;
  grid-template-columns: .75fr .75fr .75fr;
}

.card-text {
  border-radius: 0 0 15px 15px;
  padding: 30px 30px 20px;
}

.larger-card {
  color: #c7c7c7;
  cursor: cell;
  background-color: #181a1e;
  border-radius: 15px;
  width: 100vw;
  margin-bottom: 40px;
  transition: transform .325s cubic-bezier(.645, .045, .355, 1);
}

.larger-card:hover {
  opacity: 1;
  color: #c7c7c7;
  transform: translate(0, -10px);
}

.grid-2 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .5fr;
  place-content: end center;
  place-items: center start;
}

.footer-section {
  margin-bottom: 0;
}

.footer-div {
  margin-bottom: 100px;
  padding-top: 30px;
}

.link {
  color: #7b79f1;
  padding: 10px 0;
}

.line {
  background-color: #353480;
  height: 1px;
}

.tag-group {
  flex-wrap: wrap;
  display: flex;
}

.tag {
  margin-right: 10px;
  padding-right: 0;
}

.paragraph {
  color: #c7c7c7;
  background-color: #282a4d;
  border-radius: 20px;
  margin-bottom: 0;
  padding: 5px 12px;
}

.paragraph.tag-mobile {
  color: #c7c7c7;
}

.div-block {
  display: flex;
}

.div-block-2 {
  padding-right: 40px;
}

.grid-4 {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1.75fr;
  align-content: center;
  align-items: center;
}

.image-2 {
  cursor: default;
  border: 1px solid #000;
  border-radius: 0;
}

.grid-5 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template: "."
  / .5fr .5fr .5fr;
  margin-top: 20px;
}

.image-card {
  display: block;
}

.image-3 {
  cursor: default;
  border-radius: 0;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.image-4 {
  border-radius: 0;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.image-5 {
  cursor: default;
  border-radius: 0;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.utility-page-wrap {
  color: #f8f8f8;
  background-color: #0e0e0e;
  border: 1px #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  align-items: center;
  width: auto;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.utility-page-form {
  flex-flow: column wrap;
  align-items: center;
  display: flex;
}

.submit-button {
  cursor: cell;
  background-color: #7b79f1;
  border-radius: 4px;
  padding-left: 97px;
  padding-right: 97px;
  font-family: Inter, sans-serif;
  transition: all .3s cubic-bezier(.645, .045, .355, 1);
}

.submit-button:hover {
  color: #c7c7c780;
  background-color: #353480;
}

.text-field {
  opacity: 1;
  color: #fff;
  -webkit-text-stroke-color: #202020;
  cursor: cell;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 3px;
  font-family: Inter, sans-serif;
}

.text-field:hover {
  color: #fff;
  -webkit-text-stroke-color: white;
}

.text-field:active {
  color: #fff;
  -webkit-text-stroke-color: white;
  border-style: solid;
  border-color: #494949;
  border-radius: 3px;
}

.text-field:focus {
  opacity: 1;
  color: #fff;
  -webkit-text-stroke-color: white;
  background-color: #0000;
  border: 1px solid #fff;
}

.text-field:focus-visible, .text-field[data-wf-focus-visible] {
  color: #fff;
}

.text-field::placeholder {
  color: #6b6b6b;
  -webkit-text-stroke-color: white;
  background-color: #0000;
}

.field-label {
  opacity: 0;
  color: #eee;
  margin-bottom: -20px;
  font-family: Source Code Pro, sans-serif;
}

.div-block-3 {
  align-items: center;
  margin-bottom: 10px;
  padding-right: 0;
  display: flex;
}

.work-item {
  margin-bottom: 30px;
  padding-bottom: 0;
}

._20-div {
  margin-bottom: 20px;
}

.div-block-6 {
  margin-right: 10px;
  padding-right: 0;
}

.div-block-7 {
  margin-right: 113px;
  padding-right: 0;
}

.div-block-8 {
  margin-right: 120px;
}

.div-block-9 {
  margin-right: 67px;
}

.div-block-10 {
  margin-right: 21px;
}

.div-block-11 {
  padding-top: 0;
}

.inline-link {
  cursor: cell;
  transition: color .15s cubic-bezier(.455, .03, .515, .955);
}

.inline-link:hover {
  color: #353480;
}

.div-block-12 {
  width: 15px;
  height: 1px;
  display: block;
}

.body-2 {
  cursor: default;
  background-color: #020205;
}

.navbar-3 {
  background-color: #171717;
  justify-content: flex-start;
  width: auto;
  margin-top: 0;
  padding: 10px 60px;
  display: flex;
  position: sticky;
  top: 0;
}

.image-7 {
  margin-bottom: 21px;
  padding-bottom: 0;
}

.nav-div {
  flex: 1;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px 60px;
  display: flex;
  position: static;
}

.grid-6 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  align-items: center;
  width: 100%;
  display: inline-block;
}

.image-8 {
  color: #000;
  margin-bottom: 6px;
}

.error-message {
  background-color: #ebebeb;
  border-radius: 4px;
}

.heading-2 {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 10px;
  font-family: Source Code Pro, sans-serif;
  font-size: 18px;
}

.body-3 {
  cursor: default;
  background-color: #020205;
  height: 100vh;
}

.text-block-2 {
  padding-left: 333px;
  padding-right: 333px;
  font-size: 15px;
}

.body-4 {
  cursor: default;
  background-color: #fff;
}

.text-block-3 {
  color: #000;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 300;
}

.call-out-div {
  background-color: #191919;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 20px 40px;
  display: flex;
}

.call-out {
  font-size: 15px;
  line-height: 150%;
}

.body-section {
  color: #fff;
  background-color: #0e0e0e;
  margin-top: 0;
  margin-bottom: 0;
  padding: 100px 120px;
}

.body-section.landing-section-color-blue, .body-section.landing-section-color-purple {
  padding-top: 100px;
  padding-bottom: 100px;
}

.content-container {
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.body-bold {
  color: var(--white);
  direction: ltr;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  display: block;
}

.div-block-13 {
  color: #191a1b;
  padding-left: 0;
}

.columns {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 10px;
  display: flex;
}

.content-image {
  border-radius: 0;
  display: block;
}

.body-5 {
  cursor: default;
  background-color: #0e0e0e;
}

.column-3 {
  padding-left: 10px;
  padding-right: 10px;
}

.columns-2 {
  margin-left: 0;
  margin-right: 0;
}

.column-4, .column-5 {
  padding-right: 0;
}

.text-block-4 {
  color: #191a1b;
  margin-top: 10px;
}

.text-block-5 {
  margin-top: 10px;
}

.light-body-section {
  cursor: default;
  background-color: #e2cfff;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.div-block-14 {
  justify-content: center;
  align-items: flex-start;
  font-size: 15px;
  line-height: 150%;
  display: flex;
}

.text-span, .text-span-2, .text-span-3 {
  color: #ffe482;
}

.grid-7 {
  grid-column-gap: 10px;
  grid-template: "Area . Area-2 Area-3"
  / 1fr 1fr 1fr 1fr;
}

.div-block-15 {
  opacity: .2;
}

.div-block-16 {
  margin-top: 40px;
  margin-bottom: 100px;
  padding-top: 0;
}

.solution-block {
  color: #fff;
  margin-bottom: 5px;
  font-family: Inter, sans-serif;
}

.div-block-17 {
  margin-bottom: 0;
  padding-bottom: 0;
}

.image-9 {
  border-radius: 0;
}

.big-body {
  font-size: 17px;
  font-weight: 300;
  line-height: 150%;
}

.columns-3 {
  align-items: center;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 40px;
  display: flex;
}

.text-span-4 {
  color: #ffe482;
}

.columns-4 {
  flex-flow: row;
  align-items: center;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  display: flex;
}

.columns-5 {
  align-items: center;
  display: flex;
}

.text-span-5, .text-span-6 {
  color: #ffe482;
}

.text-block-8 {
  text-align: center;
  font-family: Roboto Mono, sans-serif;
  font-size: 15px;
  line-height: 150%;
}

.div-block-19 {
  background-color: #242424;
  border-radius: 15px;
  margin-top: 30px;
  padding: 25px 40px;
}

.column-6 {
  flex-flow: column;
  justify-content: center;
  display: flex;
}

.image-11 {
  border-radius: 50px;
}

.image-12 {
  border-radius: 60px;
}

.image-13 {
  border-radius: 50px;
}

.text-span-7 {
  color: #ffe482;
}

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

.div-block-20 {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 0;
  display: flex;
}

.text-block-9 {
  padding-left: 10px;
}

.div-block-21 {
  flex-direction: column;
  margin-bottom: 10px;
  display: flex;
}

.image-14 {
  margin-right: 10px;
}

.text-span-8, .text-span-9, .text-span-10 {
  color: #ffe482;
}

.body-bold-center {
  color: #7d8795;
  text-align: center;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-size: 15px;
  line-height: 150%;
}

.grid6 {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr 1.5fr 1fr;
  margin-top: 20px;
}

.columns-6 {
  flex-direction: column;
  display: flex;
}

.grid-9 {
  grid-template-columns: .75fr .75fr 1fr;
  margin-top: 20px;
}

.div-block-22 {
  padding-left: 20px;
}

.div-block-r {
  flex-direction: column;
  margin-bottom: 10px;
  padding-bottom: 0;
  display: flex;
}

.image-14-r {
  margin-left: 0;
  margin-right: 0;
  padding-bottom: 10px;
}

.text-span-11 {
  color: #ffe482;
}

.grid6-copy {
  grid-column-gap: 20px;
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .75fr .75fr .75fr .75fr;
  margin-top: 20px;
}

.text-span-12, .text-span-13 {
  color: #ffe482;
}

.div-block-23 {
  margin-bottom: 10px;
}

.image-15 {
  border-radius: 11px;
}

.image-16 {
  border-radius: 50px;
}

.div-block-24 {
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-25 {
  padding-left: 15px;
}

.text-span-14 {
  color: #ffe482;
  font-size: 20px;
}

.text-span-15 {
  color: #ffe482;
}

.text-span-16 {
  color: #fefcf0;
}

.div-block-26 {
  align-items: center;
  display: flex;
}

.text-span-17, .text-span-18, .text-span-19 {
  color: #7b79f1;
}

.link-2 {
  cursor: cell;
}

.div-block-27 {
  margin-top: 10px;
  margin-bottom: 30px;
}

.body-6 {
  cursor: default;
  background-color: #0e0e0e;
}

.text-span-20, .text-span-21, .text-span-22, .text-span-23, .text-span-24, .text-span-25 {
  color: #7d8795;
}

.intro-divider {
  color: #181a1e;
  background-color: #181a1e;
  height: 1px;
}

.title-of-project {
  color: #fefcf0;
  margin-bottom: 8px;
  font-family: Timesnow, Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 160%;
}

.grid-10 {
  grid-template: "Area"
                 "."
                 / 1fr;
  align-content: stretch;
  align-self: auto;
  align-items: start;
  display: flex;
}

.title-intro {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  font-family: Source Code Pro, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 160%;
}

.div-block-27-copy {
  margin-top: 0;
}

.body-bold-copy {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  font-size: 15px;
  line-height: 150%;
}

.column-16, .column-17 {
  padding-left: 0;
  padding-right: 10px;
}

.column-18 {
  padding-left: 10px;
  padding-right: 0;
}

.div-block-28 {
  padding-bottom: 0;
}

.text-block-10 {
  font-family: Open Sans, sans-serif;
}

.div-block-29 {
  padding-right: 10px;
}

.div-block-30, .div-block-31 {
  padding-left: 10px;
  padding-right: 10px;
}

.text-block-11 {
  letter-spacing: 0;
  font-family: Source Code Pro, sans-serif;
  font-size: 16px;
}

.div-block-32 {
  padding-right: 40px;
}

.image-17 {
  padding-left: 0;
}

.callout {
  color: #fefcf0;
  text-align: left;
  letter-spacing: 0;
  text-indent: 0;
  cursor: default;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 175%;
  overflow: visible;
}

.call-out-div-p-s {
  background-color: #f1f1f1;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 40px;
  display: flex;
}

.landing-section-copy {
  background-color: #020205;
  background-image: url('../images/_.svg');
  background-position: 820px 100px;
  background-repeat: no-repeat;
  background-size: auto;
  background-attachment: scroll;
  margin: 0;
  padding: 60px 40px;
}

.landing-section-copy2 {
  color: #fff;
  background-color: #0e0e0e;
  margin: 0;
  padding: 60px 120px;
}

.body-center {
  color: #fefcf0;
  text-align: center;
  letter-spacing: 0;
  text-indent: 0;
  cursor: default;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 175%;
  overflow: visible;
}

.body-bold-centered {
  color: #fff;
  text-align: center;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 150%;
}

.div-block-33 {
  margin-top: 20px;
}

.column-19 {
  padding-left: 0;
}

.column-20 {
  padding-right: 0;
}

.column-21 {
  padding-left: 0;
}

.column-22 {
  padding-right: 0;
}

.column-23 {
  padding-left: 0;
}

.column-24, .column-25 {
  padding-right: 0;
}

.column-26, .column-27 {
  padding-left: 0;
}

.column-28, .column-29 {
  padding-right: 0;
}

.body-copy {
  text-align: left;
  letter-spacing: 1px;
  text-indent: 0;
  cursor: default;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 175%;
  overflow: visible;
}

.project-section {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 80px;
  padding-bottom: 0;
}

.html-embed {
  object-fit: fill;
  display: block;
}

.html-embed-2, .html-embed-3, .html-embed-4 {
  width: 100%;
  height: 100%;
}

.title-intro-test {
  color: #fff;
  margin-top: 0;
  margin-bottom: 10px;
  padding-top: 0;
  font-family: "Vcr osd mono 1", sans-serif;
  font-size: 45px;
  font-weight: 400;
  line-height: 160%;
}

.text-span-26 {
  color: #fff;
  background-color: #0000;
  font-weight: 400;
}

.text-span-27 {
  background-color: #0300ff;
}

.text-span-28 {
  -webkit-text-fill-color: inherit;
  background-color: #353480;
  background-clip: border-box;
}

.text-span-29 {
  background-color: #ff56db;
}

.html-embed-5, .html-embed-6 {
  width: 100%;
  height: 100%;
}

.div-block-34 {
  padding-left: 0;
}

.image-18 {
  border-radius: 15px;
  margin-bottom: 20px;
}

.image-19 {
  border-radius: 0;
  width: auto;
  margin-bottom: 20px;
}

.content-container-copy {
  margin-bottom: 60px;
  padding-left: 0;
  padding-right: 0;
}

.youtube {
  margin-bottom: 10px;
}

.youtube-div {
  margin-top: 0;
  margin-bottom: 40px;
}

.div-block-35 {
  margin-bottom: 40px;
}

.quick-stack, .quick-stack-2 {
  padding: 0;
}

.image-19-copy {
  border-radius: 0;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
}

.quick-stack-3 {
  padding: 0 0 40px;
}

.body-7 {
  background-color: #0e0e0e;
  margin: 0;
}

.navbar-3-copy {
  background-color: #0e1012;
  margin-top: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  position: sticky;
  top: 0;
}

.container-2 {
  margin-left: 40px;
  margin-right: 40px;
}

.navbar-4 {
  color: #020205;
  padding-left: 40px;
  padding-right: 40px;
}

.text-block-12 {
  color: #000;
  font-family: Timesnow, Times New Roman, sans-serif;
  font-size: 70px;
  font-weight: 400;
  line-height: 130%;
}

.grid-11 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  cursor: default;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  align-items: center;
}

.container-3 {
  margin-left: 0;
  margin-right: 0;
  padding-left: 40px;
  padding-right: 40px;
}

.grid-12 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  align-content: center;
  align-items: center;
  font-size: 50px;
  display: block;
}

.text-block-13, .text-block-14 {
  margin-bottom: 30px;
  font-family: Source Code Pro, sans-serif;
  font-size: 30px;
  line-height: 130%;
}

.text-block-15 {
  font-family: Source Code Pro, sans-serif;
}

.text-block-16 {
  font-family: Source Code Pro, sans-serif;
  line-height: 130%;
}

.text-block-17 {
  color: #000;
  font-family: Inter, sans-serif;
  font-size: 18px;
  line-height: 130%;
}

.text-block-16-copy {
  color: #fefcf0;
  margin-bottom: 10px;
  font-family: Timesnow, Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 130%;
}

.text-block-16-copy-copy {
  color: #000;
  font-size: 18px;
  font-weight: 300;
  line-height: 130%;
}

.link-block {
  cursor: cell;
  margin-bottom: 100px;
  transition: transform .325s;
}

.active-nav-copy {
  color: #fff;
  background-color: #1c1c46;
  border-radius: 5px;
  align-self: center;
  padding: 10px 20px;
  font-family: Source Code Pro, sans-serif;
  font-size: 16px;
  font-weight: 400;
}

.active-nav-copy:hover {
  color: #fff;
}

.active-nav-copy.w--current {
  color: #fff;
  letter-spacing: 1px;
  background-color: #353480;
  padding-left: 25px;
  padding-right: 25px;
  font-family: Open Sans, sans-serif;
  font-size: 16px;
  line-height: 175%;
}

.inactive-nav-copy {
  color: #fefcf0;
  letter-spacing: 0;
  cursor: cell;
  background-color: #0000;
  border-radius: 7px;
  align-self: center;
  padding: 8px 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 175%;
  transition: background-color .2s cubic-bezier(.215, .61, .355, 1);
}

.inactive-nav-copy:hover {
  color: #fefcf0;
  background-color: #1c1c4600;
  border-radius: 5px;
  font-weight: 300;
  text-decoration: underline;
}

.inactive-nav-copy.w--current {
  color: #fefcf0;
  letter-spacing: 0;
  text-decoration: none;
}

.inactive-nav-copy.w--current:hover {
  text-decoration: underline;
}

.landing-section-copy-copy {
  background-color: #fff0b9;
  margin: 0;
  padding: 60px 120px;
}

.text-block-16-copy-copy {
  font-family: Source Code Pro, sans-serif;
  line-height: 130%;
}

.text-block-16-copy-copy-copy {
  color: #020205;
  margin-bottom: 10px;
  font-family: Source Code Pro, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 130%;
}

.footer-h1 {
  opacity: 1;
  color: #020205;
  margin-bottom: 20px;
  font-family: Timesnow, Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 130%;
}

.footer-h2 {
  color: #020205;
  margin-bottom: 20px;
  font-family: Source Code Pro, sans-serif;
  font-size: 20px;
  font-weight: 400;
  line-height: 130%;
}

.grid-12-copy {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 2.75fr 1fr;
  align-content: center;
  align-items: center;
  font-size: 50px;
}

.ugh {
  background-color: #fff;
  margin: 0;
  padding: 60px 275px;
}

.tessssst {
  object-fit: cover;
  background-color: #bfccff;
  width: 200vw;
  margin: 0;
  padding: 0 40px;
  overflow: hidden;
}

.ree {
  background-color: #0e0e0e;
  margin: 0;
  padding: 140px 120px;
}

.image-20, .image-21 {
  margin-bottom: 10px;
}

.image-22 {
  margin-bottom: 11px;
}

.image-23 {
  margin-bottom: 10px;
}

.grid-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: 1fr;
  grid-template-columns: .75fr .75fr .75fr;
}

.smaller-card-copy {
  color: #c7c7c7;
  cursor: cell;
  background-color: #181a1e;
  border-radius: 5px;
  margin-bottom: 0;
  transition: transform .325s cubic-bezier(.645, .045, .355, 1);
}

.body-for-card {
  text-align: left;
  letter-spacing: 0;
  text-indent: 0;
  cursor: default;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Source Code Pro, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 130%;
  overflow: visible;
}

.body-8 {
  background-color: #0e0e0e;
}

.div-block-36 {
  cursor: default;
  margin-bottom: 50px;
}

.div-block-37, .div-block-38, .div-block-39 {
  cursor: default;
}

.fdsafsda {
  color: #fefcf0;
  cursor: default;
  margin-bottom: 80px;
  font-family: Timesnow, Times New Roman, sans-serif;
  font-size: 48px;
  font-weight: 300;
  line-height: 150%;
}

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

.body-for-top {
  color: #fefcf0;
  text-align: left;
  letter-spacing: 0;
  text-indent: 0;
  cursor: default;
  object-fit: contain;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 140%;
  overflow: visible;
}

.body-fdsafdsa {
  color: #000;
  text-align: right;
  letter-spacing: 0;
  text-indent: 0;
  cursor: default;
  object-fit: contain;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 400;
  line-height: 140%;
  overflow: visible;
}

.body-fffsdfeee {
  color: #000;
  text-align: right;
  letter-spacing: 0;
  text-indent: 0;
  cursor: default;
  object-fit: contain;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 15px;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 17px;
  font-weight: 200;
  line-height: 140%;
  overflow: visible;
}

.grid-14 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr;
}

.smaller-card-copy {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #c7c7c7;
  cursor: cell;
  background-color: #0000;
  border-radius: 15px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1.5fr 1fr;
  grid-auto-columns: 1fr;
  margin-bottom: 100px;
  transition: transform .325s cubic-bezier(.645, .045, .355, 1);
  display: grid;
}

.smaller-card-copy:hover {
  color: #c7c7c7;
  transform: translate(0, -10px);
}

.grid-15 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  display: flex;
}

.inactive-nav-copy-copy {
  color: #fefcf0;
  letter-spacing: 0;
  cursor: cell;
  background-color: #0000;
  border: 1px solid #fefcf0;
  border-radius: 5px;
  align-self: center;
  padding: 8px 15px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 130%;
  transition: background-color .2s cubic-bezier(.215, .61, .355, 1);
}

.inactive-nav-copy-copy:hover {
  color: #171717;
  background-color: #fefcf0;
  border-radius: 5px;
  font-weight: 300;
  text-decoration: none;
}

.inactive-nav-copy-copy.w--current {
  color: #c7c7c7;
  letter-spacing: 0;
}

.grid-14-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr;
  margin-bottom: 20px;
}

.landing-section-color-purple {
  color: #c7c7c7;
  background-color: #171717;
  margin: 0;
  padding: 40px 100px;
}

.call-out-div-blue {
  background-color: #a8d0eb;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 40px;
  display: flex;
}

.div-block-27-blue, .div-block-27-copy {
  margin-top: 0;
  margin-bottom: 0;
}

.landing-section-color-blue {
  background-color: #1f1e1e;
  margin: 0;
  padding: 30px 120px;
}

.call-out-div-purple {
  background-color: #cbb0f5;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 40px;
  display: flex;
}

.grid-16 {
  grid-template-rows: auto;
  margin-bottom: 40px;
  display: block;
}

.quick-stack-4 {
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.grid-14-copy-copy {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .75fr 1fr;
  align-items: center;
  margin-bottom: 20px;
  display: block;
}

.fdsafsfjkaw-ei-we22 {
  grid-template: "Area"
  / 1fr;
  align-content: stretch;
  align-items: start;
  display: flex;
}

.idek {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
  align-content: center;
  align-items: center;
}

.grid-stooooop {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.grid-10-copcopy {
  grid-template: "Area"
  / 1fr 1fr 1fr;
  align-content: stretch;
  align-items: start;
}

.body-copy {
  color: #fefcf0;
  text-align: left;
  letter-spacing: 0;
  text-indent: 0;
  cursor: default;
  object-fit: contain;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 140%;
  overflow: visible;
}

.image-13-copy {
  border-radius: 0;
}

.text-block-16-copy-copy {
  color: #000;
  margin-bottom: 10px;
  font-family: Timesnow, Times New Roman, sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 130%;
}

.image-25 {
  color: #000;
}

.header-name {
  margin-right: 100px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.header-name:hover {
  color: #000;
}

.text-span-30 {
  color: #00000003;
}

.inactive-nav-copy-23 {
  color: #fefcf0;
  letter-spacing: 0;
  cursor: cell;
  background-color: #0000;
  border-radius: 7px;
  align-self: center;
  padding: 8px 20px;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 175%;
  transition: background-color .2s cubic-bezier(.215, .61, .355, 1);
}

.inactive-nav-copy-23:hover {
  color: #fefcf0;
  background-color: #1c1c4600;
  border-radius: 5px;
  font-weight: 300;
  text-decoration: none;
}

.inactive-nav-copy-23.w--current {
  color: #fefcf0;
  letter-spacing: 0;
  padding-left: 0;
  padding-right: 0;
}

.orange-link {
  color: #ff4017;
  cursor: cell;
}

.orange-link:hover {
  color: #c33111;
}

.yellow-link {
  color: #fcb80f;
  cursor: cell;
}

.yellow-link:hover {
  color: #bb880b;
}

.green-link {
  color: #78a3ff;
  cursor: cell;
}

.green-link:hover {
  color: #5e7cbd;
}

.grid-17 {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.quick-stack-5 {
  padding: 0;
}

.grid6-copy-copy {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1.25fr 1.25fr 1.25fr;
  margin-top: 20px;
}

.section {
  background-color: #fff0b9;
  padding-top: 40px;
  padding-bottom: 40px;
}

.section-2 {
  background-color: #0e0e0e;
  padding: 60px 120px 40px;
}

.grid-18 {
  grid-column-gap: 51px;
  grid-row-gap: 50px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  margin-top: 20px;
}

.grid-19 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  align-items: center;
}

.hover-card {
  cursor: cell;
  margin-bottom: 40px;
  transition: transform .325s;
}

.hover-card:hover {
  transform: translate(0, -10px);
}

.call-out-div-blue-copy {
  background-color: #a8d0eb;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px 40px;
  display: flex;
}

.grid-20 {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  display: block;
}

.grid-21 {
  grid-template-rows: auto;
}

.call-out-div-gray {
  background-color: #242424;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 20px 40px 10px;
  display: flex;
}

.grid-22 {
  grid-template-rows: auto;
}

.fdsafsfjkaw-ei-we22-copy {
  grid-template: "Area"
  / 1fr;
  align-content: stretch;
  align-items: start;
  display: flex;
}

.grid-23 {
  grid-template-rows: auto;
}

.grid-5-copy {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template: "."
  / .5fr .5fr .5fr;
  margin-top: 20px;
}

.letter {
  border-radius: 0;
  margin-bottom: 20px;
  padding-bottom: 0;
}

.landing-section-color-blue-copy {
  background-color: #d0ebfd;
  margin: 0;
  padding: 40px 275px;
}

.landing-section-color-dark {
  background-color: #191919;
  margin: 0;
  padding: 100px 120px;
}

.text-span-31 {
  color: #fff;
}

.text-span-32 {
  color: #fff;
  font-size: 18px;
}

.text-span-33 {
  color: #fff;
}

.text-span-34 {
  color: #fff;
  font-size: 18px;
}

.text-span-35, .text-span-36 {
  color: #fff;
}

.text-span-37 {
  color: #fff;
  font-size: 18px;
}

.text-span-38, .text-span-39, .text-span-40 {
  color: #fff;
}

.text-span-41 {
  color: #191a1b;
}

.text-span-42 {
  color: #fff;
}

.text-span-43 {
  color: #191a1b;
}

.text-span-44 {
  color: #fff;
}

.text-span-45 {
  color: #191a1b;
}

.text-span-46, .text-span-47 {
  color: #fff;
}

.text-span-48 {
  color: #fff;
  font-size: 20px;
}

.text-span-49, .text-span-50, .text-span-51, .text-span-52, .text-span-53 {
  color: #fff;
}

.call-out-div-blue-copy-copy {
  background-color: #242424;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 20px;
  display: flex;
}

.text-span-54 {
  color: #000;
}

.text-span-55, .text-span-56 {
  color: #fefcf0;
}

.call-out-div-copy {
  background-color: #242424;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 40px;
  display: flex;
}

.frik {
  background-color: #171717;
  margin: 0;
  padding: 40px 0;
}

.text-span-57, .text-span-58 {
  color: #000;
}

.text-block-16-copy-copy {
  color: #ffd987;
  text-align: left;
  cursor: default;
  margin-bottom: 10px;
  font-family: Timesnow, Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 130%;
}

.landing-section-copy2-copy-2222 {
  color: #fff;
  background-color: #fff;
  margin: 0;
  padding: 10px 0;
}

.call-out-div-copy222 {
  background-color: #242321;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 0;
  margin-bottom: 0;
  padding: 20px 40px;
  display: flex;
}

.griddddddd {
  grid-template-rows: auto;
  margin-top: 0;
  margin-bottom: 0;
}

.call-out-div-copy2fdasfsda {
  background-color: #242321;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 20px 40px;
  display: flex;
}

.grid-18-copyr {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  justify-content: stretch;
  margin-top: 20px;
}

.hover-card-small {
  cursor: cell;
  transition: transform .325s;
  display: flex;
}

.hover-card-small:hover {
  transform: translate(0, -10px);
}

.image-22-card {
  margin-bottom: 11px;
  margin-right: 20px;
}

.text-span-59 {
  font-weight: 400;
}

.div-block-40 {
  margin-bottom: 20px;
}

.image-26 {
  border-radius: 200px;
  margin-bottom: 20px;
}

.image-27 {
  border-radius: 200px;
}

.div-block-41 {
  margin-bottom: 20px;
}

.image-28 {
  border-radius: 200px;
}

.grid-25 {
  grid-template-rows: auto;
  grid-template-columns: 1.25fr 1fr;
}

.text-span-60, .text-span-61, .text-span-62, .text-span-63, .text-span-64, .text-span-65 {
  color: #fff;
}

.text-span-66 {
  color: #fff;
}

.landing-section-copy-fsdafd {
  background-color: #fff;
  margin: 0;
  padding: 20px 0 40px;
}

.text-span-67, .text-span-68, .text-span-69, .text-span-70 {
  color: #000;
}

.column-30 {
  padding-left: 0;
  padding-right: 0;
}

.column-31 {
  text-align: right;
  padding-left: 0;
  padding-right: 0;
}

.text-span-71 {
  text-align: right;
}

.body-right-align {
  color: #fefcf0;
  text-align: right;
  letter-spacing: 0;
  text-indent: 0;
  cursor: default;
  object-fit: contain;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 140%;
  overflow: visible;
}

.text-span-72 {
  color: #fefcf0;
  text-align: left;
}

.div-block-43 {
  color: #fefcf0;
  background-color: #fefcf0;
  border: .5px solid #1d1d1d;
}

.dividercontainer {
  background-color: #615d5d;
  margin: 0;
  padding: 0;
}

.landing-section-color-dark-copy {
  background-color: #191a1b;
  margin: 0;
  padding: 40px 60px;
}

.dark2 {
  background-color: #191a1b;
  margin: 0;
  padding: 100px 60px;
}

.div-block-44 {
  object-fit: fill;
}

.navbar-3-copy {
  background-color: #171717;
  justify-content: flex-start;
  width: auto;
  margin-top: 0;
  padding: 10px 60px;
  display: flex;
  position: sticky;
  top: 0;
}

.navbar-about {
  aspect-ratio: auto;
  background-color: #0e0e0e;
  justify-content: flex-start;
  width: auto;
  margin-top: 0;
  padding: 10px 120px;
  display: block;
  position: sticky;
  top: 0;
}

.navbar-projects, .navbar-abouts, .navbar-ceramics {
  background-color: #171717;
  padding: 10px 60px;
  display: flex;
}

.brand-2 {
  cursor: cell;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  padding-top: 10px;
  padding-bottom: 10px;
  display: block;
}

.brand-2.w--current {
  cursor: cell;
  padding-left: 0;
  padding-right: 0;
}

.body-for-nav {
  color: #fefcf0;
  text-align: left;
  letter-spacing: 0;
  text-indent: 0;
  cursor: cell;
  object-fit: contain;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 140%;
  overflow: visible;
}

.idk-div {
  align-items: center;
  display: flex;
}

.landing-section-dark-new {
  background-color: #070707;
  margin: 0;
  padding: 200px 120px;
}

.title-copy-centered {
  color: #fefcf0;
  text-align: center;
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 160%;
}

.div-block-45 {
  display: block;
}

.div-block-46 {
  justify-content: center;
  margin-top: 0;
  display: flex;
}

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

.div-block-47 {
  margin-bottom: 40px;
}

.image-29, .image-30, .image-31, .image-32 {
  margin-bottom: 10px;
}

.text-span-73, .text-span-74, .text-span-75 {
  color: #ffe482;
}

.text-span-76 {
  color: #fff;
}

.grid-27 {
  grid-template-rows: auto;
  margin-bottom: 0;
}

.div-block-48 {
  margin-bottom: 100px;
}

.image-33 {
  display: block;
}

.text-span-77, .text-span-78 {
  color: #ffe482;
}

.landing-section-light {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #fffcee;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: center;
  margin: 0;
  padding: 140px 120px;
  display: grid;
}

.text-span-for-light {
  color: #171717;
  text-align: left;
}

.grid-4-copy {
  grid-column-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: .5fr .75fr;
  align-content: center;
  align-items: center;
}

.text-span-79 {
  color: #171717;
}

.landing-section-copy2-copy {
  color: #fff;
  background-color: #171717;
  margin: 0;
  padding: 10px 100px;
}

.center-this {
  color: #000;
  text-align: center;
  margin-bottom: 10px;
  font-family: Timesnow, Times New Roman, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 130%;
}

.text-span-80 {
  color: #000;
}

.text-span-81 {
  color: #020205;
}

.column-32 {
  padding-left: 0;
  padding-right: 0;
  font-family: Inter, sans-serif;
}

.text-span-82 {
  color: #ffe482;
}

.body-section-lightt {
  color: #fff;
  background-color: #fffcee;
  margin-top: 0;
  margin-bottom: 0;
  padding: 300px 120px;
}

.body-center-copy {
  color: #fefcf0;
  text-align: center;
  letter-spacing: 0;
  text-indent: 0;
  cursor: default;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 175%;
  overflow: visible;
}

.body-section-for-challenge {
  color: #fff;
  background-color: #171717;
  margin-top: 0;
  margin-bottom: 0;
  padding: 220px 120px;
}

.call-out-div-light {
  background-color: #e4e1d3;
  border-radius: 5px;
  flex-direction: column;
  align-items: stretch;
  margin-top: 20px;
  margin-bottom: 0;
  padding: 20px 40px;
  display: flex;
}

.text-span-83 {
  color: #191a1b;
}

.text-span-84 {
  color: #191a1b;
  font-family: Inter, sans-serif;
}

.text-span-85 {
  color: #191a1b;
}

.body-bold-dark {
  color: #191a1b;
  direction: ltr;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 150%;
  display: block;
}

.title-copy-left {
  color: #fefcf0;
  text-align: left;
  margin-top: 0;
  margin-bottom: 5px;
  padding-top: 0;
  font-family: Georgia, Times, Times New Roman, serif;
  font-size: 30px;
  font-weight: 400;
  line-height: 160%;
}

.columns-7, .grid-28 {
  justify-content: center;
  align-items: center;
  display: flex;
}

.grid-29 {
  grid-template-rows: auto;
}

.body-section-image {
  color: #fff;
  background-color: #0e0e0e;
  margin-top: 0;
  margin-bottom: 0;
  padding: 40px 120px;
}

.body-section-image.landing-section-color-blue, .body-section-image.landing-section-color-purple {
  padding-top: 100px;
  padding-bottom: 100px;
}

.grid-30 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  display: grid;
}

.grid-31 {
  place-items: center;
}

.column-33, .column-34, .column-35, .column-36, .column-37 {
  padding-left: 0;
  padding-right: 0;
}

.inline-link-copy {
  cursor: cell;
  transition: color .15s cubic-bezier(.455, .03, .515, .955);
}

.inline-link-copy:hover {
  color: #353480;
}

.div-block-51, .image-34 {
  cursor: default;
}

.text-span-86, .text-span-87, .text-span-88 {
  color: #ffe482;
}

.lkast {
  margin-top: 40px;
  margin-bottom: 0;
  padding-top: 0;
}

.test {
  color: #191a1b;
}

.text-span-89, .text-span-90 {
  color: #171717;
}

.body-bold-dark-test {
  color: #fff;
  direction: ltr;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 40px;
  font-weight: 500;
  line-height: 150%;
  display: block;
}

.text-span-91 {
  color: #fff;
}

.title-of-project-light {
  color: #191a1b;
  margin-bottom: 8px;
  font-family: Timesnow, Times New Roman, sans-serif;
  font-size: 50px;
  font-weight: 500;
  line-height: 160%;
}

.italic-text, .italic-text-2, .italic-text-3 {
  font-size: 50px;
}

.body-bold-for-solutions {
  color: #fff;
  direction: ltr;
  margin-bottom: 10px;
  padding-bottom: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 150%;
  display: block;
}

.body-for-solution {
  color: #ffe482;
  text-align: left;
  letter-spacing: 0;
  text-indent: 0;
  cursor: default;
  object-fit: contain;
  background-color: #0000;
  margin-top: 0;
  margin-bottom: 20px;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 20px;
  font-weight: 200;
  line-height: 140%;
  overflow: visible;
}

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

.div-block-52 {
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.italic-text-4, .italic-text-5 {
  font-size: 50px;
}

.italic-text-6 {
  font-size: 60px;
}

.italic-text-7 {
  padding-left: 10px;
  font-size: 50px;
}

.italic-text-8, .italic-text-9 {
  font-size: 50px;
}

.columns-4-copy, .columns-4-copy-222 {
  flex-flow: row;
  align-items: center;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  display: flex;
}

.column-38 {
  order: 0;
}

.new-diiiiv {
  padding-top: 10px;
}

.text-span-92, .text-span-93, .text-span-94, .text-span-95, .text-span-96, .text-span-97, .text-span-98, .text-span-99, .text-span-100, .text-span-101, .text-span-102, .text-span-103, .text-span-104 {
  color: #ffe482;
}

.text-span-105, .text-span-106, .text-span-107, .text-span-108, .text-span-109 {
  color: var(--yellow);
}

.body-center-dsfs {
  color: #fefcf0;
  text-align: center;
  letter-spacing: 0;
  text-indent: 0;
  cursor: default;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  font-family: Inter, sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 175%;
  overflow: visible;
}

.text-span-110, .text-span-111 {
  color: var(--yellow);
}

.columns-4-copy {
  flex-flow: row;
  align-items: center;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  display: flex;
}

.text-span-112 {
  color: var(--yellow);
}

.text-span-113 {
  color: var(--black);
}

.text-span-114 {
  color: var(--yellow);
}

.teams {
  border-radius: 0;
}

.text-span-115, .text-span-116, .text-span-117, .text-span-118, .text-span-119, .text-span-120, .text-span-121, .text-span-122, .text-span-123 {
  color: var(--black);
}

.text-span-124, .text-span-125 {
  color: var(--yellow);
}

.aligning {
  align-items: center;
  margin-bottom: 40px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 40px;
  display: flex;
}

.text-span-126, .text-span-127, .text-span-128, .text-span-129 {
  color: var(--yellow);
}

.div-block-53 {
  padding: 20px 100px;
}

.div-block-54 {
  justify-content: center;
  align-items: center;
  padding-left: 100px;
  padding-right: 100px;
  display: flex;
}

.woo {
  border-radius: 0;
}

.text-span-130, .text-span-131, .text-span-132, .text-span-133 {
  color: var(--yellow);
}

.audit-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template: "."
  / .5fr .5fr .5fr;
  margin-top: 20px;
}

.text-span-134 {
  color: #ffe483;
}

@media screen and (max-width: 991px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .landing-section {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .active-nav {
    border-radius: 0;
    padding-left: 0;
  }

  .active-nav.w--current, .inactive-nav {
    border-radius: 7px;
  }

  .brand.w--current {
    height: auto;
    margin-top: 10px;
    padding-top: 0;
  }

  .nav-menu {
    color: #c7c7c7;
    flex: 0 auto;
  }

  .about {
    line-height: 130%;
  }

  .smaller-card {
    width: 100vw;
    margin-bottom: 80px;
  }

  .grid {
    grid-template-rows: .25fr;
    grid-template-columns: .75fr .75fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    padding-bottom: 0;
    display: block;
  }

  .grid-2 {
    grid-template-columns: .5fr .5fr;
  }

  .tag {
    margin-bottom: 10px;
    padding-bottom: 0;
  }

  .paragraph {
    font-size: 14px;
  }

  .grid-4 {
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: .5fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: center;
    align-items: start;
    display: flex;
  }

  .image-2 {
    margin-bottom: 20px;
  }

  .div-block-10 {
    margin-right: 25px;
  }

  .menu-button {
    color: #fff;
    background-color: #0000;
  }

  .menu-button.w--open {
    background-color: #0e1012;
  }

  .body-2 {
    background-color: #fff;
  }

  .navbar-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-div {
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .text-block-2 {
    padding-left: 81px;
    padding-right: 81px;
  }

  .body-section {
    padding: 100px 40px;
  }

  .div-block-13 {
    padding-left: 0;
    padding-right: 0;
  }

  .text-block-4, .text-block-5 {
    padding-left: 5px;
  }

  .div-block-16 {
    margin-bottom: 60px;
  }

  .image-10 {
    padding-right: 0;
  }

  .text-block-6, .text-block-7 {
    padding-left: 10px;
  }

  .image-11, .image-12 {
    object-fit: contain;
  }

  .image-13 {
    object-fit: contain;
    border-radius: 0;
  }

  .body-6 {
    background-color: #fff;
  }

  .landing-section-copy {
    margin-top: 130px;
    margin-bottom: 130px;
    padding-top: 0;
  }

  .landing-section-copy2 {
    background-color: #0e0e0e;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .quick-stack-3 {
    padding: 0;
  }

  .body-7 {
    background-color: #171717;
  }

  .text-block-12 {
    margin-bottom: 20px;
  }

  .grid-11 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-items: center;
    display: inline-block;
  }

  .grid-12 {
    flex-direction: row;
    align-items: flex-end;
    display: block;
  }

  .active-nav-copy {
    border-radius: 5px;
    padding-left: 20px;
  }

  .active-nav-copy.w--current, .inactive-nav-copy {
    border-radius: 7px;
  }

  .inactive-nav-copy.w--current {
    color: #fefcf0;
  }

  .landing-section-copy-copy {
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 40px;
    display: flex;
  }

  .grid-12-copy {
    flex-flow: row;
    flex: 1;
    justify-content: space-around;
    display: flex;
  }

  .ugh {
    flex-direction: row;
    justify-content: space-between;
    margin-top: 0;
    margin-bottom: 0;
    padding: 0 40px 20px;
    display: flex;
  }

  .tessssst {
    margin-top: 130px;
    margin-bottom: 130px;
    padding-top: 0;
  }

  .ree {
    margin-top: 0;
    margin-bottom: 0;
    padding: 40px;
  }

  .image-20, .image-21, .image-22, .image-23, .image-24 {
    padding-bottom: 30px;
  }

  .grid-copy {
    grid-template-rows: .25fr;
    grid-template-columns: .75fr .75fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    padding-bottom: 0;
    display: block;
  }

  .smaller-card-copy {
    width: 100vw;
    margin-bottom: 80px;
  }

  .body-8 {
    background-color: #fff;
  }

  .fdsafsda {
    margin-bottom: 20px;
  }

  .smaller-card-copy {
    width: 100vw;
    margin-bottom: 80px;
    display: block;
  }

  .grid-15 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    aspect-ratio: auto;
    flex-direction: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-self: auto;
    display: block;
    overflow: visible;
  }

  .inactive-nav-copy-copy {
    border-radius: 7px;
  }

  .landing-section-color-purple, .landing-section-color-blue {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-14-copy-copy, .idek {
    display: block;
  }

  .grid-stooooop {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-direction: column;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    align-items: flex-start;
    display: block;
  }

  .image-13-copy {
    object-fit: contain;
  }

  .inactive-nav-copy-23 {
    border-radius: 7px;
  }

  .grid-17 {
    display: block;
  }

  .quick-stack-5 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex: 0 auto;
    order: 0;
  }

  .section-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-19 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr .5fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .landing-section-color-blue-copy {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .landing-section-color-dark {
    margin-top: 0;
    margin-bottom: 0;
    padding: 100px 40px;
  }

  .container-4 {
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .call-out-div-blue-copy-copy {
    background-color: #191919;
  }

  .frik {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .landing-section-copy2-copy-2222 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-18-copyr {
    display: block;
  }

  .image-22-card {
    padding-bottom: 30px;
  }

  .landing-section-copy-fsdafd {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: block;
  }

  .dividercontainer {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .landing-section-color-dark-copy, .dark2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .navbar-3-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-about {
    padding-left: 40px;
    padding-right: 40px;
  }

  .brand-2.w--current {
    flex-direction: column;
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .landing-section-dark-new {
    margin-top: 0;
    margin-bottom: 0;
    padding: 100px 20px;
  }

  .div-block-49, .div-block-50 {
    flex: 1;
  }

  .landing-section-light {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    justify-items: center;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 40px;
    padding-left: 40px;
    padding-right: 40px;
    display: grid;
  }

  .grid-4-copy {
    grid-template-rows: auto;
    grid-template-columns: .5fr .5fr;
    grid-auto-columns: 1fr;
    align-items: start;
    display: block;
  }

  .landing-section-copy2-copy {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .body-section-lightt {
    padding: 100px 40px;
  }

  .body-section-for-challenge {
    padding: 40px 20px;
  }

  .grid-28 {
    flex-flow: column;
  }

  .body-section-image {
    padding: 40px;
  }

  .column-35, .column-36, .column-37 {
    padding-left: 0;
    padding-right: 0;
  }

  .lkast {
    margin-bottom: 60px;
  }

  .new-diiiiv {
    padding-top: 60px;
  }

  .teams {
    object-fit: contain;
  }

  .woo {
    object-fit: contain;
    border-radius: 0;
  }
}

@media screen and (max-width: 767px) {
  .container {
    text-align: left;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
  }

  .landing-section {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .active-nav {
    background-color: #171717;
    background-image: linear-gradient(#171717, #171717);
    border-radius: 0;
  }

  .inactive-nav {
    background-color: #0e1012;
    border-radius: 0;
  }

  .brand.w--current {
    margin: 0;
    padding-left: 0;
    display: flex;
    position: static;
  }

  .nav-menu {
    background-color: #171717;
  }

  .grid-2 {
    grid-column-gap: 10px;
  }

  .grid-4 {
    display: block;
  }

  .image-2 {
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .grid-5, .image-card {
    display: block;
  }

  .div-block-3 {
    justify-content: space-between;
  }

  .menu-button {
    color: #fefcf0;
    padding-left: 0;
    padding-right: 0;
  }

  .menu-button.w--open {
    background-color: #171717;
  }

  .navbar-3 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .nav-div {
    padding-left: 40px;
    padding-right: 40px;
  }

  .text-block-2 {
    padding-left: 32px;
    padding-right: 32px;
  }

  .call-out-div {
    flex-direction: column;
  }

  .body-section {
    padding-left: 40px;
    padding-right: 40px;
  }

  .div-block-13 {
    padding-left: 0;
  }

  .columns {
    display: block;
  }

  .trio-image {
    padding-bottom: 30px;
  }

  .column {
    padding-top: 20px;
    padding-bottom: 7px;
  }

  .column-2 {
    padding-bottom: 7px;
  }

  .body-5 {
    background-color: #171717;
  }

  .column-3, .column-4, .column-5, .text-block-4, .text-block-5 {
    padding-left: 0;
  }

  .light-body-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-7 {
    display: inline-block;
  }

  .div-block-16 {
    margin-bottom: 0;
    padding-bottom: 60px;
  }

  .columns-3 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .columns-4 {
    flex-flow: column;
    align-items: center;
  }

  .column-6 {
    order: -1;
    justify-content: flex-start;
    align-self: flex-start;
    display: flex;
    position: relative;
  }

  .image-11, .image-12 {
    border-radius: 40px;
  }

  .column-7 {
    flex: 0 auto;
    align-self: flex-start;
    display: block;
  }

  .image-13 {
    line-height: 40px;
  }

  .grid-8 {
    flex: 0 auto;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    display: block;
  }

  .grid6, .grid6-copy, .grid6-copy {
    display: flex;
  }

  .column-8, .column-9 {
    order: -1;
  }

  .column-10 {
    order: -1;
    align-self: flex-start;
    display: block;
  }

  .column-11, .column-12 {
    order: -1;
  }

  .call-out-div-p-s {
    flex-direction: column;
  }

  .landing-section-copy2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .column-24 {
    padding-left: 0;
  }

  .project-section {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .grid-11 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    grid-template-rows: auto;
    grid-template-columns: 1fr .5fr;
    grid-auto-columns: 1fr;
    justify-items: stretch;
    display: inline-block;
  }

  .active-nav-copy {
    border-radius: 0;
  }

  .inactive-nav-copy, .inactive-nav-copy:hover {
    background-color: #171717;
    border-radius: 0;
  }

  .landing-section-copy-copy {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    flex-direction: row;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 40px;
    padding-right: 40px;
    display: flex;
  }

  .ree {
    margin-top: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .image-21, .image-22 {
    margin-bottom: 20px;
    padding-bottom: 0;
  }

  .image-23 {
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .body-8 {
    background-color: #171717;
  }

  .fdsafsda {
    font-size: 50px;
    display: block;
  }

  .body-fdsafdsa, .body-fffsdfeee {
    text-align: left;
  }

  .inactive-nav-copy-copy {
    background-color: #171717;
    border-color: #0000;
    border-radius: 0;
  }

  .landing-section-color-purple {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .call-out-div-blue {
    flex-direction: column;
  }

  .landing-section-color-blue {
    padding-bottom: 0;
    padding-left: 40px;
    padding-right: 40px;
  }

  .call-out-div-blue-copy, .call-out-div-purple {
    flex-direction: column;
  }

  .image-13-copy {
    line-height: 40px;
  }

  .inactive-nav-copy-23 {
    background-color: #171717;
    border-radius: 0;
    margin-left: 20px;
  }

  .inactive-nav-copy-23:hover {
    background-color: #171717;
  }

  .icon {
    -webkit-text-stroke-width: 0px;
  }

  .grid6-copy-copy {
    display: flex;
  }

  .section-2 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-18 {
    display: block;
  }

  .grid-19 {
    grid-template-rows: auto;
    align-items: center;
    display: block;
  }

  .hover-card {
    margin-bottom: 60px;
  }

  .call-out-div-blue-copy, .call-out-div-gray {
    flex-direction: column;
  }

  .grid-5-copy {
    display: block;
  }

  .landing-section-color-blue-copy {
    padding-bottom: 0;
  }

  .landing-section-color-dark {
    padding-bottom: 100px;
  }

  .container-4 {
    margin-right: auto;
  }

  .call-out-div-blue-copy-copy, .call-out-div-copy {
    flex-direction: column;
  }

  .frik {
    padding-bottom: 0;
  }

  .call-out-div-copy222, .call-out-div-copy2fdasfsda {
    flex-direction: column;
  }

  .grid-18-copyr {
    display: block;
  }

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

  .landing-section-color-dark-copy {
    padding-bottom: 0;
  }

  .landing-section-copy-fsdafd {
    padding-bottom: 40px;
  }

  .column-31 {
    padding-bottom: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .body-right-align {
    text-align: left;
    margin-bottom: 0;
  }

  .dividercontainer, .landing-section-color-dark-copy, .dark2 {
    padding-bottom: 0;
  }

  .navbar-3-copy, .navbar-about {
    padding-top: 0;
    padding-bottom: 0;
  }

  .brand-2.w--current {
    padding-right: 0;
  }

  .idk-div {
    justify-content: space-between;
  }

  .landing-section-dark-new {
    padding-bottom: 40px;
    padding-left: 40px;
    padding-right: 40px;
  }

  .landing-section-light {
    grid-template-columns: 1fr;
    padding-bottom: 0;
  }

  .grid-4-copy {
    display: block;
  }

  .landing-section-copy2-copy, .body-section-lightt, .body-section-for-challenge {
    padding-left: 40px;
    padding-right: 40px;
  }

  .call-out-div-light {
    flex-direction: column;
  }

  .columns-7, .grid-28 {
    flex-flow: column;
  }

  .body-section-image {
    padding-left: 40px;
    padding-right: 40px;
  }

  .grid-30 {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

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

  .lkast {
    margin-bottom: 0;
    padding-bottom: 60px;
  }

  .italic-text-4 {
    font-size: 60px;
  }

  .columns-4-copy, .columns-4-copy-222 {
    flex-flow: column;
    align-items: center;
  }

  .new-diiiiv {
    padding-top: 60px;
  }

  .columns-4-copy {
    flex-flow: column;
    align-items: center;
  }

  .image-35 {
    margin-bottom: 20px;
  }

  .teams {
    line-height: 40px;
  }

  .aligning {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .woo {
    line-height: 40px;
  }

  .audit-grid {
    display: block;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }

  .landing-section {
    margin-top: 0;
    margin-bottom: 0;
    padding: 60px 20px;
  }

  .title {
    margin-bottom: 20px;
    font-size: 20px;
  }

  .body {
    background-color: #0000;
    margin-bottom: 20px;
  }

  .active-nav {
    opacity: 1;
    background-color: #171717;
    background-image: linear-gradient(#171717, #171717);
    border-radius: 0;
    padding-right: 0;
    font-family: Inter, sans-serif;
  }

  .active-nav:hover {
    background-color: #171717;
    border-radius: 0;
  }

  .inactive-nav {
    background-color: #0e1012;
    border-radius: 0;
  }

  .brand {
    padding-left: 0;
  }

  .nav-menu {
    background-color: #171717;
  }

  .card-text {
    padding-bottom: 0;
  }

  .grid-2 {
    display: block;
  }

  .tag-group {
    flex-wrap: wrap;
    place-content: flex-start;
    padding-bottom: 0;
  }

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

  .paragraph.tag-mobile {
    text-align: center;
  }

  .grid-4 {
    display: block;
  }

  .image-2 {
    margin-bottom: 15px;
    padding-bottom: 0;
  }

  .grid-5 {
    display: block;
  }

  .image-card {
    padding-bottom: 40px;
  }

  .utility-page-wrap {
    height: 100vh;
  }

  .utility-page-form {
    padding-left: 0;
    padding-right: 0;
  }

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

  .menu-button {
    color: #fff;
    background-color: #0000;
    padding-left: 0;
    padding-right: 0;
  }

  .menu-button.w--open {
    background-color: #171717;
  }

  .navbar-3 {
    padding-left: 0;
    padding-right: 0;
  }

  .nav-div {
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .call-out-div {
    flex-flow: column wrap;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .body-section {
    padding: 60px 20px;
  }

  .content-container {
    padding-left: 0;
    padding-right: 0;
  }

  .columns {
    display: block;
  }

  .column {
    margin-top: 0;
    padding-top: 10px;
    padding-bottom: 7px;
    display: flex;
  }

  .column-2 {
    padding-bottom: 7px;
  }

  .content-image {
    object-fit: fill;
  }

  .column-5 {
    padding-left: 0;
  }

  .light-body-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-7 {
    grid-auto-flow: row;
    display: inline-block;
  }

  .div-block-16 {
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .columns-3 {
    flex-flow: column wrap;
    place-content: flex-start center;
    align-items: flex-start;
    padding-top: 0;
    display: flex;
  }

  .columns-4 {
    flex-flow: column;
    place-content: center flex-start;
    align-items: flex-start;
  }

  .div-block-18 {
    flex-direction: row;
    display: flex;
  }

  .div-block-19 {
    flex-direction: row;
    margin-top: 0;
    padding: 15px 20px;
    display: block;
  }

  .image-11 {
    flex: none;
    align-self: flex-start;
    max-width: 180px;
  }

  .column-7 {
    flex-flow: column;
    justify-content: flex-start;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .grid6 {
    display: block;
  }

  .grid-9 {
    align-content: end;
    align-items: start;
    display: block;
  }

  .grid6-copy {
    display: block;
  }

  .title-of-project {
    font-size: 22px;
  }

  .grid-10 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: stretch;
    display: block;
  }

  .title-intro {
    font-size: 18px;
  }

  .column-8 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-13, .column-14, .column-15 {
    order: -1;
    padding-left: 0;
    padding-right: 0;
  }

  .column-16 {
    padding-right: 0;
  }

  .div-block-30, .div-block-31 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-32 {
    padding-right: 0;
  }

  .image-17 {
    padding-left: 0;
  }

  .body-copy, .callout {
    margin-bottom: 0;
  }

  .call-out-div-p-s {
    flex-flow: column wrap;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .landing-section-copy {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 0;
  }

  .landing-section-copy2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .body-center {
    margin-bottom: 0;
  }

  .column-21 {
    padding-right: 0;
  }

  .column-22 {
    padding-left: 0;
  }

  .column-23, .column-24 {
    padding-left: 0;
    padding-right: 0;
  }

  .column-29 {
    padding-left: 0;
  }

  .body-copy {
    margin-bottom: 30px;
  }

  .title-intro-test {
    font-size: 25px;
  }

  .html-embed-6 {
    height: 100%;
  }

  .content-container-copy {
    padding-left: 30px;
    padding-right: 30px;
  }

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

  .text-block-13, .text-block-14 {
    font-size: 20px;
  }

  .text-block-17 {
    font-size: 14px;
  }

  .text-block-16-copy {
    font-size: 30px;
  }

  .active-nav-copy {
    border-radius: 0;
  }

  .inactive-nav-copy {
    background-color: #171717;
    border-radius: 0;
  }

  .inactive-nav-copy:hover {
    background-color: #171717;
  }

  .landing-section-copy-copy {
    margin-top: 0;
    margin-bottom: 0;
    padding: 60px 20px;
    display: block;
  }

  .text-block-16-copy-copy-copy {
    font-size: 14px;
  }

  .grid-12-copy {
    flex: 1;
    display: inline-block;
  }

  .ugh {
    margin-top: 0;
    margin-bottom: 0;
    padding: 20px 20px 0;
  }

  .tessssst {
    margin-top: 30px;
    margin-bottom: 30px;
    padding-bottom: 0;
  }

  .ree {
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .image-23 {
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .body-for-card {
    margin-bottom: 20px;
  }

  .div-block-37 {
    margin-bottom: 40px;
  }

  .fdsafsda {
    font-size: 35px;
  }

  .body-for-top {
    background-color: #0000;
    margin-bottom: 20px;
  }

  .body-fdsafdsa, .body-fffsdfeee {
    text-align: left;
    background-color: #0000;
    margin-bottom: 20px;
  }

  .smaller-card-copy {
    display: flex;
  }

  .grid-15 {
    flex-direction: column;
  }

  .inactive-nav-copy-copy {
    background-color: #171717;
    border-radius: 0;
  }

  .landing-section-color-purple {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .call-out-div-blue {
    flex-flow: column wrap;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .landing-section-color-blue {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .call-out-div-blue-copy, .call-out-div-purple {
    flex-flow: column wrap;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .fdsafsfjkaw-ei-we22 {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: stretch;
    display: block;
  }

  .grid-stooooop {
    display: block;
  }

  .grid-10-copcopy {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: stretch;
    display: block;
  }

  .body-copy {
    background-color: #0000;
    margin-bottom: 20px;
  }

  .inactive-nav-copy-23 {
    background-color: #171717;
    border-radius: 0;
    padding-left: 20px;
  }

  .inactive-nav-copy-23:hover {
    color: #fefcf0;
    background-color: #171717;
    border-radius: 0;
  }

  .icon {
    color: #fefcf0;
  }

  .grid-17, .grid6-copy-copy {
    display: block;
  }

  .section-2 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-18 {
    display: block;
  }

  .grid-19 {
    align-self: auto;
    display: block;
  }

  .hover-card {
    margin-bottom: 40px;
  }

  .call-out-div-blue-copy {
    flex-flow: column wrap;
    align-content: stretch;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
    display: block;
  }

  .call-out-div-gray {
    flex-flow: column wrap;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .fdsafsfjkaw-ei-we22-copy {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    align-content: stretch;
    display: block;
  }

  .grid-23 {
    place-content: start;
    place-items: start;
  }

  .grid-5-copy {
    display: block;
  }

  .landing-section-color-blue-copy {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .landing-section-color-dark {
    margin-top: 0;
    margin-bottom: 0;
    padding: 60px 20px;
  }

  .grid-24 {
    display: block;
  }

  .call-out-div-blue-copy-copy, .call-out-div-copy {
    flex-flow: column wrap;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .frik {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .text-block-16-copy-copy {
    font-size: 30px;
  }

  .landing-section-copy2-copy-2222 {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .call-out-div-copy222, .call-out-div-copy2fdasfsda {
    flex-flow: column wrap;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-18-copyr {
    display: block;
  }

  .hover-card-small {
    flex-direction: column;
    margin-bottom: 20px;
  }

  .image-22-card {
    min-height: 100%;
    margin-right: 0;
    padding-bottom: 0;
  }

  .div-block-42 {
    justify-content: center;
    width: 100%;
    display: block;
  }

  .landing-section-color-dark-copy, .landing-section-copy-fsdafd {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .column-31 {
    padding-bottom: 0;
    padding-left: 0;
  }

  .body-right-align {
    text-align: left;
    background-color: #0000;
    margin-bottom: 10px;
  }

  .div-block-43 {
    justify-content: flex-start;
    padding-left: 0;
    padding-right: 0;
    display: block;
  }

  .dividercontainer {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .landing-section-color-dark-copy, .dark2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .navbar-3-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .navbar-about {
    padding-left: 20px;
    padding-right: 20px;
  }

  .brand-2 {
    padding-left: 0;
    padding-right: 0;
  }

  .brand-2.w--current {
    padding-top: 0;
    padding-bottom: 0;
  }

  .body-for-nav {
    background-color: #0000;
    margin-bottom: 0;
  }

  .idk-div {
    align-items: center;
  }

  .landing-section-dark-new {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .title-copy-centered {
    font-size: 20px;
  }

  .landing-section-light {
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    margin-top: 0;
    margin-bottom: 0;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .grid-4-copy {
    display: block;
  }

  .landing-section-copy2-copy {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    padding-right: 20px;
  }

  .center-this {
    font-size: 30px;
  }

  .body-section-lightt {
    padding: 60px 20px;
  }

  .body-center-copy {
    margin-bottom: 0;
  }

  .body-section-for-challenge {
    padding: 20px;
  }

  .call-out-div-light {
    flex-flow: column wrap;
    padding-bottom: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .title-copy-left {
    font-size: 20px;
  }

  .columns-7, .grid-28 {
    flex-flow: column;
  }

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

  .body-section-image {
    padding: 60px 20px;
  }

  .column-34 {
    padding-bottom: 20px;
  }

  .columns-8 {
    margin-bottom: 20px;
  }

  .lkast {
    margin-bottom: 0;
    padding-bottom: 40px;
  }

  .title-of-project-light {
    font-size: 24px;
  }

  .body-for-solution {
    background-color: #0000;
    margin-bottom: 20px;
  }

  .italic-text-4, .italic-text-5 {
    font-size: 40px;
  }

  .italic-text-7, .italic-text-8, .italic-text-9 {
    font-size: 24px;
  }

  .columns-4-copy, .columns-4-copy-222 {
    flex-flow: column;
    place-content: center flex-start;
    align-items: flex-start;
  }

  .new-diiiiv {
    padding-top: 60px;
  }

  .body-center-dsfs {
    margin-bottom: 0;
  }

  .columns-4-copy {
    flex-flow: column;
    place-content: center flex-start;
    align-items: flex-start;
  }

  .aligning {
    flex-flow: column wrap;
    place-content: flex-start center;
    align-items: flex-start;
    padding-top: 0;
    display: flex;
  }

  .div-block-53, .div-block-54 {
    padding-left: 0;
    padding-right: 0;
  }

  .audit-grid {
    display: block;
  }
}

#w-node-f11e9f11-2c78-3a43-4a38-e2a028c8aa22-d3da92b4 {
  justify-self: end;
}

#w-node-_609d4c72-7ff5-eed5-ee61-e31a5d35fe4a-27414c1b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_609d4c72-7ff5-eed5-ee61-e31a5d35fe6f-27414c1b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_20884b3d-c40d-1b2e-4371-fc43c4992b28-ad1c9ea7 {
  place-self: auto;
}

#w-node-_20884b3d-c40d-1b2e-4371-fc43c4992b33-ad1c9ea7 {
  place-self: start center;
}

#w-node-_6327e827-2079-14b8-d431-12c743bd6112-ad1c9ea7, #w-node-_6327e827-2079-14b8-d431-12c743bd611f-ad1c9ea7 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_32bf92b5-ab5a-dbb4-b642-98d8056dfec6-41d1aa6e {
  grid-area: Area-2;
}

#w-node-_32bf92b5-ab5a-dbb4-b642-98d8056dfecc-41d1aa6e {
  grid-area: Area-3;
}

#w-node-b8e85ee3-b747-382a-9f80-81c1709ff301-41d1aa6e, #w-node-b8e85ee3-b747-382a-9f80-81c1709ff30e-41d1aa6e, #w-node-_650d775c-3c13-136f-9a31-0e1746560ada-5c92ec4a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6dd1ceb2-2572-d409-dea2-9bb6993858dc-5c92ec4a {
  grid-area: Area-2;
}

#w-node-_6dd1ceb2-2572-d409-dea2-9bb6993858e2-5c92ec4a {
  grid-area: Area-3;
}

#w-node-b715106e-a8ed-5528-bd06-d1acd34f66da-5c92ec4a, #w-node-dca225e9-0fcd-8e97-613c-34f4ad7cadf2-5c92ec4a, #w-node-dca225e9-0fcd-8e97-613c-34f4ad7cadff-5c92ec4a {
  align-self: center;
}

#w-node-_1e9025ef-9c41-86af-ecc0-893f3c735ff1-5c92ec4a, #w-node-_1e9025ef-9c41-86af-ecc0-893f3c735ffe-5c92ec4a, #w-node-eb830ea7-4c36-cbdd-60bb-1ea29439c83d-3a54fa23, #w-node-eb830ea7-4c36-cbdd-60bb-1ea29439c84a-3a54fa23, #w-node-_56aad8ea-db17-b8f6-c414-fa28771d8eb0-bacbbbf6, #w-node-_9a1447ba-1145-ee96-e43b-f38cbe634209-bacbbbf6, #w-node-_56aad8ea-db17-b8f6-c414-fa28771d8eba-bacbbbf6, #w-node-c279fd4d-3b89-b088-1b08-aa47b295bdaa-bacbbbf6, #w-node-_56aad8ea-db17-b8f6-c414-fa28771d8ec4-bacbbbf6, #w-node-_7c296392-cb43-a2b7-fc27-ca013633642c-bacbbbf6, #w-node-c5d0fdc2-63ff-23f5-827e-8638a72dbae5-bacbbbf6 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7f25c602-e2e6-982d-7fbc-da070f5b0c50-de2fd126 {
  place-self: auto center;
}

#w-node-_8541d1da-eb0d-dcd0-e59b-e77be9177b69-de2fd126 {
  place-self: auto;
}

#w-node-_8541d1da-eb0d-dcd0-e59b-e77be9177b6b-de2fd126, #w-node-_8541d1da-eb0d-dcd0-e59b-e77be9177b6d-de2fd126 {
  place-self: start center;
}

#w-node-_88fb8ad2-ad7e-30fb-4ee4-8ac7927594a4-de2fd126, #w-node-_88fb8ad2-ad7e-30fb-4ee4-8ac7927594ae-de2fd126, #w-node-_36ca7b49-931c-feed-26e5-550552c189ef-b0ce4030 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_04972bc6-c638-bc2e-4f44-01aa9ddb9493-8c451e07 {
  align-self: center;
}

#w-node-_6327e827-2079-14b8-d431-12c743bd6112-8c451e07, #w-node-_6327e827-2079-14b8-d431-12c743bd611f-8c451e07 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 767px) {
  #w-node-_32bf92b5-ab5a-dbb4-b642-98d8056dfec6-41d1aa6e, #w-node-_6dd1ceb2-2572-d409-dea2-9bb6993858dc-5c92ec4a {
    grid-area: Area-2;
  }
}


@font-face {
  font-family: 'Vcr osd mono 1';
  src: url('../fonts/VCR_OSD_MONO_1.001.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Timesnow';
  src: url('../fonts/TimesNow-SemiLight.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}