@font-face {
  font-family: Nohemi Vf;
  src: url('../fonts/Nohemi-VF-copy.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

:root {
  --notam-green: #00c172;
  --color: white;
  --off-white: #cacaca;
}

.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;
  font-family: Hind Variable, sans-serif;
  font-size: 14px;
  line-height: 20px;
}

h1 {
  flex: 1;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 38px;
  font-weight: 700;
  line-height: 44px;
  overflow: visible;
}

a {
  text-decoration: underline;
}

.navbar_logo-link {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  width: auto;
  height: 100%;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
}

.navbar_logo-link.w--current {
  width: auto;
  height: 100%;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
  position: sticky;
  top: 0;
}

.footer_link-list {
  z-index: 5;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  text-align: left;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  justify-content: center;
  place-items: flex-start start;
  width: auto;
  margin: 0%;
  font-family: Gillsans;
  display: flex;
  position: relative;
}

.footer {
  z-index: 5;
  border-top: 1px solid var(--notam-green);
  background-color: #000;
  justify-content: space-between;
  height: 100%;
  display: flex;
  position: relative;
  inset: auto 0% 0%;
  overflow: hidden;
}

.padding-global {
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 4rem 3rem;
  display: flex;
}

.container-large {
  width: 100%;
  max-width: 80rem;
  margin-left: auto;
  margin-right: auto;
}

.padding-vertical {
  padding-left: 0;
  padding-right: 0;
}

.padding-vertical.padding-xxlarge {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.body {
  background-color: #000;
  font-family: Hind Variable, sans-serif;
}

.footer-buttons_container {
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  margin-bottom: 0%;
  padding-left: 0;
  display: flex;
}

.nav_back {
  width: 100%;
  height: 4.5rem;
  display: block;
  position: absolute;
}

.nav_container {
  z-index: 3;
  flex: 1;
  justify-content: space-between;
  height: 100%;
  display: block;
  position: static;
}

.page-title {
  border-bottom: 1px none var(--notam-green);
  color: var(--notam-green);
  letter-spacing: .02em;
  text-transform: uppercase;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  transform-style: preserve-3d;
  background-clip: border-box;
  margin-top: 0%;
  font-family: Nohemi Vf, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 1em;
  transform: scale3d(1, .97, 1);
}

.page_container {
  z-index: 1;
  background-color: #000;
  width: 100%;
  height: 100%;
  padding-top: 6rem;
  position: relative;
  top: 0;
}

.notam-email {
  color: var(--notam-green);
  font-family: Hind Variable, sans-serif;
  font-weight: 500;
  text-decoration: underline;
}

.info_box {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  margin-top: 10rem;
  margin-left: 5%;
  margin-right: 5%;
  display: flex;
}

.privacy-policy_paragraph {
  color: #fff;
  text-align: left;
  letter-spacing: .03em;
  width: 100%;
  height: auto;
  margin-top: 6rem;
  margin-bottom: 10rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1.2em;
  font-weight: 300;
  line-height: 2em;
}

.feature-card {
  flex-flow: column;
  place-content: space-between;
  width: 100%;
  height: 400px;
  padding-left: 5%;
  padding-right: 5%;
  display: flex;
  overflow: visible;
}

.faq-plus {
  z-index: 2;
  filter: brightness(500%);
  background-color: #6d676700;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: 3%;
  display: flex;
  position: relative;
}

.plus-button_faq {
  background-color: #3898ec00;
  background-image: url('../images/faq-button.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 25px;
  height: 25px;
  position: absolute;
  inset: auto;
}

.buynow-flex {
  background-color: var(--notam-green);
  border: 1px solid #000;
  border-radius: 40px;
  justify-content: flex-start;
  align-items: center;
  width: 70%;
  padding: 1.5% 5% 1.5% 3%;
  position: relative;
}

.info-details {
  color: #fff;
  letter-spacing: .03em;
  font-family: Hind Variable, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5em;
}

.body-dark {
  background-color: #000;
}

.select-code {
  display: none;
}

.footer-contact {
  flex-flow: column;
  display: flex;
}

.profile-border {
  border-radius: 15px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 100%;
  display: flex;
  position: relative;
}

.profile-img {
  border: 1px solid var(--notam-green);
  filter: saturate(150%);
  border-radius: 15px;
  width: 100px;
  height: 100%;
  padding: .5%;
  position: static;
  inset: 0%;
}

.text-size-medium {
  color: var(--color);
  letter-spacing: .01em;
  margin-top: 6%;
  margin-bottom: 0;
  font-family: Hind Variable, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4em;
}

.hero-button {
  z-index: 3;
  color: #fff;
  letter-spacing: .1em;
  background-color: #000;
  border-radius: 16px;
  padding: 1.3rem 1.6rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1.2em;
  font-weight: 600;
  display: block;
  position: relative;
}

.button-background {
  border: 2px solid #000;
  border-radius: .2rem;
  position: absolute;
  inset: 0%;
}

.button-background.is-yellow {
  z-index: 2;
  background-color: #ff62dd;
  border-radius: 16px;
}

.button-background.is-pink {
  z-index: 2;
  background-color: #5ffff3;
  border-radius: 16px;
}

.hero-images-wrapper_1 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: flex;
}

.main-wrapper {
  z-index: 700;
  background-color: #000;
  width: 100%;
  height: auto;
  position: static;
  overflow: visible;
}

.header-wrapper {
  z-index: 2;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 3rem;
  padding-right: 12rem;
  display: flex;
  position: absolute;
  inset: 0% auto;
}

.header-wrapper.contact {
  padding-left: 0;
  padding-right: 0;
  position: static;
}

.copyright-title {
  color: #fff;
  letter-spacing: .02em;
  justify-content: flex-end;
  align-items: center;
  font-family: Noirpro Copy;
  font-size: 1em;
  font-weight: 300;
  text-decoration: none;
  display: flex;
}

.documents_container {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: stretch stretch;
  width: auto;
  display: grid;
}

.copyright_container {
  width: 400px;
}

.notam-copyright {
  color: var(--notam-green);
  font-family: Hind Variable, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.footer-info-wrapper {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.footer-link_bottom {
  color: var(--notam-green);
  text-align: center;
  letter-spacing: .04em;
  justify-content: center;
  align-self: auto;
  align-items: center;
  padding: 0 0%;
  font-family: Hind Variable, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  text-decoration: none;
  transition: all .35s cubic-bezier(.39, .575, .565, 1);
  display: flex;
}

.footer-link_bottom:hover {
  color: var(--color);
}

.margin-bottom, .margin-bottom.margin-small {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
}

.ceo-socials {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  padding-bottom: .1rem;
  display: flex;
}

.ceo-info {
  padding-top: 5%;
}

.utility-page-wrap {
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
}

.utility-page-content {
  z-index: 2;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.heading-33 {
  color: #fff;
  margin-bottom: 2rem;
  font-family: Nohemi Vf, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 3.6rem;
}

.text-block-9 {
  color: #fff;
  font-family: Hind Variable, sans-serif;
  font-size: 1.5em;
  font-weight: 300;
}

.pricing-button_wrapper-404 {
  z-index: 3;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin: 0%;
  display: flex;
  position: static;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.heading-34 {
  color: var(--notam-green);
  font-family: Nohemi Vf, sans-serif;
  font-size: 2.5em;
  font-weight: 400;
}

.field-label {
  color: var(--notam-green);
  font-family: Noirpro Copy;
  font-size: 1.2em;
  font-weight: 300;
  display: none;
}

.submit-button-2 {
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #000;
  font-family: Hind Variable, sans-serif;
}

.text-field {
  border: 1px solid var(--notam-green);
  color: #000;
  letter-spacing: .02em;
  background-color: #fff0;
  height: 50px;
  padding: 1rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1em;
}

.text-field::placeholder {
  color: var(--notam-green);
}

.faq_answer {
  z-index: 3;
  border-bottom: 1px #000;
  position: relative;
  overflow: hidden;
}

.faq_icon-wrapper {
  align-self: flex-start;
  width: 2rem;
  margin-left: 1.5rem;
  display: flex;
}

.faq_accordion {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  position: relative;
  overflow: hidden;
}

.faqwave_image {
  opacity: .85;
  filter: blur(12px);
  position: absolute;
}

.text {
  font-family: Hind Variable, sans-serif;
  font-weight: 500;
}

.text.green {
  color: var(--notam-green);
  font-family: Hind Variable, sans-serif;
}

.terms-of-use_paragraph {
  color: #fff;
  text-align: left;
  letter-spacing: .03em;
  width: 100%;
  height: auto;
  margin-top: 6rem;
  margin-bottom: 10rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1.2em;
  line-height: 2em;
}

.home-header_button-wrapper-404 {
  position: relative;
}

.fs-cc-banner_buttons-wrapper {
  flex-direction: row;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.fs-cc-banner_container {
  align-items: center;
  width: 100%;
  max-width: 62.5rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.fs-cc-prefs_checkbox {
  z-index: 1;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  position: absolute;
  inset: 0%;
}

.fs-cc-banner_close-icon {
  width: 1.5rem;
  height: 1.5rem;
}

.fs-cc-prefs_trigger {
  display: none;
}

.fs-cc-prefs_close {
  z-index: 1;
  color: #333;
  cursor: pointer;
  background-color: #f5f6ff;
  border-radius: 100%;
  padding: .625rem;
  font-size: 1.25rem;
  text-decoration: none;
  position: absolute;
  inset: .5rem .5rem auto auto;
  box-shadow: 0 0 16px 2px #3333331a;
}

.fs-cc-prefs_option {
  border-bottom: 1px solid #33333326;
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.fs-cc-prefs_space-small {
  margin-bottom: .75rem;
}

.fs-cc-manager_trigger {
  display: none;
}

.fs-cc-prefs_title {
  color: var(--notam-green);
  letter-spacing: .02em;
  font-family: Noirpro Copy;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2em;
}

.fs-cc-prefs_checkbox-label {
  display: none;
}

.fs-cc-prefs_text {
  color: #000;
  font-family: Noirpro Copy;
  font-size: .75rem;
  line-height: 1.8em;
}

.fs-cc-prefs_buttons-wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  margin-top: 2rem;
  margin-right: -.5rem;
  display: flex;
}

.fs-cc-prefs_space-medium {
  margin-bottom: 2.5rem;
}

.fs-cc-prefs_checkbox-field {
  background-color: #ccc;
  border-radius: 999rem;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  width: 2.75rem;
  height: 1.5rem;
  margin-bottom: 0;
  padding: .125rem;
  display: flex;
  position: relative;
}

.fs-cc-prefs_content {
  background-color: #f5f5f5;
  border: 1px solid #000;
  border-radius: 30px;
  height: 100%;
  padding: 2.5rem 2rem;
  overflow: scroll;
}

.fs-cc-banner_text-link {
  border-bottom: 2px solid var(--notam-green);
  color: var(--notam-green);
  font-weight: 400;
  text-decoration: none;
}

.fs-cc-prefs_form {
  background-color: #fff;
  border-radius: 50px;
  width: 100%;
  max-width: 36rem;
  height: 100%;
  max-height: 70vh;
  margin-bottom: 0;
  position: relative;
}

.fs-cc-prefs_close-icon {
  color: #021a7c;
  width: 1rem;
  height: 1rem;
}

.fs-cc-banner_close {
  opacity: 1;
  cursor: pointer;
  background-color: #fff;
  border-radius: 999rem;
  margin-left: .75rem;
  padding: .625rem;
  box-shadow: 1px 1px 12px #0000001a;
}

.fs-cc-prefs_overlay {
  z-index: -1;
  background-color: #03052499;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.fs-cc-banner_text {
  color: #616161;
  margin-right: 1.5rem;
  font-family: Noirpro Copy;
  font-size: 1em;
  line-height: 1.5em;
}

.fs-cc-banner_trigger {
  display: none;
}

.fs-cc-prefs_component {
  z-index: 997;
  border-radius: 50px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  padding: 2rem;
  display: none;
  position: fixed;
  inset: 0%;
}

.fs-cc-prefs_label {
  color: #000;
  letter-spacing: .05em;
  margin-top: 0;
  margin-bottom: 0;
  margin-right: 2rem;
  font-family: Noirpro Copy;
  font-size: 1rem;
  font-weight: 500;
}

.fs-cc-prefs_button {
  background-color: var(--notam-green);
  letter-spacing: .02em;
  border: 1px solid #000;
  border-radius: 999rem;
  margin-right: .5rem;
  padding: .625rem 1.5rem;
  font-family: Gillsans;
  font-size: .875rem;
  font-weight: 400;
}

.fs-cc-prefs_button.fs-cc-button-alt {
  color: #fff;
  letter-spacing: .02em;
  background-color: #000;
  border-color: #000;
  font-family: Gillsans;
}

.fs-cc-banner_button {
  background-color: var(--notam-green);
  color: #fff;
  text-align: center;
  border: 1px solid #000;
  border-radius: 999rem;
  min-width: 8.75rem;
  margin-left: 1rem;
  padding: .625rem 1.25rem;
  font-size: 1rem;
}

.fs-cc-banner_button.fs-cc-button-alt {
  color: #fff;
  letter-spacing: .02em;
  background-color: #000;
  border-color: #000;
  font-family: Gillsans;
}

.fs-cc-banner_component {
  z-index: 10000;
  background-color: #f5f6ff;
  border-top: 1px solid #4353ff29;
  padding: 1.5rem 2rem;
  display: block;
  position: fixed;
  inset: auto 0% 0%;
}

.fs-cc-prefs_toggle-wrapper {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin-bottom: .5rem;
  display: flex;
}

.fs-cc-prefs_submit-hide {
  display: none;
}

.fs-cc-prefs_toggle {
  background-color: #fff;
  border-radius: 999px;
  width: 1.25rem;
  height: 1.25rem;
}

.bold-text-2 {
  font-weight: 400;
}

.bold-text-3 {
  color: var(--notam-green);
  font-family: Noirpro Copy;
  font-weight: 500;
}

.profile-link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  border: 1px solid var(--notam-green);
  color: #000;
  text-align: center;
  background-color: #0000;
  border-radius: 100px;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0;
  padding: .1rem;
  font-size: .875rem;
  text-decoration: none;
  display: flex;
}

.case-2 {
  position: relative;
}

.header_component-2 {
  z-index: 1;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.15fr 1fr;
  grid-auto-flow: row;
  place-content: stretch;
  place-items: center stretch;
  display: block;
  position: relative;
}

.header_content-left {
  z-index: 5;
  grid-row-gap: 2.25rem;
  border-right: 2px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.section-hero {
  z-index: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-hero.portfolio {
  width: 100%;
  height: 60vh;
}

.section-hero.contact {
  height: auto;
}

.navbar-2 {
  z-index: 9998;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  outline-offset: 0px;
  object-fit: none;
  background-color: #0000002e;
  border-bottom: 1px solid #ffffff2e;
  outline: 3px #333;
  flex-wrap: wrap;
  place-content: stretch space-between;
  align-items: center;
  width: 100%;
  height: 4.3rem;
  max-height: 4.3rem;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.menu-icon1-3 {
  display: none;
}

.work_img {
  object-fit: cover;
  border: .7px #00c172;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.work_img.sm {
  width: 80%;
  left: auto;
}

.top-button_contain {
  z-index: 8888;
  outline-offset: 0px;
  background-color: #000;
  border: 1.2px solid #00c172;
  border-radius: 100%;
  outline: 3px #333;
  width: 50px;
  height: 50px;
  margin-bottom: 4%;
  margin-right: 3%;
  transition: all .3s cubic-bezier(.445, .05, .55, .95);
  position: fixed;
  inset: auto 0 0% auto;
  overflow: hidden;
}

.top-button_flex {
  border-radius: 100%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  transform: rotate(90deg);
}

.top-button_flex:active {
  background-color: #505050;
}

.icon-embed-medium {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: static;
  inset: 0%;
}

.top-button_link {
  z-index: 2;
  border-radius: 100%;
  position: absolute;
  inset: 0%;
}

.faq_question-2 {
  z-index: 3;
  cursor: pointer;
  border-top: 1px solid #00c17280;
  justify-content: space-between;
  align-items: center;
  padding-top: .5rem;
  padding-bottom: .5rem;
  font-style: normal;
  display: flex;
  position: relative;
  overflow: visible;
}

.faq-title-2 {
  z-index: 2;
  color: #fff;
  letter-spacing: .01em;
  cursor: pointer;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 3%;
  font-family: Hind Variable, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.3em;
  display: flex;
  position: relative;
}

.faq-p-2 {
  z-index: 3;
  color: var(--color);
  letter-spacing: .02em;
  margin-bottom: 3%;
  padding-left: 3%;
  padding-right: 7%;
  font-family: Hind Variable, sans-serif;
  font-size: 1rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.5em;
  position: relative;
}

.section-faq {
  z-index: 5;
  background-color: #0000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.faq_component-2 {
  border-bottom: 1px solid #00c17280;
}

.padding-section-large_faq-2 {
  z-index: 10;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10rem 3rem;
  display: flex;
}

.button {
  color: #000;
  background-color: #0000;
  font-family: Hind Variable, sans-serif;
  font-size: 1.3em;
}

.button.is-tertiary {
  padding: 0 0 2px;
  font-size: 1.1em;
  text-decoration: none;
}

.button.contact {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  color: #000;
  letter-spacing: -.01em;
  background-color: #fff;
  border-radius: 0;
  padding: .9rem 1rem;
  font-size: 1.1em;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s cubic-bezier(.39, .575, .565, 1);
  display: flex;
}

.button.contact:hover {
  background-color: var(--notam-green);
  color: #fff;
}

.button.contact.w--current {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  background-color: var(--notam-green);
  color: #fff;
  display: flex;
}

.button.contact.alt {
  border: 1px solid var(--color);
  color: #fff;
  background-color: #00c17200;
  border-radius: 0;
  order: 1;
  padding-left: 1rem;
  padding-right: 1rem;
}

.button.contact.alt:hover {
  border-color: var(--notam-green);
  background-color: var(--notam-green);
  color: var(--color);
}

.button.contact-copy {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  color: #000;
  letter-spacing: -.01em;
  background-color: #fff;
  border-radius: 0;
  padding: .6rem 1rem;
  font-size: 1em;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s cubic-bezier(.39, .575, .565, 1);
  display: flex;
}

.button.contact-copy:hover {
  background-color: var(--notam-green);
  color: #fff;
}

.button.contact-copy.w--current {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  background-color: var(--notam-green);
  color: #fff;
  display: flex;
}

.button.frost {
  background-color: #fff;
  border-radius: 0;
  padding: 1rem 2rem;
  font-size: 1.1em;
  font-weight: 500;
  transition: all .2s cubic-bezier(.39, .575, .565, 1);
}

.button.frost:hover {
  background-color: var(--notam-green);
  color: #fff;
}

.button.subscribe {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  color: #000;
  letter-spacing: -.01em;
  background-color: #fff;
  border-radius: 0;
  padding: .9rem 1rem;
  font-size: 1.1em;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s cubic-bezier(.39, .575, .565, 1);
  display: flex;
}

.button.subscribe:hover {
  background-color: var(--notam-green);
  color: #fff;
}

.button.subscribe.w--current {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  background-color: var(--notam-green);
  color: #fff;
  display: flex;
}

.button.subscribe.alt {
  border: 1px solid var(--color);
  color: #fff;
  background-color: #00c17200;
  border-radius: 0;
  padding-left: 3rem;
  padding-right: 3rem;
}

.button.subscribe.alt:hover {
  border-color: var(--notam-green);
  background-color: var(--notam-green);
  color: var(--color);
}

.button.hero {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  color: #000;
  letter-spacing: -.01em;
  background-color: #fff;
  border-radius: 0;
  padding: .9rem 1rem;
  font-size: 1.1em;
  font-weight: 600;
  text-decoration: none;
  transition: all .2s cubic-bezier(.39, .575, .565, 1);
  display: flex;
}

.button.hero:hover {
  background-color: var(--notam-green);
  color: #fff;
}

.button.hero.w--current {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  background-color: var(--notam-green);
  color: #fff;
  display: flex;
}

.button.hero.alt {
  border: 1px solid var(--color);
  color: #fff;
  background-color: #00c17200;
  border-radius: 0;
  order: 1;
  margin-top: 1.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}

.button.hero.alt:hover {
  border-color: var(--notam-green);
  background-color: var(--notam-green);
  color: var(--color);
}

.h2 {
  color: #000;
  font-family: Nohemi Vf, sans-serif;
  font-size: 5rem;
}

.h2.light {
  z-index: 1;
  color: #fff;
  letter-spacing: 0;
  font-family: Nohemi Vf, sans-serif;
  font-size: 5em;
  font-style: normal;
  font-weight: 500;
  line-height: 1.1em;
  position: relative;
}

.h2.toc {
  z-index: 3;
  color: #fff;
  letter-spacing: .02em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.1em;
  position: relative;
}

.h2.footer {
  color: #fff;
  border-top-style: none;
  justify-content: flex-start;
  height: auto;
  margin: 0;
  font-family: Nohemi Vf, sans-serif;
  font-size: 3rem;
  font-weight: 400;
  line-height: 3rem;
  display: block;
}

.div-block-111 {
  border-radius: 0;
  width: 100%;
  height: 100%;
  transition: all .4s cubic-bezier(.165, .84, .44, 1);
  position: relative;
  overflow: hidden;
}

.div-block-111:hover {
  box-shadow: 0 2px 100px 11px #2c7cd15c;
}

.image-42 {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.h3 {
  color: #fff;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nohemi Vf, sans-serif;
  font-size: 2.4em;
  font-weight: 400;
  line-height: 1.2em;
  text-decoration: none;
}

.text-block-10 {
  border-bottom: 1px solid var(--notam-green);
  color: #fff;
  margin-bottom: .8rem;
  padding-bottom: .5rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1.1em;
  text-decoration: none;
}

.text-block-11 {
  color: var(--notam-green);
  font-size: 1.1em;
  text-decoration: none;
}

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

.div-block-112 {
  z-index: 1;
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-left: 3rem;
  display: flex;
  position: relative;
}

.div-block-113 {
  justify-content: flex-start;
  align-self: baseline;
  align-items: flex-end;
}

.grid {
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  margin-top: 5.5rem;
}

.link-block {
  text-decoration: none;
  display: flex;
}

.h1 {
  color: #000;
  letter-spacing: .01em;
  margin-top: 0;
  font-family: Nohemi Vf, sans-serif;
  font-size: 4.3em;
  font-weight: 400;
  line-height: 1.1em;
}

.section-article {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-left: 5rem;
  padding-right: 5rem;
  display: flex;
  position: relative;
  top: 0;
  overflow: visible;
}

.h2-article {
  color: #000;
  letter-spacing: -.01em;
  margin-top: 1rem;
  margin-bottom: 2rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.4em;
}

.text-block-12 {
  color: #646665;
  letter-spacing: .05em;
  margin-left: 1rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1.1em;
  font-weight: 300;
}

.image-43 {
  width: 100%;
  height: 100%;
  display: inline-block;
}

.div-block-114 {
  z-index: 5;
  padding-right: 7rem;
  position: relative;
}

.columns-2 {
  width: 100%;
  height: 100%;
  position: relative;
}

.h2-article-topic {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 3rem;
  margin-bottom: 2rem;
  font-family: Hind Variable, sans-serif;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 1.1em;
}

.paragraph-article {
  color: #000;
  font-family: Hind Variable, sans-serif;
  font-size: 1.3em;
  line-height: 1.7em;
}

.column-6 {
  height: auto;
  margin-top: 5.5rem;
  padding-left: 0;
  padding-right: 2rem;
  position: sticky;
  top: 120px;
}

.div-block-115 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 4rem;
  display: flex;
}

.image-40-copy {
  background-color: #fff;
  border-radius: 100%;
  width: 38px;
  height: 38px;
  font-size: 0;
  line-height: 0;
}

.column-7 {
  margin-top: 5.5rem;
  padding-left: 1rem;
}

.section-title {
  z-index: 2;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding-top: 10rem;
  padding-left: 5rem;
  padding-right: 5rem;
  display: flex;
  position: relative;
  top: 0;
  overflow: visible;
}

.toc-container {
  border: 1.2px solid var(--notam-green);
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
  background-color: #111;
  border-radius: 8px;
  flex-flow: column;
  justify-content: flex-start;
  height: 100%;
  display: block;
  overflow: scroll;
}

.cta-bg {
  filter: hue-rotate(304deg) invert();
  object-fit: cover;
  width: 38%;
  height: 38%;
  position: absolute;
  inset: 0%;
  transform: translate(0)scale(5);
}

.main-wrapper_blog {
  z-index: 0;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: static;
  overflow: visible;
}

.column-8 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  margin-top: 7rem;
  padding-left: 2rem;
  padding-right: 0;
  display: flex;
  position: sticky;
  top: 120px;
}

.image-43-copy {
  width: 100%;
  height: 100%;
  display: none;
}

.blog-social {
  outline-offset: 0px;
  border: 1.5px solid #000;
  border-radius: 100%;
  outline: 1.5px #000;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: .5rem;
  margin-left: .35rem;
  margin-right: .35rem;
  padding: .6rem;
  display: flex;
}

.blog-social:hover {
  outline-offset: 0px;
  border: 1.5px solid #000;
  outline: 1.5px #000;
}

.blog-icon {
  color: #000;
  width: 100%;
  height: 100%;
  margin-left: 1%;
  margin-right: 1%;
  transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.div-block-118 {
  flex-flow: wrap;
  justify-content: space-between;
  align-items: stretch;
  display: flex;
}

.text-block-14 {
  text-align: left;
  letter-spacing: -.01em;
  margin-bottom: .8rem;
  font-family: Hind Variable, sans-serif;
  font-style: normal;
  font-weight: 600;
}

.text-copied-message {
  z-index: 9999;
  background-color: #111;
  justify-content: center;
  align-items: center;
  width: 100px;
  height: 50px;
  padding-left: .2rem;
  padding-right: .2rem;
  display: flex;
  position: static;
  inset: 0% auto;
}

.div-block-119 {
  position: relative;
  overflow: hidden;
}

.text-block-15 {
  color: #fff;
  margin-right: .2rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1.2em;
}

.icon-embed-xxsmall {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.4rem;
  height: 1.4rem;
  display: flex;
}

.div-block-120 {
  width: 100%;
  height: 20vh;
  margin-top: 3rem;
}

.div-block-121 {
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .6rem;
  display: flex;
}

.dr-icon {
  filter: brightness(0%);
  color: #000;
  width: 100%;
  height: 100%;
  margin-left: 1%;
  margin-right: 1%;
  transition: all .5s cubic-bezier(.165, .84, .44, 1);
}

.dr-social {
  outline-offset: 0px;
  border: 1.5px solid #000;
  border-radius: 100%;
  outline: 1.5px #000;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: .8rem;
  padding: .1rem;
  display: flex;
}

.dr-social:hover {
  outline-offset: 0px;
  border: 1.5px solid #000;
  outline: 1.5px #000;
}

.text-block-14-copy {
  text-align: left;
  letter-spacing: -.01em;
  font-family: Hind Variable, sans-serif;
  font-size: 1.2em;
  font-style: normal;
  font-weight: 600;
}

.div-block-122 {
  background-color: #d3d3d3;
  width: 100%;
  height: 1.3px;
}

.green-line_button-tertiary {
  z-index: 10;
  background-color: var(--notam-green);
  color: var(--notam-green);
  width: auto;
  height: 1.3px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.div-block-124 {
  flex-flow: column;
  display: flex;
}

.progress-bar {
  z-index: 9999;
  background-image: linear-gradient(99deg, #007e4a, var(--notam-green));
  width: 100%;
  height: 4px;
  position: fixed;
  top: 0%;
}

.h3-article-topic {
  color: #000;
  letter-spacing: -.02em;
  margin-top: 3rem;
  margin-bottom: 2rem;
  font-family: Hind Variable, sans-serif;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1.1em;
}

.article-author {
  color: #646665;
  text-decoration: none;
}

.article-author:hover {
  text-decoration: underline;
}

.fs-toc_link {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  opacity: .8;
  color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: .1rem;
  margin-bottom: .1rem;
  font-family: Hind Variable, sans-serif;
  font-size: .87rem;
  line-height: 1.2rem;
  text-decoration: none;
  display: flex;
}

.fs-toc_link.w--current {
  opacity: 1;
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hind Variable, sans-serif;
  font-size: .87rem;
  line-height: 1.2rem;
}

.fs-toc_link.is-h3 {
  color: #ccc;
  letter-spacing: .025rem;
  font-size: .87rem;
}

.fs-toc_link.is-h3.w--current {
  color: #fff;
  font-size: .87rem;
}

.fs-toc_link-content {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.fs-toc_sidebar {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  color: #1a1a1a;
  flex-direction: column;
  flex: none;
  justify-content: flex-start;
  align-items: stretch;
  width: auto;
  margin: 1.3rem;
  padding-left: 0;
  display: flex;
  position: relative;
}

.fs-toc_h-trigger {
  display: none;
}

.fs-toc_link-wrapper {
  color: #f5f5f5;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  overflow: hidden;
}

.fs-toc_link-wrapper.is-h2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-bottom: 1px #252525;
}

.fs-toc_link-wrapper.is-h3 {
  border-left: 1px #252525;
  padding-left: .75rem;
}

.toc-text {
  line-height: 1rem;
}

.div-block-123-copy {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

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

.navbuttons_wrapper-3 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.nav-button-3 {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  color: #474747;
  text-transform: uppercase;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  margin-left: 8px;
  margin-right: 8px;
  padding: .3rem 0 0;
  font-size: 1.2em;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav-button-3.w--current {
  color: #000;
  letter-spacing: .04em;
  justify-content: center;
  margin-left: 8px;
  margin-right: 8px;
  padding-top: .3rem;
  padding-bottom: 0;
  font-size: 1.2em;
  font-weight: 400;
  bottom: 0;
  left: 0;
  right: 0;
}

.nav-work_link {
  color: #fff;
  letter-spacing: .04em;
  text-transform: none;
  font-family: Hind Variable, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.nav-button_underline-4 {
  background-color: var(--notam-green);
  color: #9b9b9b;
  border-radius: 1px;
  width: 100%;
  height: 1.4px;
  position: static;
  bottom: 0;
  left: 0;
  right: auto;
}

.text-span-72 {
  color: var(--color);
  line-height: 1rem;
}

.side-menu_material {
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: 70vh;
  display: flex;
  position: relative;
  overflow: scroll;
}

.ios-menu_text {
  color: #fff;
  font-family: Hind Variable, sans-serif;
  font-size: .85rem;
  font-weight: 300;
  line-height: 1rem;
  text-decoration: none;
}

.side-menu_close {
  background-color: #efefef00;
  padding: 0;
}

.div-block-340-copy {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: .25fr;
  justify-content: flex-start;
  place-items: center start;
  margin-top: .8rem;
  display: flex;
}

.div-block-353 {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  display: none;
}

.icon-embed-xsmall {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.div-block-356 {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  min-height: auto;
  padding-right: .3rem;
  display: flex;
}

.side-menu {
  z-index: 999999;
  background-color: #000;
  border-right: .5px #fff;
  flex-flow: column;
  justify-content: space-between;
  width: 30vw;
  height: auto;
  max-height: none;
  padding: 0 .8rem;
  display: none;
  position: sticky;
  top: 0;
  overflow: visible;
}

.link-ios {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  border-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding: 0;
  text-decoration: none;
  display: flex;
}

.link-ios.w--current {
  color: var(--notam-green);
  padding-top: .35rem;
  padding-bottom: .35rem;
  text-decoration: underline;
}

.side-bar_icon {
  color: #fff;
  width: 1.7rem;
  min-width: 1.7rem;
  height: 1.7rem;
  min-height: 1.7rem;
  padding-top: .15rem;
  padding-bottom: .15rem;
  transition: all .35s cubic-bezier(.39, .575, .565, 1);
}

.side-bar_icon:hover {
  color: var(--notam-green);
  cursor: pointer;
}

.div-block-355 {
  justify-content: space-between;
  margin-bottom: 2rem;
  display: flex;
}

.svg-icon-2 {
  color: #fff;
  width: 2rem;
  min-width: 2rem;
  height: 100%;
  min-height: 2rem;
  padding-bottom: .3rem;
  display: block;
}

.svg-icon-2:hover {
  cursor: pointer;
}

.green-dot-bttm {
  z-index: 0;
  opacity: .8;
  filter: blur(40px);
  background-image: linear-gradient(169deg, #000, #000000a1 14%, #0f1 40%, #025125 65%, #025125);
  border-radius: 100%;
  width: 300px;
  height: 200px;
  position: absolute;
  inset: auto auto -24% -5%;
  transform: rotate(39deg)scale(1.6);
}

.green-dot-bttm.lg {
  background-image: linear-gradient(169deg, #000, #000000a1 37%, #00ffd4 47%, #025125 65%, #025125);
}

.green-dot-top {
  z-index: 0;
  opacity: 1;
  filter: blur(40px);
  background-image: linear-gradient(169deg, #000, #000000a1 17%, #0f1 32%, #025125 49%, #025125);
  border-radius: 100%;
  width: 300px;
  height: 200px;
  position: absolute;
  inset: -30% -6% auto auto;
  transform: rotate(39deg)scale(1.6);
}

.green-dot-top.lg {
  background-image: linear-gradient(169deg, #000, #000000a1 23%, #0f1 48%, #025125 74%, #025125);
  top: -14%;
  right: -12%;
}

.project {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 400px;
  height: 210px;
  display: flex;
}

.project.none {
  border: 2px solid #000;
  border-radius: 1rem;
  width: 266.667px;
  height: 140px;
  padding: 0;
  display: none;
  overflow: hidden;
}

.project.none.w--current {
  border: 2px solid #00c172;
  padding: 0;
}

.project.sm {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #ddd0;
  border: 1px solid #000;
  border-radius: 1rem;
  width: 266.667px;
  height: 140px;
  margin-bottom: 1rem;
  padding: 0;
  transition: all 50ms;
  overflow: hidden;
}

.project.sm:hover {
  border-radius: 1rem;
  padding: 0;
}

.project.sm.w--current {
  border: 1px solid #00c172;
  padding: 0;
}

.menu-divider {
  z-index: 10;
  background-color: var(--notam-green);
  opacity: .34;
  flex: none;
  width: 100%;
  height: 1px;
  margin-top: .6rem;
  margin-bottom: .6rem;
  position: static;
}

.h1-hero {
  z-index: 2;
  color: #fff;
  text-transform: none;
  font-family: Nohemi Vf, sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 4.2rem;
  position: relative;
}

.div-block-365 {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  display: flex;
}

.case-p {
  color: #fff;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  margin-bottom: 0;
  font-family: Hind Variable, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.2rem;
  display: flex;
}

.case-p.lg {
  font-size: 1.2rem;
  line-height: 1.4rem;
}

.experience-link {
  background-image: linear-gradient(218deg, var(--notam-green), #028648 35%, #07fe38 65%, #00ff08);
  object-fit: cover;
  border-radius: 100%;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 40px;
  height: 40px;
  margin-right: .6rem;
  display: flex;
}

.experience_img {
  object-fit: cover;
  border: 2px solid #000;
  border-radius: 98%;
  width: 35px;
  height: 35px;
  box-shadow: 0 0 15px 6px #ffec5f2e;
}

.experience_img:hover {
  box-shadow: none;
}

.case-title_box {
  grid-column-gap: .3rem;
  grid-row-gap: .3rem;
  flex-flow: column;
  flex: 0 auto;
  width: 100%;
  height: auto;
  display: flex;
}

.header_images-layout-2-copy-copy {
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  height: 80vh;
  display: flex;
  position: relative;
  overflow: visible;
}

.header_content-right-2-copy-copy {
  opacity: .78;
  outline-offset: 0px;
  background-image: linear-gradient(101deg, #000, #282828);
  border: 50px #16902f1f;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 0;
  outline-width: 10px;
  outline-style: none;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 70vw;
  height: auto;
  padding-top: 0;
  padding-left: 0;
  padding-right: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.header_cr-fade_bttm {
  z-index: 2;
  background-image: linear-gradient(0deg, #000, #000 1%, #00000008 16%, #0000 58%, #fff0);
  position: absolute;
  inset: 0%;
}

.header-wrapper-copy-copy {
  z-index: 1;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 2rem;
}

.ns-title {
  z-index: 999999;
  color: #fff;
  text-align: left;
  letter-spacing: .02em;
  text-transform: none;
  overflow-wrap: normal;
  flex: none;
  align-self: baseline;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-family: Nohemi Vf, sans-serif;
  font-size: 3.7em;
  font-weight: 400;
  line-height: 3.2rem;
  overflow: visible;
}

.ns-title.lg {
  color: #00c172;
  margin-top: 0;
  font-family: Nohemi Vf, sans-serif;
  font-size: 5em;
  font-weight: 400;
  line-height: 5rem;
  position: absolute;
  bottom: 1rem;
  left: 2rem;
}

.header_cr-fade-copy-copy-copy {
  z-index: 2;
  background-image: linear-gradient(182deg, #000, #000000a8 1%, #0000 37% 58%, #fff0);
  position: absolute;
  inset: 0%;
}

.hero-fade-copy {
  z-index: 2;
  background-image: linear-gradient(90deg, #000, #000 36%, #00000075 69%, #0000 90%, #fff0);
  position: absolute;
  inset: 0%;
}

.corner-dot {
  background-image: radial-gradient(circle at 0 100%, #000, #ffcaa254 0%, #cebaab00 54%, #fff0);
  width: 50%;
  height: 100%;
  position: absolute;
  inset: auto auto 0% 0%;
}

.corner-dot.red {
  background-image: radial-gradient(circle at 0 100%, #000, #ff414454 0%, #cebaab00 54%, #fff0);
}

.corner-dot.green {
  background-image: radial-gradient(circle at 0 100%, #000, #41ff6d54 0%, #cebaab00 54%, #fff0);
}

.bottom-fade {
  z-index: 0;
  background-image: linear-gradient(0deg, #000, #000 0%, #00000057 57%, #70707000 100%, #fff0);
  width: 50%;
  height: 100px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.bottom-fade.tab1 {
  z-index: 2;
  width: 100%;
}

.ns-subtitle {
  color: #f13d3d;
  text-transform: none;
  font-family: Hind Variable, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.4rem;
}

.ns-subtitle.sm {
  color: #fff;
  margin-top: 1rem;
  font-size: 1rem;
  font-style: italic;
}

.ns-subtitle.gold {
  color: #d8a460;
}

.ns-subtitle.green {
  color: #16e038;
}

.ns-subtitle.lof {
  color: #beba9a;
}

.work-dot {
  color: #f23d3d;
  font-style: italic;
}

.work-dot.gold {
  color: #d8a460;
  font-style: italic;
}

.work-dot.green {
  color: #14e038;
  font-style: italic;
}

.work-dot.lof {
  color: #beba9a;
  font-style: italic;
}

.featured-work {
  z-index: 10;
  color: #fff;
  text-transform: none;
  margin-top: -237px;
  margin-left: 2rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.4rem;
  position: absolute;
  inset: auto;
}

.page-wrapper {
  flex-flow: column;
  display: flex;
}

.image-52 {
  object-fit: cover;
  border-radius: .3rem;
  width: 1.7rem;
  height: 1.7rem;
}

.gradient {
  z-index: 1;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  mix-blend-mode: normal;
  background-image: linear-gradient(#0092492b, #00000069);
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.gradient.fade-less {
  background-image: linear-gradient(#00924900, #00000069 43%);
}

.div-block-384 {
  z-index: 1;
  background-color: #000;
}

.image-53 {
  width: 90px;
}

.div-block-385 {
  z-index: 1;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.text-block-91 {
  color: #fff;
  padding: .3rem .3rem .5rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1.1rem;
}

.menu-box._2rem-b {
  padding-bottom: 2rem;
}

.menu-box.footer {
  grid-column-gap: .9rem;
  grid-row-gap: .9rem;
  border-top-style: none;
}

.time-based-circle {
  background-color: #ad1600;
  border-radius: 50%;
  width: 6rem;
  height: 6rem;
}

.div-block-386 {
  background-color: #000;
  width: 100%;
  padding: 1rem .5rem 2rem;
  position: sticky;
  top: 0;
}

.div-block-387 {
  height: auto;
  padding-top: 1rem;
  position: sticky;
  top: 0;
}

.div-block-388 {
  background-color: #000;
  width: 100%;
  height: auto;
  position: sticky;
  top: 0;
}

.div-block-389 {
  flex-flow: column;
  display: flex;
}

.text-block-92 {
  color: #b1b1b1;
  font-family: Hind Variable, sans-serif;
  font-size: .83rem;
  font-weight: 300;
  line-height: 19.5px;
}

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

.time {
  color: #fff;
}

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

.h1-case-study {
  color: #fff;
  height: auto;
  font-family: Nohemi Vf, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 100%;
}

.div-block-391 {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.nav-wrapper-2-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 100%;
  margin-top: 0%;
  padding-left: 2rem;
  padding-right: 2rem;
  display: flex;
  overflow: visible;
}

.div-block-393 {
  z-index: 3;
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  padding: 1rem 3rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.div-block-394 {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

.text-block-95 {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  outline-offset: 0px;
  color: #fff;
  text-align: center;
  background-image: linear-gradient(#ffffff42, #000);
  border-radius: 5rem;
  outline: 1px solid #ffffff52;
  padding: .5rem .8rem;
  font-family: Hind Variable, sans-serif;
  font-size: .85rem;
  font-weight: 300;
}

.portfolio-services {
  grid-column-gap: 7px;
  grid-row-gap: 7px;
  border-bottom: 1px none var(--notam-green);
  flex-flow: wrap;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.svg-icon-copy-copy {
  color: #00c172;
  width: 2rem;
  height: 2rem;
}

.div-block-399 {
  background-color: var(--notam-green);
  cursor: default;
  padding: .2rem;
  position: sticky;
  top: 0;
  bottom: auto;
}

.svg-icon-copy-copy {
  color: #000;
  cursor: default;
  width: 1.1rem;
  height: 1.1rem;
  display: block;
}

.svg-icon-copy-copy:hover {
  cursor: pointer;
  -webkit-text-fill-color: white;
}

.heading-39 {
  color: var(--notam-green);
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nohemi Vf, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 27px;
}

.cta-title-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.div-block-392-copy {
  z-index: 1;
  background-color: #0e0e0e;
  width: 100%;
  height: 40vh;
}

.tabs {
  width: 100%;
}

.background-video-2 {
  opacity: .47;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video-home {
  opacity: .38;
  width: 100%;
  height: 100%;
  position: sticky;
  inset: 0 auto auto;
}

.div-block-405 {
  background-color: var(--notam-green);
  width: 100%;
  height: 1px;
  margin-top: 2rem;
}

.button-notam {
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  height: auto;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
}

.button-notam.light {
  font-weight: 400;
}

.button-2 {
  color: #000;
  background-color: #0000;
  font-size: 1.3em;
}

.button-2.is-tertiary {
  color: #fff;
  padding: 0 0 2px;
  font-family: Hind Variable, sans-serif;
  font-size: 2rem;
  font-weight: 500;
  line-height: 3rem;
  text-decoration: none;
}

.div-block-406 {
  background-color: var(--notam-green);
  flex: none;
  width: 100%;
  height: 1.4px;
}

.green-line_button-tertiary-2 {
  z-index: 10;
  color: #978e6a;
  background-color: #fff;
  width: auto;
  height: 1.8px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.div-block-407 {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.contact-arrow {
  color: var(--notam-green);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 100%;
  padding-top: .2rem;
  display: flex;
}

.contact-arrow._0-3rem-t {
  padding-top: .35rem;
}

.div-block-408 {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  display: block;
}

.page-content {
  z-index: 2;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 10rem 3rem 8rem;
  display: flex;
  position: relative;
  top: 0;
}

.page-content.fade-less {
  background-image: linear-gradient(#0092492b, #000 46%);
}

.navbar-link_wrapper {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  justify-content: center;
  align-items: center;
  display: block;
  position: relative;
  overflow: hidden;
}

.hover-text-01.bottom, .hover-text-02.bottom, .hover-text-03.bottom {
  position: absolute;
  inset: auto 0% -100%;
}

.button-3 {
  color: #040126;
  text-align: center;
  letter-spacing: -.03rem;
  background-color: #9adbff;
  padding: .75rem 1.5rem;
  font-weight: 500;
  text-decoration: none;
  overflow: visible;
}

.button-3.c-06 {
  cursor: pointer;
  background-color: #000;
  border: 1px solid #ad2323;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-3.green {
  background-color: #000;
  border: 1px solid #14e038;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-3.gold {
  background-color: #000;
  border: 1px solid #d8a460;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-3.lof {
  background-color: #000;
  border: 1px solid #beba9a;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.button-3.notam {
  border: 1px solid var(--notam-green);
  background-color: #000;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.year-bold {
  color: var(--notam-green);
  font-weight: 600;
  text-decoration: none;
}

.div-block-409 {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.hyphen-bold {
  font-weight: 400;
}

.btn-txt-wrapper {
  z-index: 5;
  position: relative;
}

.btn-bg {
  background-color: #5b96fe;
  border-radius: 100%;
  width: 120%;
  min-width: 5rem;
  height: 175%;
  display: block;
  position: absolute;
  inset: auto;
}

.btn-bg.red {
  background-color: #ad2323;
}

.btn-bg.green {
  background-color: #14e038;
}

.btn-bg.gold {
  background-color: #d8a460;
}

.btn-bg.lof {
  background-color: #beba9a;
}

.btn-bg.notam {
  background-color: var(--notam-green);
}

.hero-fade-copy-copy {
  z-index: 2;
  background-image: linear-gradient(90deg, #000, #000 36%, #00000075 69%, #0000 90%, #fff0);
  position: absolute;
  inset: 0%;
}

.period-tighten {
  color: var(--notam-green);
  margin-left: -5px;
  line-height: 1rem;
}

.period-tighten.y {
  margin-left: -18px;
}

.div-block-123-copy-2-copy {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: auto;
  display: flex;
  position: relative;
  overflow: visible;
}

.menu-box-copy {
  display: flex;
}

.career-icon {
  color: #fff;
  width: 2.2rem;
  min-width: 2.2rem;
  height: 2.2rem;
  min-height: 2.2rem;
  padding-top: .15rem;
  padding-bottom: .15rem;
  transition: all .35s cubic-bezier(.39, .575, .565, 1);
}

.career-icon:hover {
  color: var(--notam-green);
  cursor: pointer;
}

.career-link {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  border-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding: .35rem .2rem;
  text-decoration: none;
  display: flex;
}

.career-link.w--current {
  color: var(--notam-green);
  padding-top: .35rem;
  padding-bottom: .35rem;
  text-decoration: underline;
}

.div-block-392-copy {
  z-index: 1;
  background-color: #0e0e0e00;
  width: 100%;
  height: auto;
  position: relative;
}

.cta-text {
  z-index: 2;
  color: var(--notam-green);
  text-transform: none;
  font-family: Hind Variable, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.5rem;
  position: relative;
}

.cta-text.grey {
  color: #b1b1b1;
}

.div-block-411 {
  z-index: 2;
  position: relative;
}

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

.div-block-392-copy {
  z-index: 1;
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  background-color: #000;
  flex-flow: column;
  width: 100%;
  height: auto;
  padding: 4rem 0 0;
  display: flex;
  overflow: hidden;
}

.full-content-wrapper {
  z-index: 1;
  background-color: #0e0e0e00;
  width: 100%;
  height: auto;
  position: relative;
}

.div-block-405-copy {
  background-color: #000;
  width: 100%;
  height: 100%;
  margin-top: 2rem;
}

.column {
  border-right: 1px solid #161616;
  flex-direction: column;
  justify-content: center;
  width: auto;
  margin-right: 0;
  display: flex;
}

.column.last {
  border: 1px #000;
}

._3-columns {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  width: 100%;
  height: 100%;
}

.section-3 {
  background-color: #0000;
  border: 1px solid #080808;
  justify-content: center;
  align-items: center;
  max-width: none;
  height: auto;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-bottom: 3rem;
  display: flex;
}

.info-container {
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.text-block-5 {
  color: #fbf9fc;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  display: inline-block;
}

.heading {
  color: #fbf9fc;
  text-align: center;
  margin-bottom: 8px;
  font-size: 130px;
}

.heading.tips {
  background-image: linear-gradient(180deg, var(--notam-green) 53%, #07200b);
  color: var(--notam-green);
  text-align: center;
  letter-spacing: -5px;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  height: 100%;
  margin: 0;
  font-size: 130px;
  line-height: 8rem;
}

.heading.followers {
  background-image: linear-gradient(180deg, var(--notam-green) 53%, #07200b);
  color: var(--notam-green);
  text-align: center;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 8rem;
}

.heading.clones {
  background-image: linear-gradient(180deg, var(--notam-green) 53%, #07200b);
  color: var(--notam-green);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  width: 100%;
  height: 100%;
  margin: 0;
  line-height: 8rem;
}

.div-block-414 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  color: #fff;
  border-radius: 2rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 0;
  display: flex;
}

.heading-41 {
  color: #fff;
  margin: 0;
  font-family: Nohemi Vf, sans-serif;
  font-size: 2.5rem;
  font-weight: 300;
  line-height: 2rem;
}

.div-block-415 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: flex;
}

.div-block-416 {
  background-color: #00c172;
  width: 100%;
  height: 1px;
}

.column-video {
  z-index: 1;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: #000;
  border-radius: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-right: 50%;
  display: flex;
  position: relative;
}

.background-video-2-copy-2 {
  opacity: 1;
  mix-blend-mode: normal;
  width: 100%;
  height: 100%;
  position: static;
  inset: 0%;
}

.column-info {
  z-index: 1;
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  min-height: auto;
  padding: 1rem 0 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.project-info-box {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding: 0 3rem;
  display: block;
}

.background-video-2-copy-2-copy {
  opacity: 1;
  mix-blend-mode: normal;
  width: 100%;
  height: 300px;
  position: static;
  inset: 0%;
}

.section-links-copy {
  z-index: 1;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  background-color: #0000;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 5rem 0% 2rem 0;
  display: flex;
  position: relative;
  top: 0;
}

.h1-2 {
  color: #000;
  letter-spacing: .01em;
  margin-top: 0;
  font-size: 4.3em;
  font-weight: 400;
  line-height: 1.1em;
}

.h1-2.dark {
  color: #fff;
  margin-bottom: 0;
  font-family: Nohemi Vf, sans-serif;
  font-size: 4em;
}

.h2-blog-2 {
  color: var(--notam-green);
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Hind Variable, sans-serif;
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.4em;
}

.intagram-card {
  background-color: #fff;
  border: 1px solid #eaebf0;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.div-block-372-copy-copy {
  z-index: 5;
  border-bottom: 1px solid var(--notam-green);
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
}

.div-block-110-copy {
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 3rem 20% 6rem 3rem;
  display: flex;
}

.div-block-422 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.service-box {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  border: 1px none var(--notam-green);
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0 0 .5rem;
  display: flex;
}

.service-media {
  object-fit: contain;
  border-radius: 1rem;
  width: 100%;
  height: 260px;
}

.grid-7 {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
}

.div-block-409-copy {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: space-between;
  width: 100%;
  display: block;
}

.div-block-423 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid var(--notam-green);
  border-bottom: 1px none var(--notam-green);
  justify-content: flex-start;
  align-items: flex-end;
  padding-top: 2rem;
  padding-bottom: 0;
  display: flex;
}

.div-block-372-copy-copy {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  margin-bottom: 2rem;
  display: flex;
  position: relative;
}

.div-block-372-copy-copy-copy {
  z-index: 5;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
  position: relative;
}

.div-block-424 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  display: flex;
}

.profile-icon {
  color: #fff;
  width: 1.7rem;
  min-width: 1.7rem;
  height: 1.7rem;
  min-height: 1.7rem;
  padding: .3rem;
}

.profile-icon:hover {
  cursor: pointer;
}

.h2-ceo {
  color: #fff;
  letter-spacing: .01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Nohemi Vf, sans-serif;
  font-size: 3em;
  font-weight: 400;
  line-height: 1em;
}

.blog-wrapper-copy {
  background-color: #000;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 0 0 6rem;
  display: flex;
}

.div-block-407-copy {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.div-block-425 {
  display: flex;
}

.div-block-427 {
  z-index: -1;
  background-image: linear-gradient(0deg, #000 17%, #fff0 82%);
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.div-block-428 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.h2-small {
  z-index: 2;
  color: #fff;
  text-transform: none;
  margin: 0;
  font-family: Hind Variable, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 2rem;
  position: relative;
}

.h2-small.toolbox {
  color: var(--color);
  margin: 0 0 0;
  line-height: 2rem;
}

.h2-small.hero {
  margin-bottom: .8rem;
}

.h1-span-green {
  color: var(--notam-green);
}

.name {
  opacity: .4;
  color: var(--notam-green);
  text-align: left;
  width: 100%;
  margin-bottom: 0;
  font-family: Nohemi Vf, sans-serif;
  font-size: 3rem;
  font-weight: 500;
  line-height: 3rem;
}

.name._1 {
  margin-top: 0;
}

.name._2, .name._3, .name._4, .name._5, .name._6 {
  margin: 0;
}

.name.full {
  opacity: 1;
  color: var(--notam-green);
  font-weight: 400;
}

.teaser-container {
  max-width: 1920px;
  padding: 5rem 3rem 3rem;
}

.p-xs-start {
  padding-top: 1em;
}

.teaser-img {
  object-fit: cover;
  width: 210px;
  height: 280px;
  position: absolute;
  inset: auto 0% 0% auto;
}

.teaser-img._3 {
  z-index: 4;
}

.teaser-img._1 {
  z-index: 6;
  object-fit: cover;
  overflow: visible;
}

.teaser-img._2 {
  z-index: 5;
}

.teaser-img._4 {
  z-index: 3;
}

.teaser-img._5 {
  z-index: 2;
}

.teaser-img._6 {
  z-index: 1;
}

.teaser-copy {
  opacity: 1;
  max-width: 650px;
  display: flex;
}

.teaser-grid {
  align-items: stretch;
  display: flex;
}

.teaser-column {
  width: 50%;
  position: relative;
}

.teaser-column.right {
  justify-content: flex-end;
  align-items: flex-start;
  height: 100vh;
  display: flex;
}

.p-teaser-img-wrap {
  width: 210px;
  height: 280px;
  position: sticky;
  top: 47vh;
  overflow: hidden;
}

.teaser-copy-wrap {
  justify-content: flex-start;
  align-items: center;
  height: auto;
  padding-bottom: .5rem;
  display: flex;
}

.teaser-copy-wrap.last {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding-bottom: 8rem;
}

.project-title {
  letter-spacing: 0;
  text-transform: uppercase;
  font-family: Nohemi Vf, sans-serif;
  font-size: 4rem;
  font-weight: 600;
  line-height: .85;
}

.gallery-item-sticky {
  z-index: 2;
  color: #fffbf5;
  background-color: #000;
  width: 100%;
  min-height: 100svh;
  position: sticky;
  top: 0;
  overflow: hidden;
}

.gallery-item-inner {
  width: 100%;
  height: 100%;
}

.gallery-scroll-distance {
  height: 100vh;
  position: relative;
}

.gallery-item-content-wrapper {
  z-index: 3;
  align-items: center;
  max-width: 46em;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.hero-gallery-item {
  background-color: #000;
  width: 100%;
  max-width: 100%;
  margin-top: -100vh;
  position: relative;
}

.gallery-item-media-gradient {
  z-index: 2;
  background-image: linear-gradient(270deg, #dadada00, #15141ac7);
  width: 60%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.gutter-outside {
  padding-left: 7em;
  padding-right: 0;
}

.p-xxs-end {
  padding-bottom: 1.1em;
}

.gallery-item-content-inner {
  z-index: 1;
  width: 100%;
  padding-top: 10em;
  padding-bottom: 5em;
  position: relative;
}

.gallery-item-media {
  z-index: 0;
  object-fit: cover;
  background-image: url('../images/67466e384d55fdeee3a65eab_whalesharklove.avif');
  background-position: 0%;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.gallery-item-media._2 {
  background-image: url('../images/hero-img_rr_1.avif');
}

.gallery-item-media._3 {
  background-image: url('../images/PHS-LIVE-140_1.avif');
}

.gallery-item-title-wrapper {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  display: flex;
}

.section-header {
  border-top: 1px solid var(--notam-green);
  padding: 3rem 3rem 5rem;
}

.section-header.no-border {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  border-top-style: none;
  flex-flow: column;
  padding-top: 7rem;
  padding-bottom: 3rem;
  display: flex;
}

.period-normal {
  color: var(--notam-green);
  margin-left: 0;
  line-height: 1rem;
}

.bg-fade-project {
  z-index: 1;
  background-image: linear-gradient(#000, #fff0 13%);
  position: absolute;
  inset: 0%;
}

.ipad-item-fly-left, .ipad-item-fly-right {
  width: 100%;
  margin-top: -30%;
  position: relative;
}

.section-3-column-scroll {
  z-index: 5;
  background-image: linear-gradient(0deg, #000 97%, #ce343400);
  margin-top: -300px;
  position: relative;
}

.arrow {
  flex: none;
  justify-content: center;
  align-items: center;
  margin-right: 1.3em;
  display: flex;
}

.cloneable {
  padding: var(--section-padding) var(--container-padding);
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  min-height: auto;
  display: flex;
  position: relative;
}

.nav-bar {
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  padding: 1rem 0;
  display: flex;
}

.nav-list {
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  margin-bottom: 0;
  padding-left: 0;
  display: flex;
}

.nav-item {
  justify-content: center;
  align-items: center;
  width: 5em;
  transition: width .5s cubic-bezier(.16, 1, .3, 1);
  display: flex;
  position: relative;
}

.nav-item__link {
  z-index: 1;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-left: .5em;
  padding-right: .5em;
  display: flex;
  position: relative;
}

.image {
  object-fit: contain;
  width: 100%;
}

.image.sm {
  padding: .2rem;
}

.nav-item__tooltip {
  z-index: 0;
  opacity: 0;
  white-space: nowrap;
  background-color: #1f1f1f;
  border: .3px solid #444;
  border-radius: .25em;
  padding: .4em .5em;
  font-size: 1em;
  transition: transform .5s cubic-bezier(.16, 1, .3, 1), opacity .5s cubic-bezier(.16, 1, .3, 1);
  position: absolute;
  top: 0;
  transform: translate(0, -80%);
}

.code-embed-css, .code-embed-js {
  pointer-events: none;
  width: 0;
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.block-text {
  letter-spacing: -.01em;
}

.col-right {
  flex-direction: column;
  flex: 1;
  display: flex;
}

.div-block-429 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-direction: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.service-img {
  object-fit: cover;
  border-radius: 6px;
  width: 100%;
  height: 350px;
}

.block-2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  color: #fff;
  background-color: #7946f3;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  min-height: 400px;
  margin-bottom: 100px;
  padding: 48px 50px 56px;
  font-size: 28px;
  font-weight: 300;
  line-height: 1.4;
  display: grid;
  position: sticky;
}

.block-2._3 {
  border-top: 1px solid var(--notam-green);
  background-color: #000;
  min-height: auto;
  padding-left: 3rem;
  padding-right: 3rem;
  top: 30%;
}

.block-2._4 {
  border-top: 1px solid var(--notam-green);
  background-color: #000;
  min-height: auto;
  margin-bottom: 113px;
  padding-bottom: 0;
  padding-left: 3rem;
  padding-right: 3rem;
  top: 34%;
  bottom: auto;
}

.block-2._2 {
  border-top: 1px solid var(--notam-green);
  background-color: #000;
  padding-left: 3rem;
  padding-right: 3rem;
  top: 26%;
}

.block-2._1 {
  border-top: 1px solid var(--notam-green);
  background-color: #000;
  padding-left: 3rem;
  padding-right: 3rem;
  top: 22%;
}

.div-block-431 {
  padding-bottom: 8rem;
  position: relative;
}

.div-block-429-copy {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: row;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.nav-wrap-2 {
  z-index: 100;
  border-bottom-style: none;
  border-bottom-width: 1px;
  border-bottom-color: var(--notam-green);
  pointer-events: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: var(--footer-height);
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  padding-left: 3rem;
  display: flex;
  position: relative;
}

.div-block-433 {
  position: relative;
}

.bttn {
  color: #fff;
  background-color: #0000;
  padding-bottom: .3rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
}

.link-block-2 {
  text-decoration: none;
}

.demo-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  border-radius: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 5rem;
  padding: 6rem;
  display: flex;
  box-shadow: 0 3em 7em #00000026;
}

.demo-wrapper.is-2 {
  background-color: #fff0;
  padding: 0;
}

.demo-label {
  pointer-events: none;
  color: var(--notam-green);
  background-color: #000;
  border-radius: 99rem;
  margin-top: 0;
  margin-left: 1rem;
  padding: .4rem .5rem;
  font-size: 1.1rem;
  font-weight: 300;
  transition: all .15s;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
}

.form-button-wrapper {
  flex: 0 auto;
  width: 100%;
}

.demo-input-group {
  z-index: 0;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}

.demo-form-block {
  width: 100%;
  margin-bottom: 0;
}

.demo-input-field {
  z-index: 0;
  border: 1px solid var(--notam-green);
  color: var(--notam-green);
  background-color: #fff0;
  border-radius: 0;
  max-width: 300px;
  min-height: 60px;
  margin-bottom: 0;
  padding: 2rem 1rem 2rem 1.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  transition: all .12s;
  position: relative;
}

.demo-input-field:hover {
  border-color: var(--color);
}

.demo-input-field:focus {
  border-width: 2px;
  border-color: #000;
  font-weight: 500;
}

.demo-input-field:focus-visible, .demo-input-field[data-wf-focus-visible] {
  border-width: 1px;
  border-color: var(--color);
  color: var(--notam-green);
}

.demo-form {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.faq-hyperlink {
  color: #fff;
  font-weight: 300;
  text-decoration: none;
}

.tool-text {
  color: #fff;
}

.bttm-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.div-block-436 {
  grid-column-gap: 8rem;
  grid-row-gap: 8rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.dash {
  opacity: 1;
  color: var(--notam-green);
  padding-right: .2rem;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1em;
}

.text-effect-overflow-hidden {
  overflow: hidden;
}

.text-overlap-end {
  background-color: #000;
  height: 100%;
  position: absolute;
  inset: auto 0% -100%;
}

.text-effect-wrapper {
  background-color: #000;
  justify-content: flex-start;
  align-items: flex-start;
  height: 200vh;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 3rem;
  display: flex;
}

.text-effect-gradient {
  mix-blend-mode: darken;
  background-image: linear-gradient(#000 12%, #1d7310 26%, #58de80 38%, #b1fbb1 50%, #58de6a 64%, #10731d 76%, #000 88%);
  height: 120vh;
  position: absolute;
  inset: 0%;
}

.text-effect-inner {
  background-color: #000;
  position: relative;
  overflow: hidden;
}

.section-text-gradient-effect {
  z-index: 0;
  margin-top: -200px;
}

.text-effect-text {
  color: #f5f5f7;
  font-family: Nohemi Vf, sans-serif;
  font-size: 4em;
  font-weight: 400;
  line-height: 1.2em;
}

.text-effect-sticky-element {
  justify-content: center;
  align-items: center;
  display: flex;
  position: sticky;
  top: 23vh;
  overflow: hidden;
}

.container-w3 {
  width: 100%;
  max-width: 58em;
  margin-left: auto;
  margin-right: auto;
}

.container-w3.gutter-outside {
  padding-left: 0;
}

.subtitle-text {
  z-index: 2;
  color: #fff;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  flex: 1;
  width: 100%;
  height: auto;
  padding-top: .5rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1.3rem;
  font-weight: 300;
  line-height: 1.8rem;
  position: relative;
}

.content-box {
  z-index: 2;
  position: relative;
}

.section-contact {
  z-index: 0;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.cube-wrapper {
  width: 30vw;
  height: 30vw;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.cube-face-1 {
  z-index: 5;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: hidden;
  transform: translate3d(0, 0, 15vw);
}

.full-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.cube-face-2 {
  z-index: 4;
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translate3d(0, 0, -15vw)rotateX(-90deg)rotateY(0)rotateZ(0);
}

.cube-face-3 {
  z-index: 3;
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate3d(0, -30vw, 15vw)rotateX(90deg)rotateY(0)rotateZ(0);
}

.cube-face-4 {
  z-index: 2;
  transform-origin: 50% 100%;
  transform-style: preserve-3d;
  width: 100%;
  height: 100%;
  position: absolute;
  transform: translate3d(0, -30vw, -15vw)rotateX(180deg)rotateY(0)rotateZ(0);
}

.portfolio---text {
  color: #ffffff52;
  white-space: break-spaces;
  word-break: normal;
  justify-content: flex-start;
  align-items: center;
  margin-top: -62px;
  font-family: Nohemi Vf, sans-serif;
  font-size: 7rem;
  line-height: 7rem;
  display: flex;
  position: relative;
}

.container {
  max-width: 90rem;
  padding-left: 6rem;
  padding-right: 6rem;
}

.portfolio---image {
  z-index: -2;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.porfolio---item {
  padding-top: 8em;
  padding-bottom: 8em;
  display: block;
  position: relative;
}

.porfolio---item.main {
  width: 100%;
  height: 300px;
  margin-right: 12rem;
}

.portfolio---link {
  z-index: 2;
  grid-column-gap: .125em;
  color: #fff;
  white-space: nowrap;
  word-break: break-all;
  mix-blend-mode: screen;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: .5em;
  padding-bottom: .5em;
  font-family: Nohemi Vf, sans-serif;
  font-size: 6rem;
  font-style: normal;
  line-height: 1;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.section {
  padding-top: 50dvh;
  padding-bottom: 50dvh;
  position: static;
}

.inside-text {
  white-space: break-spaces;
  word-break: normal;
  justify-content: flex-start;
  align-items: center;
  font-size: 7rem;
  font-weight: 400;
  line-height: 7rem;
  display: flex;
}

.inside-text.white {
  color: var(--notam-green);
  white-space: normal;
  word-break: normal;
  flex-flow: wrap;
  flex: none;
  font-family: Nohemi Vf, sans-serif;
  font-size: 6rem;
  font-weight: 400;
  line-height: 5.2rem;
  display: inline;
}

.portfolio---item {
  width: 24rem;
  height: 24rem;
  padding: .5rem;
  position: relative;
}

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

.bg {
  z-index: -2;
  object-fit: cover;
  object-position: 50% 50%;
  background-image: url('../images/ns-1.webp');
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.bg.dark {
  z-index: 1;
  background-color: #0003;
  background-image: none;
  position: fixed;
}

.project_img-2 {
  object-fit: cover;
  border-radius: 16px;
  width: 100%;
  height: 100%;
}

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

.image-59 {
  object-fit: cover;
  width: 100%;
  height: 80vh;
  position: absolute;
  inset: 0%;
}

.section-hero-2 {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-hero-2.work {
  height: auto;
}

.header_content-left-2 {
  z-index: 5;
  grid-row-gap: 2.25rem;
  border-right: 2px #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.case-studies-2 {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  padding: 3rem 2rem;
  display: flex;
}

.text-block-100 {
  color: #fff;
  text-transform: uppercase;
  font-size: 1.05rem;
  font-weight: 400;
}

.div-block-438 {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  margin-top: 2rem;
  display: flex;
}

.div-block-439 {
  height: 80vh;
}

.div-block-441 {
  background-color: var(--notam-green);
  height: 10px;
}

.div-block-442 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

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

.div-block-443 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.overview-text {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.8rem;
}

.overview-text.sm {
  font-size: 1.1rem;
  font-weight: 300;
  line-height: 1.5rem;
}

.overview-text_green {
  color: var(--notam-green);
  text-decoration: none;
}

.div-block-444 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  display: flex;
}

.div-block-445 {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  flex-flow: column;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
}

.heading-41-copy {
  color: var(--notam-green);
  margin: 0;
  font-family: Nohemi Vf, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 2rem;
}

.text-block-98-copy {
  color: #fff;
  margin-top: .5rem;
  font-size: 1rem;
  font-weight: 300;
}

.div-block-446 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.mini-line {
  background-color: #00c172;
  width: 100%;
  height: 1px;
}

.mini-rows {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: .5rem;
  display: flex;
}

.div-block-447 {
  border-radius: .8rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.div-block-447.long {
  width: 700px;
}

.splide {
  justify-content: center;
  align-items: flex-start;
  width: auto;
  height: 400px;
  display: flex;
}

.splide.slider1 {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.pagination_item {
  vertical-align: baseline;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  display: inline-block;
}

.video-box {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.splide__pagination {
  justify-content: center;
  align-self: center;
  align-items: center;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}

.marquee-logo {
  object-fit: cover;
  width: 100%;
  min-width: 300px;
  max-width: none;
  height: 400px;
}

.marquee-logo._1 {
  height: 420px;
}

.marquee-logo._2 {
  height: 350px;
}

.marquee-logo._4 {
  height: 360px;
}

.marquee-logo._5 {
  width: 100%;
  height: 280px;
}

.marquee-logo._6 {
  height: 400px;
}

.marquee-logo._7 {
  height: 440px;
}

.div-block-322 {
  width: 100%;
  height: 100%;
  margin-left: 0;
  margin-right: 0;
}

.splide__track {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: grab;
  border-top: .7px #000;
  border-bottom: .7px #000;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.splide-pagination {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  display: block;
}

.div-block-315-copy {
  object-fit: cover;
  border: 1px #000;
  border-radius: 0;
  flex-flow: row;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  height: auto;
  transition: all .25s cubic-bezier(.23, 1, .32, 1);
  display: flex;
  position: relative;
  overflow: hidden;
  box-shadow: 0 0 20px #00000008;
}

.div-block-315-copy:hover {
  box-shadow: none;
  border-style: none;
  border-color: #ffffff4a;
  transform: scale(1.03);
}

.splide__slide {
  justify-content: center;
  align-items: flex-end;
  width: 100%;
  height: auto;
  display: flex;
}

.splide__list {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 0;
  display: flex;
}

.div-block-447-copy {
  aspect-ratio: 1;
  border-radius: .8rem;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.bttm_img {
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
  height: 100%;
}

.bttm_img.short {
  height: 400px;
}

.div-block-448 {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  border-top: 1px solid var(--notam-green);
  flex-flow: column;
  width: 100%;
  height: 100%;
  padding-top: 10rem;
  padding-bottom: 10rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.h2-next-project {
  color: #fff;
  height: auto;
  margin: 0;
  font-family: Nohemi Vf, sans-serif;
  font-size: 5rem;
  font-weight: 400;
  line-height: 100%;
}

.div-block-449 {
  width: 100%;
  height: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
}

.image-62 {
  z-index: -2;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.div-block-450 {
  z-index: -1;
  background-image: linear-gradient(90deg, #000 60%, #fff0);
  width: 80%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.video-box-wrapper {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
}

.video-subtitle {
  color: #00c172;
  font-size: 1rem;
}

.project-info_img {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-radius: 2rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: auto;
  padding: 0 3rem;
  display: block;
}

.div-block-438-copy {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  margin-top: 1rem;
  display: flex;
}

.white-text {
  color: var(--color);
}

.cs-media {
  opacity: 1;
  mix-blend-mode: normal;
  object-fit: cover;
  width: 300px;
  height: 300px;
  position: static;
  inset: 0%;
}

.cs-media.rr {
  width: 500px;
  height: auto;
}

.cs-media.wi {
  width: 100%;
  max-width: none;
  height: 400px;
}

.cs-media.wi.long {
  border-radius: .8rem;
  width: 700px;
}

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

.year {
  color: var(--notam-green);
  padding-left: .2rem;
  padding-right: .2rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1rem;
  font-weight: 300;
}

.side-menu-2 {
  z-index: 1;
  background-color: #000;
  border-right: .5px #fff;
  flex-flow: column;
  justify-content: space-between;
  width: 30vw;
  height: auto;
  max-height: none;
  padding: 0 .8rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.div-block-452 {
  cursor: default;
  background-color: #00c172;
  padding: .2rem;
  position: sticky;
  top: 0;
  bottom: auto;
}

.div-block-453 {
  height: auto;
  padding-top: 1rem;
  position: sticky;
  top: 0;
}

.div-block-454 {
  background-color: #000;
  width: 100%;
  padding: 1rem .5rem 2rem;
  position: sticky;
  top: 0;
}

.text-block-101 {
  color: #b1b1b1;
  font-family: Hind Variable, sans-serif;
  font-size: .83rem;
  font-weight: 300;
  line-height: 19.5px;
}

.div-block-455 {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  min-height: auto;
  padding-right: .3rem;
  display: flex;
}

.menu-divider-2 {
  z-index: 10;
  opacity: .34;
  background-color: #00c172;
  flex: none;
  width: 100%;
  height: 1px;
  margin-top: .6rem;
  margin-bottom: .6rem;
  position: static;
}

.link-ios-2 {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  border-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding: .35rem .5rem;
  text-decoration: none;
  display: flex;
}

.link-ios-2:hover {
  background-image: linear-gradient(90deg, #075233, #000 51%, #09442dd4 89%, #0f4b32 98%, #073221 104%);
}

.link-ios-2.w--current {
  color: #00c172;
  padding-top: .35rem;
  padding-bottom: .35rem;
  text-decoration: underline;
}

.div-block-456 {
  flex-flow: column;
  display: flex;
}

.text-block-102 {
  color: #fff;
  padding: .3rem .3rem .5rem;
  font-family: Hind Variable, sans-serif;
  font-size: 1.1rem;
}

.div-block-457 {
  background-color: #000;
  width: 100%;
  height: auto;
  position: sticky;
  top: 0;
}

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

.div-block-458 {
  justify-content: space-between;
  margin-bottom: 2rem;
  display: flex;
}

.div-block-459 {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  flex-flow: column;
  display: none;
}

.side-bar_icon-2 {
  color: #fff;
  width: 1.7rem;
  min-width: 1.7rem;
  height: 1.7rem;
  min-height: 1.7rem;
  padding-top: .15rem;
  padding-bottom: .15rem;
}

.side-bar_icon-2:hover {
  cursor: pointer;
}

.image-64 {
  object-fit: cover;
  border-radius: .3rem;
  width: 1.7rem;
  height: 1.7rem;
}

.svg-icon-copy-copy-2 {
  color: #000;
  cursor: default;
  width: 1.1rem;
  height: 1.1rem;
  display: block;
}

.svg-icon-copy-copy-2:hover {
  cursor: pointer;
  -webkit-text-fill-color: white;
}

.ios-nav {
  z-index: 999999;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
  top: 0;
}

.bg-blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #00000052;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.header-wrapper-copy-copy {
  z-index: 2;
  grid-column-gap: 6rem;
  grid-row-gap: 6rem;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: absolute;
  inset: 0% auto;
}

.link-ios-2-copy-copy {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  border-radius: .5rem;
  justify-content: flex-start;
  align-items: center;
  padding: .35rem .5rem;
  text-decoration: none;
  display: flex;
}

.link-ios-2-copy-copy:hover {
  background-image: linear-gradient(90deg, #075233, #000 51%, #09442dd4 89%, #0f4b32 98%, #073221 104%);
}

.link-ios-2-copy-copy.w--current {
  color: #00c172;
  padding-top: .35rem;
  padding-bottom: .35rem;
  text-decoration: underline;
}

.header-wrapper-copy-copy-copy {
  z-index: 1;
  z-index: 1;
  z-index: 1;
  inset: 0% auto 0% 2rem;
  inset: 0% auto 0% 2rem;
  z-index: 1;
  inset: 0% auto 0% 2rem;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 2rem;
}

.image-60-copy {
  z-index: -1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-440-copy {
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  height: 100vh;
  padding-bottom: 7rem;
  padding-left: 6rem;
  padding-right: 12rem;
  display: flex;
  position: relative;
}

.div-block-385-copy {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.period-green, .text-span-91 {
  color: var(--notam-green);
}

.header-wrapper-2 {
  width: 100%;
}

.sitemap-header {
  color: var(--notam-green);
  margin-bottom: 1.7rem;
  font-size: 2rem;
  font-weight: 400;
}

.sitemap-subtitle-wrapper {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  flex-flow: column;
  align-items: flex-start;
  display: flex;
}

.hero-section-alternate {
  width: 100%;
  padding-bottom: 5rem;
  position: relative;
  overflow: hidden;
}

.hero-alternate {
  z-index: 2;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-bottom: 0;
  padding: 6rem 3rem 0;
  display: flex;
  position: relative;
}

.hero-alternate.thin {
  margin-bottom: 0;
  padding: 0;
}

.header-sitemap {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.main-wrapper-2 {
  z-index: 0;
  color: #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 1rem;
  display: flex;
  position: relative;
  overflow: visible;
}

.sitemap-link {
  color: var(--color);
  font-family: Hind Variable, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.5rem;
  text-decoration: none;
  transition: all .35s cubic-bezier(.39, .575, .565, 1);
}

.sitemap-link:hover {
  color: var(--notam-green);
  text-decoration: none;
}

.sitemap-link.w--current {
  width: 5px;
}

.sitemap-link.w--current:hover {
  text-decoration: underline;
}

.sitemap-links-wrapper {
  grid-column-gap: 5rem;
  grid-row-gap: 5rem;
  grid-template-rows: auto auto;
  grid-template-columns: auto auto;
  grid-auto-columns: 1fr;
  justify-content: start;
  place-items: stretch stretch;
  width: 100%;
  margin-top: 1.5rem;
  margin-bottom: 3rem;
  display: grid;
}

.sitemap-links-wrapper._4rem-t {
  grid-template-rows: auto;
  grid-template-columns: auto auto 1fr;
  margin-top: 3rem;
  display: flex;
}

.header_container {
  z-index: 2;
  width: 800px;
  position: relative;
  overflow: hidden;
}

.header_container.dark {
  width: 100%;
}

.sitemap-links_container {
  flex-flow: column;
  display: block;
}

.header-link-sitemap {
  color: var(--notam-green);
  font-weight: 500;
  text-decoration: none;
}

.header-link-sitemap:hover {
  color: var(--color);
}

.header-link-sitemap.w--current {
  color: #817648;
  font-family: Montserrat, sans-serif;
  font-weight: 500;
}

.sitemap_header-links {
  border-bottom: 1.5px solid var(--notam-green);
  color: var(--off-white);
  padding-bottom: 1.5rem;
  font-family: Montserrat, sans-serif;
  font-size: .85rem;
  line-height: 1.2;
}

.logo-sitemap {
  width: 100px;
}

.div-block-462 {
  order: 1;
}

.text-box_spacing {
  flex-flow: column;
  display: flex;
}

.background-video-3 {
  width: 100%;
  height: 100%;
  position: absolute;
}

.video-misc {
  z-index: 0;
  opacity: .38;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.video-overlay {
  z-index: 1;
  -webkit-backdrop-filter: blur(7px);
  backdrop-filter: blur(7px);
  position: absolute;
  inset: 0%;
}

.legal-divider {
  background-color: var(--notam-green);
  height: 1.5px;
  margin-top: 1rem;
}

.nb-link, .nb-link.w--current {
  text-decoration: none;
}

.div-block-385-copy-copy {
  z-index: 1;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.form-box {
  border: 1px solid var(--notam-green);
  color: var(--notam-green);
  text-align: center;
  background-color: #ddd0;
  padding: 1.5rem;
  font-size: 1.1rem;
  font-weight: 300;
}

.form-box.spacing {
  margin-top: 1.5rem;
  padding: 1rem;
}

.form-dot {
  color: var(--color);
  padding-left: .1rem;
  font-size: 1.47rem;
}

.form-dot.tighter {
  padding-left: 0;
}

.header-wrapper-copy-copy-copy {
  z-index: 2;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-left: 3rem;
  padding-right: 3rem;
  display: flex;
  position: static;
  inset: 0% auto;
}

.div-block-385-copy-copy-copy {
  z-index: 1;
  grid-column-gap: 2.5rem;
  grid-row-gap: 2.5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  display: flex;
  position: relative;
}

.header-wrapper-copy-copy-copy-copy {
  z-index: 1;
  z-index: 1;
  z-index: 1;
  inset: 0% auto 0% 2rem;
  inset: 0% auto 0% 2rem;
  z-index: 1;
  inset: 0% auto 0% 2rem;
  flex-flow: column;
  flex: 0 auto;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  display: flex;
  position: absolute;
  inset: 0% auto 0% 2rem;
}

@media screen and (min-width: 1280px) {
  .navbar_logo-link.w--current {
    grid-column-gap: .2px;
    grid-row-gap: .2px;
    display: flex;
  }

  .footer_link-list {
    margin: 0%;
  }

  .footer-buttons_container {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    grid-template-columns: 1fr 1fr;
    justify-content: flex-start;
    place-items: flex-start end;
    padding-left: 0;
    display: flex;
  }

  .footer-contact {
    flex-flow: column;
  }

  .header-wrapper {
    justify-content: center;
    align-items: flex-start;
    padding-right: 20rem;
  }

  .header-wrapper.contact {
    padding-right: 0;
  }

  .documents_container {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    grid-template-columns: .75fr .75fr;
  }

  .section-hero {
    height: 100vh;
  }

  .section-hero.portfolio {
    height: 60vh;
  }

  .padding-section-large_faq-2 {
    padding-top: 10rem;
    padding-right: 3rem;
  }

  .button.contact {
    padding: .9rem 1rem;
    font-size: 1.2em;
  }

  .button.contact-copy {
    background-color: #819c91;
    background-image: linear-gradient(#fff, #fff);
    padding: .6rem 1rem;
    font-size: 1em;
  }

  .button.contact-copy:hover {
    background-color: var(--notam-green);
    background-image: none;
  }

  .button.contact-copy.w--current {
    background-image: none;
  }

  .button.subscribe, .button.hero {
    padding: .9rem 1rem;
    font-size: 1.2em;
  }

  .navbuttons_wrapper-3 {
    justify-content: center;
    align-items: center;
  }

  .nav-button-3 {
    padding-bottom: 0;
  }

  .nav-button_underline-4 {
    background-color: var(--notam-green);
    height: 1.4px;
  }

  .side-menu_material {
    height: 70vh;
    overflow: scroll;
  }

  .ios-menu_text {
    font-size: .95rem;
  }

  .side-menu {
    flex-flow: column;
    justify-content: space-between;
    width: 26vw;
    height: auto;
    display: none;
  }

  .link-ios.w--current {
    opacity: 1;
  }

  .project {
    height: 210px;
  }

  .project.none {
    display: none;
  }

  .h1-hero {
    text-transform: none;
    font-size: 4rem;
    line-height: 4.2rem;
  }

  .case-p {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .experience-link {
    width: 50px;
    height: 50px;
  }

  .experience_img {
    width: 45px;
    height: 45px;
  }

  .case-title_box {
    flex: 0 auto;
    width: auto;
    height: auto;
  }

  .header-wrapper-copy-copy {
    justify-content: center;
    align-items: flex-start;
    left: 2rem;
  }

  .ns-title {
    margin-top: 2rem;
    font-size: 4.5em;
    line-height: 3.5rem;
  }

  .ns-title.lg {
    font-size: 6em;
  }

  .corner-dot {
    background-image: radial-gradient(circle at 0 100%, #000, #ffcaa254 0%, #cebaab00 60%, #fff0);
  }

  .bottom-fade {
    background-image: linear-gradient(0deg, #000, #000 0%, #00000057 50%, #70707000 100%, #fff0);
  }

  .ns-subtitle {
    text-transform: none;
    font-size: 1.4rem;
    line-height: 1.5rem;
  }

  .featured-work {
    text-transform: none;
    margin-top: -239px;
    font-size: 1rem;
    line-height: 1.5rem;
    position: absolute;
    top: auto;
  }

  .menu-box.footer {
    border-top-style: none;
  }

  .div-block-386 {
    width: 100%;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 2rem;
    position: static;
    inset: auto 0% 0%;
  }

  .div-block-387 {
    height: auto;
    position: relative;
  }

  .div-block-389 {
    flex-flow: column;
    display: flex;
  }

  .text-block-92 {
    font-size: .83rem;
  }

  .h1-case-study {
    font-size: 5rem;
  }

  .nav-wrapper-2-copy {
    justify-content: space-between;
    align-items: center;
  }

  .div-block-393 {
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: auto;
    padding: 1rem 3rem;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
  }

  .div-block-394 {
    height: 100%;
    position: relative;
    overflow: hidden;
  }

  .text-block-95 {
    -webkit-backdrop-filter: blur(9px);
    backdrop-filter: blur(9px);
    outline-offset: 0px;
    color: #fff;
    background-image: linear-gradient(#ffffff42, #000);
    border-radius: 5rem;
    outline: 1px solid #ffffff52;
    padding: .5rem .8rem;
    font-family: Hind Variable, sans-serif;
    font-size: .9rem;
    font-weight: 300;
  }

  .portfolio-services {
    grid-column-gap: 7px;
    grid-row-gap: 7px;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: column;
    width: auto;
    height: 100%;
    padding: .5rem 0;
    display: flex;
  }

  .svg-icon-copy-copy {
    color: #fff;
    width: 1.2rem;
    height: 1.2rem;
  }

  .div-block-399 {
    background-color: var(--notam-green);
    padding: .2rem;
    position: sticky;
    top: 0;
    bottom: auto;
  }

  .svg-icon-copy-copy {
    color: #000;
    width: 1.1rem;
    height: 1.1rem;
    display: block;
  }

  .tabs {
    width: 100%;
  }

  .video-home {
    position: static;
  }

  .button-notam {
    flex-flow: column;
    flex: none;
    text-decoration: none;
    display: flex;
  }

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

  .contact-arrow {
    color: var(--notam-green);
    width: 1rem;
    height: 100%;
  }

  .div-block-408 {
    justify-content: flex-start;
  }

  .page-content {
    background-image: linear-gradient(#0092492b, #000);
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    padding-top: 12rem;
    padding-right: 12rem;
  }

  .page-content.fade-less {
    height: auto;
    padding-right: 3rem;
  }

  .button-3.gold {
    border-color: #d8a460;
  }

  .button-3.lof {
    border-color: #beba9a;
  }

  .button-3.notam {
    border-color: var(--notam-green);
  }

  .div-block-409 {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
  }

  .btn-bg.gold {
    background-color: #d8a460;
  }

  .btn-bg.lof {
    background-color: #beba9a;
  }

  .btn-bg.notam {
    background-color: var(--notam-green);
  }

  .career-link.w--current {
    opacity: 1;
  }

  .div-block-392-copy {
    height: auto;
    position: static;
  }

  .cta-text {
    text-transform: none;
    font-size: 1.4rem;
    line-height: 1.7rem;
  }

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

  .div-block-392-copy {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    height: auto;
    padding-bottom: 0;
    position: relative;
  }

  .full-content-wrapper {
    height: auto;
    position: static;
  }

  .column-video {
    justify-content: flex-start;
    align-items: flex-start;
    height: 100%;
    min-height: 450px;
  }

  .column-info {
    height: auto;
    min-height: auto;
  }

  .project-info-box {
    justify-content: center;
    align-items: flex-start;
  }

  .background-video-2-copy-2-copy {
    height: 400px;
  }

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

  .service-box {
    flex: none;
    margin-bottom: 0;
  }

  .service-media {
    height: 300px;
  }

  .div-block-409-copy {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .h2-small {
    text-transform: none;
    font-size: 1.2rem;
    line-height: 2rem;
  }

  .name {
    font-size: 3.5rem;
  }

  .teaser-copy {
    opacity: 100;
  }

  .p-teaser-img-wrap {
    top: 50vh;
  }

  .teaser-copy-wrap {
    padding-bottom: .9rem;
  }

  .project-title {
    font-family: Nohemi Vf, sans-serif;
  }

  .section-header.no-border {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    padding-bottom: 3rem;
  }

  .nav-item__tooltip {
    background-color: #1f1f1f;
  }

  .div-block-429 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
  }

  .service-img {
    width: 100%;
    height: 400px;
  }

  .block-2._3, .block-2._4, .block-2._2, .block-2._1 {
    border-top: 1px solid var(--notam-green);
    background-color: #000;
  }

  .div-block-429-copy {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    flex-flow: row;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .bttn {
    padding-bottom: .3rem;
  }

  .div-block-436 {
    grid-column-gap: 8rem;
    grid-row-gap: 8rem;
    grid-template-rows: auto;
    grid-template-columns: .75fr .75fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .text-effect-wrapper {
    margin-top: 0;
    margin-bottom: 0;
  }

  .subtitle-text {
    text-transform: none;
    font-size: 1.5rem;
    line-height: 1.8rem;
  }

  .section-contact {
    height: 100vh;
  }

  .portfolio---text {
    white-space: break-spaces;
    word-break: normal;
    display: block;
  }

  .section {
    position: static;
    top: 0;
  }

  .inside-text {
    white-space: break-spaces;
    word-break: normal;
    font-size: 7rem;
  }

  .section-hero-2 {
    height: 100vh;
  }

  .case-studies-2 {
    padding-bottom: 3rem;
    display: flex;
  }

  .div-block-441 {
    background-color: var(--notam-green);
    width: 100%;
    height: 10px;
    padding: 0;
  }

  .div-block-442 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .div-block-447.long {
    width: 800px;
  }

  .h2-next-project {
    font-size: 5rem;
  }

  .video-box-wrapper {
    grid-column-gap: .7rem;
    grid-row-gap: .7rem;
    flex-flow: column;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .video-subtitle {
    color: var(--notam-green);
    font-size: 1rem;
    font-weight: 400;
  }

  .project-info_img {
    justify-content: center;
    align-items: flex-start;
  }

  .cs-media.rr {
    width: 550px;
  }

  .cs-media.wi {
    height: 450px;
  }

  .side-menu-2 {
    flex-flow: column;
    justify-content: space-between;
    width: 26vw;
    height: auto;
    display: flex;
  }

  .div-block-452 {
    background-color: #00c172;
    padding: .2rem;
    position: sticky;
    top: 0;
    bottom: auto;
  }

  .div-block-453 {
    height: auto;
    position: relative;
  }

  .div-block-454 {
    width: 100%;
    height: auto;
    padding-top: 1rem;
    padding-bottom: 2rem;
    position: static;
    inset: auto 0% 0%;
  }

  .text-block-101 {
    font-size: .83rem;
  }

  .link-ios-2.w--current {
    opacity: 1;
  }

  .div-block-456 {
    flex-flow: column;
    display: flex;
  }

  .svg-icon-copy-copy-2 {
    color: #000;
    width: 1.1rem;
    height: 1.1rem;
    display: block;
  }

  .header-wrapper-copy-copy {
    justify-content: center;
    align-items: flex-start;
    padding-right: 3rem;
  }

  .link-ios-2-copy-copy.w--current {
    opacity: 1;
  }

  .header-wrapper-copy-copy-copy {
    justify-content: center;
    align-items: flex-start;
    left: 2rem;
  }

  .sitemap-links-wrapper._4rem-t {
    margin-top: 4rem;
  }

  .video-misc {
    position: absolute;
  }

  .header-wrapper-copy-copy-copy {
    justify-content: center;
    align-items: flex-start;
    padding-right: 3rem;
    position: static;
  }

  .header-wrapper-copy-copy-copy-copy {
    justify-content: center;
    align-items: flex-start;
    left: 2rem;
  }
}

@media screen and (min-width: 1440px) {
  .padding-global {
    width: 100%;
  }

  .container-large {
    max-width: none;
  }

  .button.hero.alt {
    padding-top: 1.1rem;
    padding-bottom: 1.1rem;
    font-size: 1.4em;
  }

  .side-menu_material {
    background-image: none;
    width: 100%;
  }

  .h1-hero {
    font-size: 4.5rem;
  }

  .ns-title {
    font-size: 5em;
    line-height: 4rem;
  }

  .cta-title-box {
    justify-content: space-between;
    align-items: stretch;
    display: flex;
  }

  .column {
    border-right-color: #161616;
    position: relative;
  }

  .section-3 {
    height: 88%;
  }

  .text-block-5 {
    font-size: 18px;
  }

  .heading.tips {
    margin-bottom: 8px;
    font-size: 140px;
  }

  .heading.followers {
    font-size: 140px;
  }

  .heading.clones {
    text-align: center;
    font-size: 140px;
  }

  .column-video {
    justify-content: flex-start;
    align-items: flex-start;
  }

  .service-media {
    object-fit: cover;
    height: 280px;
  }

  .div-block-447.long {
    width: 900px;
  }

  .cs-media.wi {
    height: 500px;
  }
}

@media screen and (max-width: 991px) {
  .menu-icon_line-middle-inner {
    width: 4px;
    height: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

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

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .nav_back {
    position: absolute;
  }

  .info_box {
    margin-left: 0%;
    margin-right: 0%;
  }

  .text-size-medium {
    text-align: left;
  }

  .hero-button {
    text-align: center;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }

  .main-wrapper {
    height: auto;
  }

  .header-wrapper {
    padding: 8rem 4rem 8rem 2rem;
    position: relative;
    inset: 0%;
  }

  .header-wrapper.contact {
    padding: 5rem 2rem;
  }

  .documents_container {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: column;
    display: flex;
  }

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

  .ceo-info {
    padding-top: 2rem;
  }

  .utility-page-wrap {
    width: auto;
  }

  .utility-page-content {
    width: 90vw;
  }

  .pricing-button_wrapper-404 {
    justify-content: center;
  }

  .home-header_button-wrapper-404 {
    justify-content: center;
    align-items: center;
    width: 100%;
    display: flex;
  }

  .fs-cc-banner_buttons-wrapper {
    margin-top: 1rem;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-banner_text {
    margin-right: 0;
  }

  .header_component-2 {
    grid-row-gap: 0px;
    grid-template-columns: 1fr;
  }

  .header_content-left {
    text-align: center;
    border-bottom: 2px #000;
    align-items: center;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: relative;
  }

  .section-hero {
    height: 100%;
  }

  .section-hero.contact {
    height: auto;
  }

  .navbar-2 {
    justify-content: space-between;
    position: fixed;
    overflow: hidden;
  }

  .menu-icon1_line-top-2, .menu-icon1_line-bottom-3 {
    background-color: #fff;
    width: 40px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon1-3 {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .menu-icon1_line-middle-3 {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .top-button_contain {
    margin-bottom: 5%;
    margin-right: 7%;
  }

  .faq-p-2 {
    line-height: 1.5em;
  }

  .padding-section-large_faq-2 {
    padding-top: 6rem;
    padding-bottom: 6rem;
    padding-right: 3rem;
  }

  .button.contact, .button.contact.w--current {
    display: none;
  }

  .button.contact.alt {
    transition-property: none;
    display: flex;
  }

  .button.contact.alt:hover {
    background-color: #00c17200;
  }

  .button.contact-copy, .button.contact-copy.w--current {
    display: none;
  }

  .button.frost {
    transition-property: none;
  }

  .button.frost:hover {
    color: #000;
    background-color: #fff;
  }

  .button.subscribe, .button.subscribe.w--current {
    display: none;
  }

  .button.subscribe.alt {
    display: flex;
  }

  .button.hero, .button.hero.w--current {
    display: none;
  }

  .button.hero.alt {
    transition-property: none;
    display: flex;
  }

  .button.hero.alt:hover {
    background-color: #00c17200;
  }

  .text-block-11 {
    margin-top: 2rem;
  }

  .div-block-112 {
    margin-left: 2rem;
  }

  .columns-2 {
    flex-flow: column;
    align-self: stretch;
    align-items: stretch;
    display: flex;
  }

  .column-6 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: stretch;
    padding-right: 0;
    display: flex;
    position: static;
  }

  .image-40-copy {
    margin-left: 0;
  }

  .column-7 {
    flex-flow: column;
    margin-top: 3rem;
    padding-left: 0;
    display: flex;
  }

  .column-8 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    margin-top: 5rem;
    padding-left: 0;
    display: flex;
  }

  .green-line_button-tertiary {
    display: none;
  }

  .div-block-124 {
    flex-flow: row;
  }

  .fs-toc_sidebar {
    width: 100%;
    padding: 1.5rem;
    position: relative;
    top: 0;
  }

  .navbuttons_wrapper-3 {
    justify-content: flex-end;
    align-items: center;
    display: none;
  }

  .nav-button_underline-4 {
    bottom: -8px;
  }

  .side-menu_material {
    width: auto;
    height: 100%;
    position: static;
    overflow: visible;
  }

  .ios-menu_text {
    font-size: 1rem;
    font-weight: 300;
    line-height: .9;
    text-decoration: none;
  }

  .ios-menu_text.all {
    color: var(--notam-green);
  }

  .side-menu_close {
    background-color: #efefef00;
    padding: 0;
  }

  .div-block-361 {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    flex-flow: column;
    display: flex;
  }

  .div-block-340-copy {
    grid-column-gap: .2rem;
    grid-row-gap: .2rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    margin-top: 0;
    display: none;
  }

  .div-block-353 {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    flex-flow: column;
    display: flex;
  }

  .icon-embed-xsmall {
    width: 2rem;
    height: 2rem;
  }

  .icon-embed-xsmall.sm {
    width: 1.7rem;
    height: 1.7rem;
  }

  .div-block-356 {
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
    flex-flow: column;
    padding-right: 0;
    display: flex;
  }

  .nav_social-link, .nav_social-link.w--current {
    position: relative;
  }

  .side-menu {
    z-index: 2147483647;
    background-color: #000;
    border-right: .5px solid #fff9;
    flex: none;
    justify-content: space-between;
    align-items: stretch;
    width: 100vw;
    height: 100%;
    min-height: auto;
    padding: 0 .7rem;
    display: none;
    position: fixed;
    inset: 0%;
    overflow: scroll;
  }

  .link-ios {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    color: #fff;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .side-bar_icon {
    color: var(--color);
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    padding-bottom: 0;
    display: block;
  }

  .div-block-355 {
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 2rem;
    display: flex;
  }

  .svg-icon-2 {
    color: #fff;
    width: 2rem;
    height: 100%;
    display: block;
  }

  .green-dot-bttm {
    left: -16%;
  }

  .green-dot-bttm.lg {
    left: -19%;
  }

  .green-dot-top {
    top: -30%;
    right: -32%;
  }

  .green-dot-top.lg {
    top: -29%;
  }

  .project {
    width: 250px;
  }

  .h1-hero {
    text-align: left;
    font-size: 3.2rem;
    line-height: 3.5rem;
  }

  .case-p.lg {
    text-align: left;
  }

  .experience_img {
    outline-offset: 0px;
    border-radius: 100%;
    outline: 3px #d300c5;
    width: 35px;
    height: 35px;
    box-shadow: 0 0 15px 6px #ffec5f2e;
  }

  .experience_img:hover {
    box-shadow: none;
  }

  .case-title_box {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .header_images-layout-2-copy-copy {
    height: 80vh;
  }

  .header_content-right-2-copy-copy {
    border-top-left-radius: 0;
  }

  .header_cr-fade_bttm, .header_cr-fade-copy-copy-copy {
    background-image: linear-gradient(#000 11%, #fff0 25% 58%, #fff0);
  }

  .hero-fade-copy {
    background-image: linear-gradient(90deg, #000, #000 26%, #fff0 83%, #fff0);
  }

  .bottom-fade {
    z-index: 0;
    width: 100%;
  }

  .ns-subtitle {
    text-align: left;
  }

  .div-block-385 {
    width: 100%;
    display: none;
  }

  .time-based-circle {
    width: 4rem;
    height: 4rem;
  }

  .div-block-386 {
    height: auto;
    position: static;
    overflow: visible;
  }

  .div-block-387 {
    height: auto;
    position: static;
  }

  .div-block-388 {
    position: static;
  }

  .div-block-389 {
    width: 100%;
    height: auto;
    display: flex;
  }

  .h1-case-study {
    font-size: 3rem;
  }

  .nav-wrapper-2-copy {
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    width: auto;
    margin: 0;
    padding: 0 2rem;
  }

  .portfolio-services {
    flex-flow: wrap;
  }

  .video-home {
    position: absolute;
  }

  .div-block-405 {
    display: none;
  }

  .button-notam {
    justify-content: space-between;
    align-items: flex-start;
    width: 270px;
  }

  .green-line_button-tertiary-2 {
    display: none;
  }

  .div-block-408 {
    display: flex;
  }

  .page-content {
    padding: 6rem 0;
  }

  .page-content.fade-less {
    padding-top: 0;
  }

  .page-content.careers {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
  }

  .btn-bg.red {
    background-color: #000;
  }

  .hero-fade-copy-copy {
    background-image: linear-gradient(90deg, #000, #000000e6 42%, #0000001a 89%, #0000);
  }

  .period-tighten.y {
    margin-left: -10px;
  }

  .career-icon {
    color: var(--color);
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
    padding-bottom: 0;
    transition-property: none;
    display: block;
  }

  .career-icon:hover {
    color: var(--color);
  }

  .career-link {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    color: #fff;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .cta-text {
    text-align: left;
    font-size: 1.2rem;
  }

  .div-block-411 {
    background-color: #000;
  }

  .div-block-412 {
    text-align: left;
  }

  .div-block-392-copy {
    height: 100%;
  }

  .column-video {
    border-radius: 0;
    height: auto;
    padding-right: 0%;
  }

  .column-info {
    height: auto;
  }

  .section-links-copy {
    background-color: #0000;
    justify-content: center;
    align-items: stretch;
  }

  .service-box {
    padding-bottom: 1.5rem;
  }

  .service-media {
    object-fit: contain;
    height: 500px;
    min-height: auto;
  }

  .grid-7 {
    flex-flow: column;
    display: flex;
  }

  .div-block-409-copy {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-423 {
    border-top-style: none;
    margin-top: 5rem;
  }

  .profile-icon {
    color: var(--color);
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    padding-bottom: .3rem;
    display: block;
  }

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

  .div-block-428 {
    display: none;
  }

  .h2-small {
    text-align: left;
    font-size: 1.2rem;
  }

  .teaser-img {
    position: relative;
    inset: auto;
  }

  .teaser-img._3, .teaser-img._1, .teaser-img._2, .teaser-img._4, .teaser-img._5, .teaser-img._6 {
    position: absolute;
    bottom: 0;
    right: 0;
  }

  .teaser-copy {
    margin: 0;
  }

  .teaser-grid {
    flex-flow: row;
  }

  .teaser-column {
    width: 100%;
  }

  .teaser-column.right {
    height: auto;
  }

  .p-teaser-img-wrap {
    display: block;
  }

  .teaser-copy-wrap {
    flex-flow: row;
    height: auto;
  }

  .project-title {
    text-align: left;
  }

  .gallery-scroll-distance {
    height: 105vh;
  }

  .gallery-item-content-wrapper {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .gallery-item-media-gradient {
    width: 100%;
  }

  .gutter-outside {
    padding-left: 0;
    padding-right: 6vw;
  }

  .cloneable {
    justify-content: flex-start;
    align-items: flex-start;
    display: block;
  }

  .nav-bar {
    flex-flow: column;
  }

  .nav-list {
    font-size: 1.5vw;
  }

  .col-right {
    align-self: stretch;
    margin-top: 24px;
  }

  .service-img {
    object-fit: cover;
  }

  .service-img.no-mobile {
    display: block;
  }

  .service-img.no-mobile.no-tablet {
    display: none;
  }

  .block-2 {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1.5fr;
    grid-auto-columns: 1fr;
    display: grid;
    top: 28%;
  }

  .block-2._3, .block-2._4, .block-2._2, .block-2._1 {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .div-block-429-copy {
    flex-flow: column;
  }

  .nav-wrap-2 {
    justify-content: center;
    align-items: center;
    padding-right: 3rem;
  }

  .demo-input-field::placeholder {
    color: var(--notam-green);
  }

  .bttm-wrapper {
    align-items: center;
  }

  .div-block-436 {
    flex-flow: column;
    display: flex;
  }

  .text-effect-text {
    font-size: 3em;
  }

  .subtitle-text {
    text-align: left;
    font-size: 1.2rem;
  }

  .content-box {
    flex-flow: column;
    width: 100%;
    height: 100%;
    padding-top: 12rem;
    display: flex;
  }

  .section-contact {
    height: auto;
    position: static;
  }

  .cube-wrapper {
    width: 40%;
  }

  .portfolio---text {
    margin-top: -63px;
    font-size: 5rem;
    line-height: 4.5rem;
  }

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

  .section {
    padding-top: 30dvh;
  }

  .inside-text {
    font-size: 5rem;
    line-height: 4.5rem;
  }

  .inside-text.white {
    text-align: left;
    padding-left: 0;
    font-size: 6.5rem;
    line-height: 5.9rem;
  }

  .project_img-2 {
    border-radius: 0;
  }

  .section-hero-2 {
    height: 80vh;
  }

  .header_content-left-2 {
    text-align: center;
    border-bottom: 2px #000;
    align-items: center;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-447.long, .video-box {
    width: 100%;
  }

  .splide__pagination {
    padding-top: 1.9em;
    position: relative;
  }

  .splide__track {
    flex-flow: column;
    display: block;
  }

  .div-block-315-copy {
    width: 100%;
  }

  .div-block-315-copy:hover {
    box-shadow: none;
    border-style: none;
    transform: scale(1);
  }

  .splide__list {
    justify-content: flex-start;
    align-items: center;
    display: flex;
  }

  .h2-next-project {
    font-size: 3rem;
  }

  .cs-media.rr {
    width: 70vw;
    max-width: none;
  }

  .cs-media.wi {
    height: 100%;
  }

  .cs-media.wi.long {
    width: 100%;
  }

  .side-menu-2 {
    z-index: 2147483647;
    background-color: #000;
    border-right: .5px #fff9;
    flex: none;
    justify-content: space-between;
    align-items: stretch;
    width: 100vw;
    height: 100%;
    min-height: auto;
    padding: 0 .7rem;
    display: block;
    position: fixed;
    inset: 0%;
    overflow: scroll;
  }

  .div-block-452 {
    top: 85px;
  }

  .div-block-453 {
    height: auto;
    padding-top: 5rem;
    position: static;
  }

  .div-block-454 {
    height: auto;
    position: static;
    overflow: visible;
  }

  .div-block-455 {
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
    flex-flow: column;
    padding-right: 0;
    display: flex;
  }

  .link-ios-2 {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    color: #fff;
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    display: flex;
  }

  .link-ios-2:hover {
    background-image: none;
    border-radius: 0;
  }

  .link-ios-2.w--current {
    text-decoration: none;
  }

  .div-block-456 {
    width: 100%;
    height: auto;
    display: flex;
  }

  .div-block-457 {
    position: static;
  }

  .div-block-458 {
    justify-content: space-between;
    align-items: stretch;
    margin-bottom: 2rem;
    display: flex;
  }

  .div-block-459 {
    grid-column-gap: .4rem;
    grid-row-gap: .4rem;
    flex-flow: column;
    display: flex;
  }

  .side-bar_icon-2 {
    color: #fff;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    padding-bottom: 0;
    display: block;
  }

  .div-block-460 {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    flex-flow: column;
    display: flex;
  }

  .ios-nav {
    z-index: 998;
    display: none;
  }

  .div-block-385-copy {
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    height: auto;
    display: flex;
  }

  .header-wrapper-copy-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10rem 4rem 10rem 2rem;
    position: relative;
  }

  .link-ios-2-copy-copy {
    grid-column-gap: .8rem;
    grid-row-gap: .8rem;
    color: #fff;
    border-radius: 0;
    justify-content: flex-start;
    align-items: center;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-decoration: none;
    display: flex;
  }

  .link-ios-2-copy-copy:hover {
    background-image: none;
    border-radius: 0;
  }

  .link-ios-2-copy-copy.w--current {
    text-decoration: none;
  }

  .div-block-440-copy {
    padding-left: 2rem;
    padding-right: 4rem;
    overflow: hidden;
  }

  .div-block-385-copy {
    width: 100%;
    display: flex;
  }

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

  .header-wrapper-2 {
    width: 100%;
  }

  .hero-section-alternate {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .hero-alternate {
    padding-left: 2rem;
    padding-right: 2.5rem;
  }

  .main-wrapper-2 {
    margin-left: 0;
    margin-right: 0;
  }

  .sitemap-link {
    text-decoration: none;
  }

  .sitemap-link:hover {
    color: var(--color);
    text-decoration: none;
  }

  .header_container {
    width: auto;
  }

  .header-link-sitemap {
    text-decoration: underline;
  }

  .header-link-sitemap:hover {
    color: var(--notam-green);
  }

  .header-link-sitemap.w--current:hover {
    color: #000;
  }

  .logo-sitemap {
    width: 80px;
  }

  .text-box_spacing {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .video-misc {
    position: absolute;
  }

  .div-block-385-copy-copy {
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    height: auto;
    display: flex;
  }

  .header-wrapper-copy-copy-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    padding: 10rem 4rem 10rem 2rem;
    position: relative;
  }

  .div-block-385-copy-copy-copy {
    flex: 0 auto;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    height: auto;
    display: flex;
  }
}

@media screen and (max-width: 767px) {
  .navbar_logo-link {
    padding-left: 0;
  }

  .navbar_logo-link.w--current {
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer_link-list {
    text-align: left;
    flex-direction: column;
    flex: 0 auto;
    align-items: flex-start;
    width: auto;
  }

  .footer {
    z-index: 5;
    height: auto;
  }

  .padding-global {
    flex: 0 auto;
    align-self: auto;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .footer-buttons_container {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    text-align: center;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: stretch flex-start;
    align-self: auto;
    align-items: flex-start;
    width: 100%;
    height: auto;
    display: flex;
  }

  .nav_back {
    background-color: #fff;
    height: 4rem;
    position: absolute;
  }

  .nav_container {
    padding-left: 5%;
    padding-right: 5%;
    display: block;
  }

  .page-title {
    margin-top: 0%;
    margin-bottom: 0%;
    font-size: 4em;
    font-weight: 400;
    line-height: 4rem;
  }

  .page_container {
    margin-bottom: 15%;
    padding-top: 3rem;
  }

  .info_box {
    margin-left: 0%;
    margin-right: 0%;
  }

  .privacy-policy_paragraph {
    margin-bottom: 8%;
  }

  .text-size-medium {
    font-size: 1.1rem;
    line-height: 1.4em;
  }

  .hero-button {
    text-align: center;
    font-size: 1rem;
    line-height: 1.4em;
  }

  .main-wrapper {
    width: 100%;
    height: auto;
  }

  .header-wrapper {
    width: 100%;
    height: 100%;
    padding-top: 12rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
    inset: 0%;
  }

  .header-wrapper.contact {
    width: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .copyright-title {
    margin-top: 3%;
  }

  .documents_container {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
  }

  .copyright_container {
    flex-direction: column;
    justify-content: space-between;
    width: auto;
    margin-bottom: 15%;
    display: flex;
  }

  .notam-copyright {
    font-size: 1em;
  }

  .footer-info-wrapper {
    grid-column-gap: 2.5rem;
    grid-row-gap: 2.5rem;
    flex: 0 auto;
  }

  .footer-link_bottom {
    text-align: center;
    font-size: 1em;
  }

  .footer-link_bottom.w--current {
    text-align: center;
  }

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

  .utility-page-content {
    margin-bottom: 5%;
  }

  .pricing-button_wrapper-404 {
    justify-content: center;
    padding-left: 5%;
    padding-right: 5%;
  }

  .faq_answer {
    border-bottom-width: .7px;
  }

  .faq_icon-wrapper {
    width: 1.75rem;
  }

  .terms-of-use_paragraph {
    margin-bottom: 8%;
  }

  .home-header_button-wrapper-404 {
    width: 100%;
  }

  .fs-cc-banner_container {
    flex-direction: column;
    align-items: flex-start;
  }

  .fs-cc-prefs_title {
    font-size: 1.25rem;
  }

  .header_component-2 {
    flex-flow: column;
  }

  .header_content-left {
    grid-row-gap: 0rem;
    height: 100%;
    padding: 0;
  }

  .section-hero {
    flex-flow: column;
    height: 95vh;
    margin-left: 0;
    margin-right: 0;
  }

  .section-hero.portfolio {
    height: 80vh;
  }

  .navbar-2 {
    justify-content: center;
    width: 100%;
    height: auto;
    min-height: 4.3rem;
    padding-top: 0%;
    display: flex;
    position: fixed;
    overflow: visible;
  }

  .menu-icon1_line-top-2, .menu-icon1_line-bottom-3 {
    background-color: #fff;
  }

  .menu-icon1-3 {
    flex-direction: column;
    margin-right: 0;
    padding-left: 0;
    display: flex;
  }

  .menu-icon1_line-middle-3 {
    background-color: #fff;
  }

  .work_img {
    opacity: 1;
  }

  .top-button_contain {
    z-index: 6;
    margin-bottom: 5%;
    margin-right: 7%;
    display: none;
  }

  .faq_question-2 {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .faq-title-2 {
    justify-content: flex-start;
    padding-left: 0%;
    font-size: 1.3em;
  }

  .faq-p-2 {
    margin-bottom: 10%;
    padding-left: 0%;
    line-height: 1.6em;
  }

  .section-faq {
    overflow: hidden;
  }

  .padding-section-large_faq-2 {
    justify-content: center;
    align-items: flex-start;
    padding: 6rem 1.5rem 4rem;
  }

  .button.contact.alt {
    padding: .8rem 1rem;
    font-size: 1.2em;
    font-weight: 400;
  }

  .button.frost {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    font-size: 1.3rem;
  }

  .button.subscribe.alt {
    padding: 1rem;
    font-size: 1.4rem;
    font-weight: 400;
  }

  .button.hero.alt {
    padding: 1rem;
    font-size: 1.4em;
    font-weight: 400;
  }

  .text-block-11 {
    margin-top: 1rem;
  }

  .div-block-112 {
    justify-content: flex-start;
    margin-top: 2rem;
    margin-left: 0;
  }

  .link-block {
    flex-flow: column;
  }

  .section-article {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .image-43 {
    display: none;
  }

  .image-40-copy {
    margin-left: 0;
  }

  .section-title {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .column-8 {
    margin-top: 5rem;
  }

  .image-43-copy {
    object-fit: cover;
    height: 50vh;
    display: block;
  }

  .navbuttons_wrapper-3 {
    justify-content: flex-start;
  }

  .ios-menu_text {
    font-size: 1rem;
  }

  .side-menu_close {
    padding: 0;
  }

  .div-block-340-copy {
    flex-flow: column;
    justify-content: space-between;
    margin-top: 0;
  }

  .icon-embed-xsmall.sm {
    width: 1.5rem;
    height: 1.5rem;
  }

  .nav_social-link {
    justify-content: center;
    align-items: center;
    height: auto;
    display: flex;
    position: relative;
  }

  .nav_social-link.w--current {
    justify-content: center;
    align-items: center;
    height: auto;
    display: block;
    position: relative;
  }

  .side-menu {
    z-index: 9999;
    background-color: #000;
    width: 100vw;
    height: 100%;
    padding-left: .7rem;
    display: none;
    inset: 0%;
    overflow: scroll;
  }

  .side-bar_icon {
    color: #fff;
    width: 1.5rem;
    height: 100%;
    display: block;
  }

  .svg-icon-2 {
    color: #fff;
    width: 2rem;
    height: 100%;
    display: block;
  }

  .green-dot-top, .green-dot-top.lg {
    top: -27%;
  }

  .project {
    width: 100%;
    height: auto;
  }

  .project.none.w--current {
    border-radius: .4rem;
  }

  .project.sm {
    border-radius: .4rem;
    width: 100%;
  }

  .project.sm:hover {
    border-radius: .4rem;
  }

  .h1-hero {
    font-size: 3rem;
    line-height: 3.2rem;
  }

  .experience-link {
    width: 45px;
    height: 45px;
  }

  .experience_img {
    outline-offset: 0px;
    outline: 2px #000;
    width: 40px;
    height: 40px;
  }

  .case-title_box {
    width: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .header_images-layout-2-copy-copy {
    height: 100vh;
  }

  .header_content-right-2-copy-copy {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
  }

  .header_cr-fade_bttm {
    background-image: linear-gradient(#000, #00000008 13%, #0000 70%, #fff0);
  }

  .header-wrapper-copy-copy {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    inset: 0%;
  }

  .ns-title {
    font-size: 5.5em;
    line-height: 4.4rem;
    position: relative;
  }

  .ns-title.lg {
    margin-bottom: 0;
  }

  .header_cr-fade-copy-copy-copy {
    background-image: linear-gradient(#000, #00000030 0%, #00000096 70%, #fff0);
  }

  .hero-fade-copy {
    background-image: linear-gradient(90deg, #000, #000 18%, #fff0 97%, #fff0);
  }

  .corner-dot {
    width: 100%;
    display: none;
  }

  .corner-dot.red {
    width: 100%;
  }

  .corner-dot.green {
    display: none;
  }

  .featured-work {
    margin-top: -413px;
  }

  .image-53 {
    width: 110px;
  }

  .div-block-385 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    height: 100%;
    display: flex;
  }

  .h1-case-study {
    font-size: 3rem;
    display: block;
  }

  .nav-wrapper-2-copy {
    z-index: 10;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 0%;
    margin-right: 0%;
    padding: 0;
    position: static;
  }

  .div-block-393 {
    flex-flow: wrap;
    padding-top: 8rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-block-394 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .portfolio-services {
    display: flex;
  }

  .video-home {
    position: absolute;
  }

  .button-notam {
    width: auto;
  }

  .page-content {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .page-content.fade-less {
    width: auto;
    padding-left: 0;
    padding-right: 0;
    display: block;
    position: static;
  }

  .page-content.careers {
    grid-column-gap: 6rem;
    grid-row-gap: 6rem;
  }

  .div-block-409 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
  }

  .hero-fade-copy-copy {
    background-image: linear-gradient(90deg, #000, #000000e6 45%, #fff0 70%, #fff0);
  }

  .period-tighten.y {
    margin-left: -5px;
  }

  .career-icon {
    color: #fff;
    width: 2rem;
    height: 100%;
    display: block;
  }

  .cta-text {
    font-size: 1.1rem;
  }

  .div-block-392-copy {
    flex-flow: wrap;
    padding-top: 4rem;
  }

  .column {
    background-image: none;
    background-position: 0 0;
    border-bottom: 1px solid #282729;
    border-right-style: none;
    flex-direction: column;
    height: 100%;
    padding-top: 16px;
    padding-bottom: 16px;
  }

  ._3-columns {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .section-3 {
    align-items: center;
    height: 68%;
    padding-top: 0;
    padding-bottom: 0;
    overflow: auto;
  }

  .heading, .heading.tips {
    font-size: 100px;
  }

  .div-block-414 {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
  }

  .heading-41 {
    line-height: 2.6rem;
  }

  .div-block-415 {
    flex-flow: column;
    margin-bottom: 5rem;
    display: flex;
  }

  .column-video {
    border-radius: 0;
    flex-flow: column;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-right: 0%;
  }

  .column-info {
    flex-flow: column;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .project-info-box {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
  }

  .section-links-copy {
    padding-left: 0;
    padding-right: 0;
  }

  .h1-2.dark {
    font-size: 5em;
    line-height: .9em;
  }

  .h2-blog-2 {
    font-size: 1.3rem;
  }

  .div-block-110-copy {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .service-box {
    flex-flow: column;
    padding-bottom: 2.5rem;
  }

  .service-media {
    border-radius: 0;
    height: auto;
  }

  .grid-7 {
    flex-flow: column;
    display: flex;
  }

  .div-block-409-copy {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-block-423 {
    border-top-style: none;
    flex-flow: wrap;
  }

  .div-block-372-copy-copy, .div-block-372-copy-copy-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .profile-icon {
    color: #fff;
    width: 1.5rem;
    height: 1.5rem;
    display: block;
  }

  .blog-wrapper-copy {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .div-block-427 {
    z-index: -1;
    background-image: linear-gradient(0deg, #000 17%, #fff0 82%);
    width: 100%;
    height: 100%;
    padding: 0;
    display: block;
    position: absolute;
    inset: 0%;
  }

  .h2-small {
    font-size: 1.1rem;
  }

  .h2-small.hero {
    line-height: 1.3rem;
  }

  .teaser-container {
    padding-left: 5vw;
    padding-right: 5vw;
  }

  .teaser-copy {
    padding-right: 0%;
  }

  .project-title {
    font-size: 3.4rem;
  }

  .gallery-scroll-distance {
    height: 102vh;
  }

  .gallery-item-content-wrapper {
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .section-header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .period-normal.tight {
    margin-left: -.1rem;
  }

  .nav-bar {
    flex-flow: column;
  }

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

  .nav-item {
    width: 9em;
  }

  .service-img {
    height: 150px;
  }

  .service-img.no-mobile {
    display: none;
  }

  .block-2 {
    grid-template-columns: 2fr 1.5fr;
    margin-bottom: 40px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .block-2._3 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    top: 26%;
  }

  .block-2._4 {
    margin-bottom: 70px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    top: 28%;
  }

  .block-2._2 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    top: 24%;
  }

  .block-2._1 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .demo-wrapper {
    grid-column-gap: 5vw;
    grid-row-gap: 5vw;
    padding: 5vw;
  }

  .bttm-wrapper {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .text-effect-wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .text-effect-text {
    font-size: 3em;
  }

  .container-w3.gutter-outside {
    padding-right: 2vw;
  }

  .subtitle-text {
    font-size: 1.1rem;
  }

  .section-contact {
    flex-flow: column;
    height: auto;
    margin-left: 0;
    margin-right: 0;
  }

  .portfolio---text {
    margin-top: -63px;
    font-size: 5rem;
    line-height: 5rem;
  }

  .porfolio---item.main {
    height: 350px;
  }

  .portfolio---link {
    grid-column-gap: .25em;
    display: block;
  }

  .section {
    padding-top: 20dvh;
  }

  .inside-text {
    white-space: normal;
    width: 100%;
    font-size: 5rem;
    line-height: 5rem;
  }

  .inside-text.white {
    text-align: left;
    white-space: normal;
    min-width: 200px;
    font-size: 4rem;
    line-height: 3.5rem;
    display: block;
  }

  .section-hero-2 {
    flex-flow: column;
    height: 89vh;
    margin-left: 0;
    margin-right: 0;
  }

  .header_content-left-2 {
    grid-row-gap: 0rem;
    height: 100vh;
    padding: 0;
  }

  .case-studies-2 {
    grid-column-gap: .6rem;
    grid-row-gap: .6rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .div-block-442 {
    order: 1;
  }

  .div-block-445 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .mini-rows {
    flex-flow: column;
    display: flex;
  }

  .pagination_item {
    display: inline-block;
  }

  .video-box {
    width: 100%;
    height: 100%;
  }

  .splide__track {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .div-block-315-copy {
    width: 100%;
    height: auto;
  }

  .splide__slide {
    width: 100%;
  }

  .splide__list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
  }

  .bttm_img, .bttm_img.short {
    border-radius: 0;
  }

  .h2-next-project {
    font-size: 3rem;
    display: block;
  }

  .div-block-449 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .image-62 {
    opacity: .4;
  }

  .project-info_img {
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .cs-media.rr {
    width: 85vw;
  }

  .side-menu-2 {
    z-index: 9999;
    background-color: #000;
    width: 100vw;
    height: 100%;
    padding-left: .7rem;
    display: block;
    inset: 0%;
    overflow: scroll;
  }

  .side-bar_icon-2 {
    color: #fff;
    width: 1.5rem;
    height: 100%;
    display: block;
  }

  .ios-nav {
    display: block;
  }

  .header-wrapper-copy-copy {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
    inset: 0%;
  }

  .link-ios-2-copy-copy, .link-ios-2-copy-copy.w--current {
    text-decoration: none;
  }

  .header-wrapper-copy-copy-copy {
    inset: 0%;
    inset: 0%;
    inset: 0%;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    inset: 0%;
  }

  .image-60-copy {
    object-fit: cover;
    min-width: 200%;
  }

  .div-block-440-copy {
    height: auto;
    padding-top: 15rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow: hidden;
  }

  .div-block-385-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    height: 100%;
    display: flex;
  }

  .text-span-91 {
    font-size: 4rem;
  }

  .sitemap-header {
    line-height: 1.8rem;
  }

  .hero-section-alternate {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .hero-alternate {
    height: auto;
    padding-bottom: 3rem;
    padding-left: 1.3rem;
    padding-right: 1.3rem;
  }

  .hero-alternate.thin {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .main-wrapper-2 {
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .sitemap-links-wrapper._4rem-t {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
  }

  .header_container {
    width: auto;
  }

  .text-box_spacing {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .video-misc {
    position: absolute;
  }

  .div-block-385-copy-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    height: auto;
    display: flex;
  }

  .header-wrapper-copy-copy-copy {
    width: 100%;
    height: 100%;
    padding-bottom: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
    inset: 0%;
  }

  .div-block-385-copy-copy-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: auto;
    height: auto;
    display: flex;
  }

  .header-wrapper-copy-copy-copy-copy {
    inset: 0%;
    inset: 0%;
    inset: 0%;
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    inset: 0%;
  }
}

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

  .footer_link-list {
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-self: flex-start;
    align-items: flex-start;
  }

  .footer {
    z-index: 5;
    border-radius: 0;
    height: auto;
  }

  .padding-global {
    width: 100%;
  }

  .padding-vertical {
    padding-left: 0;
    padding-right: 0;
  }

  .body {
    background-color: #000;
    overflow: visible;
  }

  .footer-buttons_container {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    flex-flow: wrap;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .nav_back {
    width: auto;
    position: absolute;
  }

  .nav_container {
    padding-left: 0%;
    padding-right: 0%;
  }

  .page-title {
    margin-bottom: 10%;
    line-height: 3.4rem;
  }

  .privacy-policy_paragraph {
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .feature-card {
    padding-left: 0%;
    padding-right: 0%;
  }

  .faq-plus {
    justify-content: center;
    align-items: center;
    display: block;
  }

  .plus-button_faq {
    padding: 0;
  }

  .buynow-flex {
    width: 100%;
  }

  .header-wrapper {
    width: 100%;
    padding: 8rem 1.5rem;
    position: relative;
  }

  .documents_container {
    display: flex;
  }

  .copyright_container {
    justify-content: space-around;
    margin-top: 8%;
    margin-bottom: 15%;
    padding-left: 10px;
    display: flex;
  }

  .footer-info-wrapper {
    height: auto;
  }

  .footer-link_bottom {
    font-size: 1em;
  }

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

  .ceo-socials {
    flex-flow: column;
    margin-left: 0%;
  }

  .pricing-button_wrapper-404 {
    padding-left: 3%;
    padding-right: 3%;
  }

  .faq-wrapper {
    width: 100%;
  }

  .terms-of-use_paragraph {
    margin-top: 10%;
    margin-bottom: 10%;
  }

  .home-header_button-wrapper-404 {
    width: 85%;
  }

  .fs-cc-banner_buttons-wrapper {
    text-align: center;
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }

  .fs-cc-prefs_content {
    padding: 1.5rem;
  }

  .fs-cc-banner_close {
    position: absolute;
    inset: -1.5rem .75rem auto auto;
  }

  .fs-cc-prefs_component {
    padding: 1.5rem;
  }

  .fs-cc-prefs_button {
    margin-bottom: .5rem;
  }

  .fs-cc-banner_button {
    width: 100%;
    margin-bottom: .5rem;
    margin-left: 0;
  }

  .profile-link {
    height: auto;
  }

  .header_component-2 {
    overflow: hidden;
  }

  .header_content-left {
    position: relative;
  }

  .section-hero {
    height: 95vh;
    overflow: hidden;
  }

  .navbar-2 {
    justify-content: space-between;
    padding-top: 0%;
    position: fixed;
  }

  .menu-icon1-3 {
    overflow: hidden;
  }

  .top-button_contain {
    margin-bottom: 10%;
    margin-right: 10%;
  }

  .faq_question-2 {
    padding-top: 1.8rem;
    padding-bottom: 1.8rem;
  }

  .faq-title-2 {
    justify-content: flex-start;
    width: 300px;
    font-size: 1.3em;
    line-height: 1.4em;
  }

  .faq-p-2 {
    margin-bottom: 10%;
  }

  .section-faq {
    overflow: hidden;
  }

  .faq_component-2 {
    width: 100%;
  }

  .padding-section-large_faq-2 {
    padding-top: 6rem;
  }

  .button.contact.alt {
    justify-content: center;
    align-items: center;
    padding-top: .8rem;
    padding-bottom: .8rem;
    font-size: 1.2em;
  }

  .button.subscribe.alt {
    justify-content: center;
    align-items: center;
    padding: 1rem;
    font-size: 1.4rem;
  }

  .button.hero.alt {
    justify-content: center;
    align-items: center;
    padding: 1rem;
    font-size: 1.4em;
  }

  .h2.light {
    font-size: 3.5em;
  }

  .div-block-111 {
    height: 320px;
  }

  .h3 {
    font-size: 2.2em;
    line-height: 1.1em;
  }

  .text-block-11 {
    margin-top: 1rem;
  }

  .div-block-112 {
    justify-content: flex-start;
  }

  .h1 {
    font-size: 3.3em;
  }

  .section-article {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .h2-article {
    font-size: 1.2rem;
  }

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

  .image-40-copy {
    margin-left: 0;
  }

  .section-title {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .image-43-copy {
    object-fit: cover;
    max-width: 150%;
    height: 45vh;
  }

  .blog-icon, .dr-icon {
    justify-content: center;
    align-items: center;
    width: 2rem;
    height: 2rem;
    display: flex;
  }

  .nav-button-3 {
    margin-left: 1px;
    margin-right: 1px;
  }

  .text-span-72 {
    text-align: left;
    white-space: normal;
    word-break: normal;
    flex-flow: wrap;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: auto;
    height: auto;
    line-height: 3.5rem;
    display: inline;
  }

  .side-menu_close {
    background-color: #0000;
    padding: 0;
  }

  .div-block-361 {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    flex-flow: column;
    display: flex;
  }

  .div-block-340-copy {
    flex-flow: column;
    justify-content: space-between;
    height: 100%;
    margin-top: 0;
  }

  .nav_social-link.w--current {
    display: flex;
  }

  .side-menu {
    z-index: 10000;
    width: 100vw;
    padding-left: .7rem;
    display: none;
  }

  .side-bar_icon, .svg-icon-2 {
    height: 100%;
  }

  .green-dot-top {
    width: 100%;
  }

  .green-dot-top.lg {
    right: -68%;
  }

  .project {
    width: 100%;
    height: auto;
  }

  .h1-hero {
    color: #fff;
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 2.7rem;
  }

  .experience_img {
    box-shadow: 0 0 15px 6px #ffec5f2e;
  }

  .case-title_box {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .header_images-layout-2-copy-copy {
    height: 90vh;
  }

  .header_content-right-2-copy-copy {
    margin-top: 0;
  }

  .header_cr-fade_bttm {
    background-image: linear-gradient(#000, #00000008 13%, #fff0 100%, #fff0);
  }

  .header-wrapper-copy-copy {
    justify-content: center;
    align-items: flex-start;
    padding-left: 1.5rem;
    padding-right: 3rem;
    position: absolute;
    inset: 0%;
  }

  .ns-title {
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-size: 4em;
    line-height: 3.2rem;
  }

  .ns-title.lg {
    line-height: 4rem;
    left: 1rem;
  }

  .header_cr-fade-copy-copy-copy {
    background-image: linear-gradient(#00000030, #00000096 70%, #fff0 100%, #fff0);
  }

  .hero-fade-copy {
    background-image: linear-gradient(90deg, #000, #000 36%, #fff0 100%, #fff0);
  }

  .featured-work {
    margin-top: -405px;
    margin-left: 1.5rem;
  }

  .div-block-385 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: none;
  }

  .time-based-circle {
    width: 3rem;
    height: 3rem;
  }

  .h1-case-study {
    line-height: 2.8rem;
  }

  .nav-wrapper-2-copy {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: static;
    overflow: visible;
  }

  .div-block-393 {
    border: 1px #000;
    justify-content: flex-start;
    padding-bottom: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-block-394 {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
  }

  .portfolio-services {
    flex-flow: wrap;
    display: flex;
  }

  .background-video-2 {
    height: 100%;
  }

  .video-home {
    position: absolute;
  }

  .button-notam {
    flex: none;
    align-self: flex-start;
    width: auto;
  }

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

  .page-content {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    display: flex;
  }

  .hero-fade-copy-copy {
    background-image: linear-gradient(90deg, #000, #000000e6 51%, #fff0 100%, #fff0);
  }

  .div-block-123-copy-2-copy {
    flex: none;
    align-self: center;
  }

  .career-icon {
    height: 100%;
  }

  .cta-text {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 300;
  }

  .div-block-392-copy {
    padding-top: 4rem;
  }

  .column {
    background-image: none;
    background-position: 0 0;
    background-size: auto;
  }

  .section-3 {
    height: 72%;
    overflow: auto;
  }

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

  .heading, .heading.tips {
    font-size: 80px;
  }

  .heading-41 {
    line-height: 2.6rem;
  }

  .column-video {
    border-radius: 0;
    height: auto;
    overflow: hidden;
  }

  .column-info {
    height: auto;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
  }

  .project-info-box {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .h1-2 {
    font-size: 3.3em;
  }

  .h2-blog-2 {
    font-size: 1.1rem;
  }

  .div-block-110-copy {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .service-box {
    padding-bottom: 4rem;
  }

  .service-media {
    object-fit: cover;
    border-radius: 0;
    height: auto;
    min-height: auto;
  }

  .div-block-423 {
    border-top-style: none;
  }

  .div-block-372-copy-copy, .div-block-372-copy-copy-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    justify-content: center;
    align-items: flex-start;
    padding-right: 0;
  }

  .profile-icon {
    height: 1.5rem;
  }

  .h2-ceo {
    font-size: 2.2em;
  }

  .blog-wrapper-copy {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .div-block-427 {
    z-index: -1;
    background-image: linear-gradient(4deg, #000 17%, #fff0 82%);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0%;
  }

  .h2-small {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 300;
  }

  .h2-small.hero {
    line-height: 1.3rem;
  }

  .name._1, .name._2, .name._3, .name._4, .name._5, .name._6 {
    font-size: 2rem;
    line-height: 2rem;
  }

  .teaser-img._3, .teaser-img._1, .teaser-img._2, .teaser-img._4, .teaser-img._5, .teaser-img._6 {
    width: 120px;
    height: 150px;
  }

  .teaser-column {
    width: 200px;
  }

  .p-teaser-img-wrap {
    width: 120px;
    height: 150px;
  }

  .section-header {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .period-normal.tight {
    margin-left: -.2rem;
  }

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

  .nav-item {
    width: 10em;
  }

  .block-2 {
    padding: 28px 32px 32px;
    font-size: 24px;
    top: 24%;
  }

  .block-2._3 {
    top: 26%;
  }

  .block-2._4 {
    margin-bottom: 70px;
    top: 28%;
  }

  .block-2._2 {
    top: 24%;
  }

  .block-2._1 {
    top: 22%;
  }

  .text-effect-wrapper {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .text-effect-text {
    font-size: 2.5em;
  }

  .subtitle-text {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 300;
  }

  .section-contact {
    height: auto;
    overflow: hidden;
  }

  .cube-wrapper {
    width: 60vw;
    height: 60vw;
    margin-top: 4rem;
  }

  .cube-face-1 {
    transform: translate3d(0, 0, 30vw);
  }

  .cube-face-2 {
    transform: translate3d(0, 0, -30vw)rotateX(-90deg)rotateY(0)rotateZ(0);
  }

  .cube-face-3 {
    transform: translate3d(0, -60vw, 30vw)rotateX(90deg)rotateY(0)rotateZ(0);
  }

  .cube-face-4 {
    transform: translate3d(0, -60vw, -30vw)rotateX(180deg)rotateY(0)rotateZ(0);
  }

  .portfolio---text {
    white-space: pre-wrap;
    margin-top: -145px;
    font-size: 3rem;
    line-height: 3rem;
    display: block;
  }

  .portfolio---text.lg {
    font-size: 4rem;
    line-height: 3.5rem;
  }

  .porfolio---item {
    padding-top: 12em;
    padding-bottom: 12em;
  }

  .porfolio---item.main {
    width: 100%;
    height: 400px;
  }

  .portfolio---link {
    font-size: 3rem;
  }

  .inside-text {
    white-space: pre-wrap;
    font-size: 3rem;
    line-height: 3rem;
    display: block;
  }

  .inside-text.white {
    white-space: normal;
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: center;
    min-width: auto;
    font-size: 4rem;
    display: block;
  }

  .inside-text.lg {
    font-size: 4rem;
    line-height: 3.5rem;
  }

  .section-hero-2 {
    height: 89vh;
    overflow: hidden;
  }

  .header_content-left-2 {
    height: auto;
  }

  .case-studies-2, .div-block-445 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .video-box {
    width: 100%;
    height: 100%;
  }

  .splide__track {
    justify-content: flex-start;
    align-self: flex-start;
    align-items: flex-start;
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
  }

  .div-block-315-copy {
    object-fit: fill;
    width: 100%;
    height: auto;
    overflow: hidden;
  }

  .splide__list {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-449 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .cs-media {
    height: 250px;
  }

  .cs-media.rr {
    width: 85vw;
  }

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

  .side-menu-2 {
    z-index: 10000;
    width: 100vw;
    padding-left: .7rem;
    display: block;
  }

  .side-bar_icon-2 {
    height: 100%;
  }

  .div-block-460 {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
    flex-flow: column;
    display: flex;
  }

  .header-wrapper-copy-copy {
    width: 100%;
    padding-bottom: 10rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
    inset: 0%;
  }

  .link-ios-2-copy-copy, .link-ios-2-copy-copy.w--current {
    text-decoration: none;
  }

  .header-wrapper-copy-copy-copy {
    inset: 0%;
    inset: 0%;
    inset: 0%;
    justify-content: center;
    align-items: flex-start;
    padding-left: 1.5rem;
    padding-right: 3rem;
    position: absolute;
    inset: 0%;
  }

  .div-block-440-copy {
    height: auto;
    padding-top: 12rem;
    overflow: hidden;
  }

  .div-block-385-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .div-block-461 {
    overflow-wrap: anywhere;
    flex-flow: wrap;
    flex: none;
    width: 100%;
    display: block;
  }

  .text-span-91 {
    font-size: 4rem;
    line-height: 2.5rem;
  }

  .section-sitemap {
    margin-left: 3%;
    margin-right: 3%;
  }

  .hero-section-alternate {
    height: auto;
  }

  .hero-alternate {
    height: auto;
    padding: 5rem 5% 2.5rem;
  }

  .hero-alternate.thin {
    padding-left: 5%;
    padding-right: 5%;
  }

  .header-sitemap {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: .5rem;
  }

  .main-wrapper-2 {
    margin-left: 5%;
    margin-right: 5%;
  }

  .sitemap-links-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex-flow: column;
    display: flex;
  }

  .header_container.dark {
    margin-top: 0;
  }

  .logo-sitemap {
    width: 70px;
  }

  .video-misc {
    position: absolute;
  }

  .div-block-385-copy-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .header-wrapper-copy-copy-copy {
    width: 100%;
    padding-bottom: 10rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: relative;
    inset: 0%;
  }

  .div-block-385-copy-copy-copy {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 100%;
    height: 100%;
    display: flex;
  }

  .header-wrapper-copy-copy-copy-copy {
    inset: 0%;
    inset: 0%;
    inset: 0%;
    justify-content: center;
    align-items: flex-start;
    padding-left: 1.5rem;
    padding-right: 3rem;
    position: absolute;
    inset: 0%;
  }
}

#w-node-f1f6aa5c-57e8-6744-f727-571000835305-ffe9f839 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_469ca764-7f9c-ce6a-f926-490551a8c2d2-ffe9f83d {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0a522e53-345c-e4ad-843f-33fd6b915389-ffe9f840 {
  align-self: end;
}

#w-node-_0a522e53-345c-e4ad-843f-33fd6b91538f-ffe9f840 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_30c89dc0-9c3f-5b75-87f6-f33d051482a4-ffe9f840 {
  align-self: end;
}

#w-node-_30c89dc0-9c3f-5b75-87f6-f33d051482aa-ffe9f840 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0a522e53-345c-e4ad-843f-33fd6b9153ad-ffe9f840 {
  align-self: end;
}

#w-node-_0a522e53-345c-e4ad-843f-33fd6b9153b3-ffe9f840 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0a522e53-345c-e4ad-843f-33fd6b9153d1-ffe9f840 {
  align-self: end;
}

#w-node-_0a522e53-345c-e4ad-843f-33fd6b9153d7-ffe9f840 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e2c28886-1527-9c2f-4835-b50fe8ef322c-ffe9f865 {
  align-self: auto;
}

#w-node-f18c5d41-a42d-7c21-f541-a3cfec6fb525-209bfa39 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (max-width: 479px) {
  #w-node-_57e15c1d-d581-2b44-491c-89e3b91dfc70-ffe9f865 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}


@font-face {
  font-family: 'Nohemi Vf';
  src: url('../fonts/Nohemi-VF-copy.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Hind Variable';
  src: url('../fonts/Hind-Variable.ttf') format('truetype');
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}