@font-face {
  font-family: Bebasneue;
  src: url('../fonts/BebasNeue-Regular.ttf') format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --notam-green\<deleted\|variable-64f6bde6-d494-6a63-a892-32add2383a5c\>: #00c172;
  --locals-gold: #9f8d21;
  --color: white;
  --off-white: #cacaca;
  --locals-yellow: #ffe543;
}

.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;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

body {
  color: #333;
  font-family: Sarabun, 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 {
  z-index: 1;
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-bottom: 1rem;
  padding-top: 1rem;
  padding-left: .5rem;
  padding-right: .5rem;
  display: flex;
  position: sticky;
  top: 0;
}

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

.nav_logo {
  color: #000;
}

.nav_logo.dark {
  filter: invert();
}

.section-about {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  padding: 0 3rem 7rem;
  display: flex;
  position: relative;
  top: 0;
}

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

.footer_link-list.horizontal {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
}

.footer {
  z-index: 0;
  border-top: 1px none var(--notam-green\<deleted\|variable-64f6bde6-d494-6a63-a892-32add2383a5c\>);
  background-color: #000;
  justify-content: space-between;
  height: auto;
  display: flex;
  position: static;
  inset: auto 0% 0%;
  overflow: hidden;
}

.padding-global {
  justify-content: center;
  align-items: center;
  width: 100%;
  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 {
  padding: 0;
}

.body {
  background-color: #fff;
  font-family: Sarabun, sans-serif;
  overflow: visible;
}

.body.none {
  height: 100vh;
  overflow: hidden;
}

.footer-buttons_container {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: auto;
  margin-bottom: 0%;
  padding: 1rem;
  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: auto;
  padding: 0;
  display: block;
  position: static;
}

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

.buynow-flex {
  background-color: var(--notam-green\<deleted\|variable-64f6bde6-d494-6a63-a892-32add2383a5c\>);
  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;
}

.footer-contact {
  display: flex;
}

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

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

.main-wrapper.dark {
  background-color: #0f0f0f;
}

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

.footer-info-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.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 {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 4rem;
  display: flex;
}

.heading-33 {
  z-index: 1;
  color: #fff;
  font-family: Bebasneue, sans-serif;
  font-size: 20em;
  font-weight: 600;
  position: relative;
}

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

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

.heading-34 {
  color: #fff;
  font-family: Bebasneue, sans-serif;
  font-size: 2.5em;
  font-weight: 600;
}

.field-label {
  color: var(--notam-green\<deleted\|variable-64f6bde6-d494-6a63-a892-32add2383a5c\>);
  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;
  border: 1px solid #797979;
  font-family: Sarabun, sans-serif;
}

.text-field {
  border: 1px solid var(--notam-green\<deleted\|variable-64f6bde6-d494-6a63-a892-32add2383a5c\>);
  letter-spacing: .02em;
  font-family: Hind Variable;
  font-size: 1em;
}

.home-header_button-wrapper-404 {
  justify-content: center;
  align-items: center;
  padding: 1rem;
  position: relative;
}

.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-prefs_trigger, .fs-cc-manager_trigger, .fs-cc-banner_trigger {
  display: none;
}

.case-2 {
  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;
  position: static;
  inset: auto auto 0% 0%;
}

.section-hero {
  z-index: 1;
  background-color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section-hero.portfolio {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.navbar-alt {
  z-index: 9998;
  outline-offset: 0px;
  object-fit: none;
  background-color: #0000;
  border-bottom: 2px #000;
  outline: 3px #333;
  flex-wrap: wrap;
  place-content: stretch space-between;
  align-items: center;
  display: block;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar-alt.dark {
  background-color: #111;
}

.navbar-alt.contact {
  right: auto;
}

.navbuttons_wrapper-2 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  justify-content: space-between;
  align-items: stretch;
  height: auto;
  display: flex;
}

.nav-button-2 {
  color: #474747;
  text-transform: uppercase;
  justify-content: center;
  align-items: center;
  margin-left: 8px;
  margin-right: 8px;
  padding: 0 0 2px;
  font-size: 1.2em;
  font-weight: 700;
  text-decoration: none;
  display: flex;
  position: relative;
}

.nav-button-2.w--current {
  color: #000;
  letter-spacing: .04em;
  justify-content: center;
  height: 100%;
  margin-left: 8px;
  margin-right: 8px;
  padding-bottom: 2px;
  font-family: Hind Variable;
  font-size: 1.1em;
  font-weight: 400;
  bottom: 0;
  left: 0;
  right: 0;
}

.nav-button-2.dark {
  filter: brightness(500%);
}

.nav-button-2.dark.w--current {
  color: #fff;
  font-size: 1.1em;
}

.nav-ios {
  width: 100%;
  display: none;
  position: fixed;
  inset: 0%;
}

.nav-wrapper-2 {
  justify-content: space-between;
  align-items: center;
  width: auto;
  height: 100%;
  margin-top: 0%;
  margin-left: 4%;
  margin-right: 4%;
  display: flex;
  overflow: visible;
}

.nav-pricing_title-3 {
  letter-spacing: .04em;
  text-transform: none;
  font-family: Hind Variable;
  font-size: 1.1em;
  font-weight: 400;
}

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

.nav-portfolio_title-3, .nav-about_title-3 {
  color: #fff;
  letter-spacing: .04em;
  text-transform: none;
  font-family: Hind Variable;
  font-size: 1.1em;
  font-weight: 400;
}

.nav-faq_title-3 {
  letter-spacing: .04em;
  text-transform: none;
  font-family: Hind Variable;
  font-size: 1.1em;
  font-weight: 400;
}

.nav-button_underline-3 {
  color: #00c172;
  background-color: #00c172;
  border-radius: 1px;
  width: 100%;
  height: 1.5px;
  position: absolute;
  bottom: -4px;
  left: 0;
  right: auto;
}

.nav-features_title-3 {
  letter-spacing: .04em;
  text-transform: none;
  font-family: Hind Variable;
  font-size: 1.1em;
  font-weight: 400;
}

.button {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #fff;
  background-color: #3898ec00;
  background-image: radial-gradient(circle, #00000014, #00000024);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: .6rem .7rem;
  font-family: Bebasneue, sans-serif;
  font-size: 1.5em;
  transition: all .5s;
  display: flex;
}

.button:hover {
  background-image: linear-gradient(#ffffff36, #00000024);
}

.button.contact {
  color: #fff;
  letter-spacing: .04em;
  text-transform: uppercase;
  background-color: #fff0;
  border: 1px solid #fff;
  border-radius: 100px;
  height: auto;
  padding: .6rem 1.4rem;
  font-family: Bebasneue, sans-serif;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.6rem;
  text-decoration: none;
  transition: all .2s cubic-bezier(.39, .575, .565, 1);
}

.button.contact:hover {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  color: #fff;
  background-color: #ffffff38;
}

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

.h1.project {
  cursor: auto;
  letter-spacing: -.01em;
  cursor: auto;
  justify-content: center;
  align-items: center;
  margin-top: 1rem;
  font-size: 2.2em;
  display: flex;
}

.h1.call {
  color: #fff;
  position: static;
}

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

.section-work {
  width: 100%;
  height: 100%;
  padding: 0 3rem 7rem;
}

.side-menu_material {
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
  overflow: visible;
}

.div-block-356 {
  grid-column-gap: .1rem;
  grid-row-gap: .1rem;
  flex-flow: column;
  width: 100%;
  height: auto;
  min-height: auto;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: static;
  top: 0;
}

.side-menu {
  z-index: 5;
  cursor: auto;
  background-color: #fff;
  border-right: .5px #fff;
  flex-flow: column;
  justify-content: space-between;
  width: 35vw;
  height: auto;
  max-height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 2rem;
  display: flex;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.side-bar_icon {
  color: var(--color);
  width: 1.7rem;
  min-width: 1.7rem;
  height: 1.7rem;
  min-height: 1.7rem;
  padding-top: .15rem;
  padding-bottom: .15rem;
}

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

.project {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  cursor: none;
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 2rem;
  display: block;
}

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

.text-block-90 {
  z-index: 2;
  color: #fff;
  text-transform: none;
  font-family: Sarabun, sans-serif;
  font-size: 1.2rem;
  font-weight: 200;
  line-height: 1.5rem;
  position: relative;
}

.experience-link {
  object-fit: cover;
  justify-content: center;
  align-self: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
}

.experience_img {
  object-fit: cover;
  width: 100px;
  height: auto;
}

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

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

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

.page-wrapper.project {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  margin-top: 0;
}

.page-wrapper.none {
  height: 100vh;
  overflow: scroll;
}

.div-block-384 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: auto;
  position: static;
  top: 0;
}

.div-block-385 {
  z-index: 1;
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  inset: auto auto 2rem 2rem;
}

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

.custom-styles {
  display: none;
}

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

.div-block-386 {
  background-color: #fff;
  width: 100%;
  padding: 0;
  position: static;
  top: 0;
}

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

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

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

.text-block-92 {
  color: #000;
  font-family: Sarabun, sans-serif;
  font-size: .83rem;
  font-weight: 400;
  line-height: 19.5px;
}

.link-2 {
  color: var(--locals-gold);
  text-decoration: none;
}

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

.nav-wrapper-2-copy {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 100%;
  margin: 0;
  display: flex;
  overflow: visible;
}

.project-link {
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  cursor: none;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  display: flex;
}

.div-block-367-copy-copy-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  flex: none;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 2rem 0 1rem;
  display: flex;
}

.cta-visual-box {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  background-color: #0000;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-402-copy {
  flex-flow: wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
}

.marquee_inner {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex: none;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  display: grid;
}

.marquee_inner.none {
  display: none;
}

.marquee_logo {
  border-top: 1px solid #fff3;
  border-radius: 1rem;
  width: 200px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}

.running-man-wrapper {
  flex-direction: row;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 120px;
  margin-bottom: 0%;
  padding-left: 40%;
  padding-right: 40%;
  display: flex;
}

.background-video {
  z-index: 5;
  width: 100%;
  height: 100%;
}

.text-block-96 {
  color: #fff;
  font-family: Bebasneue, sans-serif;
  font-size: 5rem;
  line-height: 5rem;
}

.div-block-405 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  padding: 3rem 1rem 1rem;
  display: flex;
}

.chamber-slider {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 3rem;
  margin-right: 3rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
  display: flex;
}

.slide_container {
  background-color: #fff0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100px;
  padding: 0;
  display: flex;
}

.arrow-right {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: auto;
  display: flex;
  position: absolute;
  inset: 35% 0% auto auto;
}

.splide__arrows {
  z-index: 5;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  cursor: auto;
  flex-flow: column;
  justify-content: space-between;
  align-self: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin-left: auto;
  display: flex;
}

.arrow-left {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: auto;
  display: flex;
  position: absolute;
  inset: 35% auto auto 0%;
}

.slider-tall {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.arrow-box {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  display: flex;
}

.about_img {
  object-fit: cover;
  border-radius: 0;
  width: 100%;
  height: 100%;
}

.heading-40 {
  color: #000;
  text-transform: uppercase;
  margin: 0 0 0;
  font-family: Bebasneue, sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
}

.line {
  background-color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 1.3px;
  display: flex;
}

.line.light {
  background-color: #575757;
}

.nav-link-txt {
  color: #fff;
  text-align: left;
  letter-spacing: .04em;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: auto;
  padding-top: .3rem;
  padding-bottom: .3rem;
  font-family: Bebasneue, sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  display: flex;
}

.nav-link-txt:hover {
  color: #fff;
}

.projects-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding-top: 2rem;
  display: grid;
}

.projects-grid.ios {
  display: none;
}

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

.background-video-2 {
  opacity: .75;
  mix-blend-mode: difference;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.section-showreel {
  border-radius: 4rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: auto;
  margin-bottom: 6rem;
  margin-left: 3rem;
  margin-right: 3rem;
  display: flex;
  overflow: visible;
}

.section-showreel.project {
  cursor: auto;
  height: 100vh;
  margin: 0;
  padding: 1rem 1rem 1rem 0;
}

.play-bttn.small {
  width: 30%;
}

.play-bttn.project {
  width: 80px;
  margin-top: 0;
}

.overlay {
  z-index: 9999999;
  cursor: auto;
  background-color: #090808ed;
  justify-content: center;
  align-items: center;
  display: none;
  position: fixed;
  inset: 0%;
}

.embed-one {
  width: 80%;
  margin: 0;
}

.button-primary {
  z-index: 2;
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  color: #fff;
  letter-spacing: 2px;
  text-transform: uppercase;
  background-color: #e6e3df38;
  border-radius: 1.6rem;
  justify-content: center;
  align-items: center;
  width: 230px;
  height: 140px;
  padding: 0;
  font-size: 12px;
  line-height: 20px;
  display: flex;
  position: absolute;
  inset: auto;
}

.button-primary:hover {
  color: #fff;
  background-color: #fff3;
}

.button-primary:active {
  background-color: #ffffff4f;
}

.button-primary.close {
  background-color: #e6e3df0a;
  border-radius: .5rem;
  width: 70px;
  height: 70px;
  padding: .2rem;
  font-family: Bebasneue, sans-serif;
  font-size: 1.5rem;
  position: absolute;
  inset: 2rem 2rem auto auto;
}

.button-primary.close:hover {
  background-color: #e6e3df1c;
}

.button-primary.small {
  width: 50px;
  height: 50px;
  bottom: 1rem;
  right: 1rem;
}

.button-primary.project {
  z-index: 1;
}

.video-box {
  cursor: none;
  background-color: #000;
  border-radius: 4rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.video-box.project {
  background-color: #000;
  border-radius: 2rem;
  height: 100%;
  margin-top: 0;
  padding: 0;
}

.video-box.work {
  background-color: #0000;
  border-radius: 1rem;
  height: 100%;
  margin-top: 0;
  padding: 0;
}

.cursor-wrapper {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: flex;
  position: fixed;
  inset: 0%;
}

.cursor {
  opacity: 0;
  background-image: url('../images/cursor.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 150px;
  border-radius: 1rem;
  width: 232px;
  height: 54px;
}

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

.about-card {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  background-color: #fff;
  border-radius: 0;
  flex-flow: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}

.div-block-410 {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

.video-element {
  z-index: 1;
  aspect-ratio: auto;
  object-fit: cover;
  border-radius: 2rem;
  width: auto;
  height: 280px;
  text-decoration: none;
}

.video-element.work {
  border-radius: 1rem;
}

.project-cover {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.project-info {
  z-index: 1;
  aspect-ratio: auto;
  object-fit: cover;
  cursor: none;
  border-radius: 0;
  width: 100%;
  height: auto;
  padding-top: 2.1rem;
  padding-bottom: 2rem;
  text-decoration: none;
}

.project-info.work {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.h2-project {
  color: #000;
  margin: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 2.5rem;
}

.h2-project.sm {
  font-size: 1.8rem;
}

.h2-project.sm.dark {
  color: #fff;
}

.project-info_container {
  grid-column-gap: .6rem;
  grid-row-gap: .6rem;
  flex-flow: column;
  padding: 0;
  display: flex;
}

.cursor-arrow {
  opacity: 0;
  background-image: url('../images/cursor-2.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border-radius: .2rem;
  width: 130px;
  height: 40px;
}

.link-nav {
  color: #000;
  white-space: nowrap;
  text-decoration: none;
  position: relative;
}

.link-nav.underline-trail {
  color: #fff;
  text-transform: lowercase;
  margin-left: 1.4rem;
  margin-right: 1.4rem;
  font-weight: 500;
}

.text-block-90-copy-copy-copy {
  z-index: 2;
  color: #000;
  text-transform: none;
  font-family: Sarabun, sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.4rem;
  position: relative;
}

.heading-41-copy {
  color: #000;
  margin: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 3.2rem;
}

.paragraph {
  z-index: 2;
  color: #000;
  text-transform: none;
  font-family: Sarabun, sans-serif;
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.8rem;
  position: relative;
}

.paragraph.light {
  color: #fff;
}

.divider {
  background-color: #000;
  width: 100%;
  height: 1.3px;
}

.div-block-408-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-right: 50%;
  display: flex;
}

.code-embed-6 {
  display: none;
}

.marquee-3 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: center;
  margin-top: 2rem;
  margin-bottom: 2rem;
  display: block;
  overflow: visible;
}

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

.section-instagram {
  z-index: 1;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  padding: 0 3rem 4rem;
  display: flex;
  position: relative;
}

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

.instagram-overlay {
  z-index: 2;
  grid-column-gap: 4px;
  grid-row-gap: 4px;
  background-color: #08080b7a;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-decoration: none;
  display: flex;
  position: absolute;
  inset: 0%;
}

.instagram-icon-large {
  color: #fff;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  transition: color .2s;
  display: flex;
}

.instagram-card-d {
  z-index: 0;
  height: 320px;
  max-height: 320px;
  position: relative;
  overflow: hidden;
}

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

.instagram-css-line-clamp {
  display: none;
}

.footer_bottom-wrapper {
  color: #000;
  justify-content: space-between;
  align-items: center;
  padding: 2rem;
  font-size: .875rem;
  display: flex;
}

.footer_copyright-text {
  color: #d1d1d1;
  width: auto;
  font-size: .75rem;
  font-weight: 300;
}

.copyright {
  font-size: 1rem;
  font-weight: 100;
}

.notam-brands_link {
  color: #d1d1d1;
  justify-content: flex-start;
  align-items: flex-end;
  font-size: .75rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  display: inline;
}

.notam-brands_link:hover {
  opacity: 1;
  color: #fff;
  text-decoration: underline;
}

.splide__arrow {
  background-color: #0000;
  background-image: url('../images/arrow.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 40%;
}

.splide__arrow.splide__arrow--prev {
  z-index: 4;
  background-color: #fff;
  background-image: url('../images/arrow-left.svg');
  background-position: 50%;
  background-size: contain;
  border: 1px #ccc;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 45px;
  display: flex;
  position: static;
}

.splide__arrow.splide__arrow--prev:hover {
  background-color: #fff;
}

.splide__arrow.splide__arrow--prev:active {
  transform: scale(.95);
}

.splide__arrow.splide__arrow--next {
  z-index: 4;
  background-color: #fff;
  background-image: url('../images/arrow-right.svg');
  background-position: 50%;
  background-size: contain;
  border: 1px #ccc;
  justify-content: center;
  align-items: center;
  width: 70px;
  height: 45px;
  display: flex;
  position: static;
  transform: rotate(0);
}

.splide__arrow.splide__arrow--next:active {
  transform: scale(.95)rotate(0);
}

.instagram-feed {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: scroll;
}

.insta-slide {
  width: 100%;
  min-width: auto;
}

.insta_container {
  flex-flow: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100%;
  display: flex;
}

.insta-tall {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.insta_track {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.insta_list {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: flex-start;
  align-items: flex-start;
  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: none;
  position: relative;
  top: auto;
  left: auto;
  right: auto;
}

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

.splide__pagination__page {
  opacity: .61;
  background-color: #9b9b9b;
  border-radius: 0;
  width: 2em;
  height: 4px;
  margin-left: 0;
  margin-right: 0;
  transition: all .3s;
}

.splide__pagination__page.is-active {
  opacity: 1;
  background-color: #e00;
  border-radius: 40px;
  width: 3em;
  height: 4px;
  margin-right: 0;
  position: relative;
  overflow: visible;
}

.heading-40-copy {
  color: #000;
  letter-spacing: .04rem;
  text-transform: uppercase;
  margin: 0 0 1rem;
  font-family: Bebasneue, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
}

.about-images {
  flex-flow: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: scroll;
}

.about_track {
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.about_list {
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  display: flex;
}

.about_slide {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  min-width: 300px;
  height: 100%;
  display: flex;
}

.nav-logo_top {
  position: relative;
  overflow: hidden;
}

.nav-logo_top.w--current {
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
}

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

.tiger-logo {
  align-self: center;
  width: 60px;
  margin-left: .4rem;
  margin-right: .4rem;
}

.tiger-logo.alt {
  display: none;
  position: absolute;
  inset: 0%;
}

.text-logo {
  width: 260px;
  line-height: 20;
}

.text-logo.alt {
  display: none;
  position: absolute;
  inset: 0%;
}

.nav-logo_bttm {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  overflow: hidden;
}

.footer-link-txt {
  color: #fff;
  text-align: left;
  letter-spacing: .04em;
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: auto;
  padding-top: .3rem;
  padding-bottom: .3rem;
  font-family: Bebasneue, sans-serif;
  font-size: 1.5rem;
  text-decoration: none;
  display: flex;
}

.footer-link-txt:hover {
  color: #fff;
}

.project-cover_ios {
  display: none;
}

.div-block-410-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

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

.button-2.c-09 {
  background-color: #9adbff00;
  border: 1px solid #000;
  border-radius: 50rem;
  justify-content: center;
  align-items: center;
  padding: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-txt-container {
  z-index: 5;
  width: auto;
  height: 50px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  position: relative;
  overflow: hidden;
}

.btn-txt {
  color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-family: Bebasneue, sans-serif;
  font-size: 1.7em;
  line-height: 1rem;
  display: flex;
  position: relative;
  inset: 0%;
}

.btn-txt.alt {
  color: var(--locals-gold);
}

.h2_project {
  color: var(--locals-gold);
  letter-spacing: .01em;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.1em;
  display: flex;
}

.div-block-415-copy-copy {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: auto;
  height: 100vh;
  padding-bottom: 1rem;
  padding-left: 0;
  padding-right: 1rem;
  display: flex;
}

.navbar_project-link {
  z-index: 99999;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  cursor: pointer;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2rem .5rem 1rem;
  display: flex;
  position: sticky;
  top: 0;
}

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

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

.link-ios-2 {
  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-2.w--current {
  color: #00c172;
  padding-top: .35rem;
  padding-bottom: .35rem;
  text-decoration: underline;
}

.side-bar_icon-2 {
  color: var(--locals-gold);
  width: 1.4rem;
  min-width: 1.4rem;
  height: 1.4rem;
  min-height: 1.4rem;
  padding-top: .15rem;
  padding-bottom: .15rem;
}

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

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

.home-icon {
  width: 1.4rem;
  height: 1.4rem;
}

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

.section-content {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: auto;
  height: 100vh;
  padding-bottom: 1rem;
  padding-left: 0;
  padding-right: 1rem;
  display: flex;
}

.content-wrapper {
  z-index: 1;
  background-color: #000;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.content-wrapper.portfolio {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  cursor: auto;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.div-block-416-copy {
  z-index: 1;
  cursor: auto;
  background-color: #fff;
  height: 1rem;
  position: fixed;
  inset: 0 0% auto;
}

.div-block-420 {
  position: absolute;
  inset: auto 2rem 2rem auto;
}

.image-63 {
  width: 120px;
  height: 100%;
}

.project-link-ios {
  z-index: 1;
  aspect-ratio: auto;
  object-fit: cover;
  cursor: none;
  border-radius: 0;
  width: 100%;
  height: auto;
  padding-top: 2.1rem;
  padding-bottom: 2rem;
  text-decoration: none;
}

.div-block-385-copy {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  inset: auto 2rem 2rem auto;
}

.image-64 {
  opacity: .7;
  width: 80px;
  height: 100%;
}

.div-block-421 {
  width: 100%;
  height: 100%;
}

.contact_column {
  width: 50%;
  padding: 4.3em;
  position: relative;
  overflow: hidden;
}

.contact_column.is-right {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: stretch;
  min-height: 100vh;
  padding-top: 0;
  padding-bottom: 2em;
  display: flex;
}

.contact_column.is-left {
  z-index: 1;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: 100vh;
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  position: relative;
  top: 0;
  overflow: hidden;
}

.contact_column.is-right {
  z-index: 2;
  background-color: #fff;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  min-height: 100vh;
  padding: 0 2em;
  display: flex;
}

.section {
  z-index: 1;
  background-color: #000;
  position: relative;
}

.headline_wrap {
  width: 36em;
  max-width: 100%;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.html {
  width: 0;
  height: 0;
  position: absolute;
  inset: 0% 0% auto;
  overflow: hidden;
}

.contact_email {
  color: #fff;
  font-size: 1.3em;
  font-weight: 300;
}

.contact_email:hover {
  text-decoration: underline;
}

.bg-video {
  z-index: -1;
  opacity: .7;
  width: 100%;
  height: 100vh;
  position: absolute;
  inset: 0%;
}

.div-block-385-copy-copy-copy-copy {
  z-index: 1;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-start;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  inset: auto 2rem 2rem auto;
}

.div-block-385-copy-copy-copy-copy-copy {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  width: auto;
  height: auto;
  display: flex;
  position: absolute;
  inset: auto auto 3rem 2rem;
}

.success {
  text-align: center;
  background-color: #ffffff24;
  border-radius: .6em;
  padding: 2.5em;
  position: absolute;
  inset: 0%;
}

.field_wrap {
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding-bottom: 2.2em;
  display: flex;
  position: relative;
}

.field_wrap.is-radio._0em-b {
  padding-top: 1em;
}

.radio_wrap {
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.success_text {
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.4;
  display: flex;
}

.error2 {
  color: #e5a7ff;
  width: 100%;
  min-width: 100%;
  margin-top: .6em;
  font-size: 1.2em;
  display: block;
}

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

.radio_field {
  margin-top: .4em;
  margin-right: .6em;
  padding: .8em 2.4em;
  position: relative;
}

.radio_label {
  z-index: 3;
  margin-bottom: 0;
  font-size: 1.3em;
  font-weight: 300;
  line-height: 1;
  position: relative;
}

.error-message {
  color: #e5a7ff;
  background-color: #ffffff17;
  border-radius: .5em;
  margin-top: 2.3em;
  padding: 0;
}

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

.popup_arrow_svg {
  width: 100%;
  height: 100%;
}

.popup_close {
  background-color: #efefef00;
  margin: 1rem;
  padding: 0;
  font-size: 3em;
  line-height: .7;
  position: absolute;
  inset: 0% 0% auto auto;
}

.popup_cms_item {
  pointer-events: auto;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.popup_cms_list {
  aspect-ratio: 16 / 9;
  width: calc(100% - 9rem);
  max-width: 150vh;
  position: relative;
}

.popup_arrow {
  aspect-ratio: 1;
  background-color: #efefef00;
  height: 2.1rem;
  margin: auto 1.2rem;
  padding: 0;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.popup_arrow.is-next {
  inset: 0% 0% 0% auto;
  transform: rotate(-180deg);
}

.popup_cms_wrap {
  pointer-events: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.popup_wrap {
  z-index: 1000;
  color: #fff;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
}

.popup_background {
  background-color: #000000e6;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.popup_cms_embed {
  width: 100%;
  height: 100%;
}

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

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

.div-block-424 {
  background-color: #fff;
  width: 100%;
  padding: 0;
  position: static;
  top: 0;
}

.div-block-425 {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  width: 100%;
  height: 100%;
  min-height: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  display: flex;
  position: static;
  top: 0;
}

.navbar-work-desktop {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  cursor: auto;
  justify-content: flex-start;
  align-items: center;
  padding: 2.5rem 2rem 2rem;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.text-block-97 {
  color: #000;
  font-family: Bebasneue, sans-serif;
  font-size: 1.4rem;
  text-decoration: underline;
}

.side-bar_icon-3 {
  color: #000;
  width: 1.4rem;
  min-width: 1.4rem;
  height: 1.4rem;
  min-height: 1.4rem;
  padding-top: .15rem;
  padding-bottom: .15rem;
}

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

.navbar-work {
  z-index: 9998;
  outline-offset: 0px;
  object-fit: none;
  background-color: #0000;
  border-bottom: 2px #000;
  outline: 3px #333;
  flex-wrap: wrap;
  place-content: stretch space-between;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0% 0% auto;
}

.footer_link-list-2 {
  z-index: 5;
  grid-column-gap: .4rem;
  grid-row-gap: .4rem;
  text-align: left;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 100%;
  grid-auto-columns: 100%;
  justify-content: center;
  place-items: center start;
  width: 100%;
  display: flex;
  position: static;
}

.footer_link-list-2.left-align {
  justify-content: center;
  align-items: flex-start;
}

.footer_link-list-2.left-align.center {
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
}

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

.experience_img-2 {
  object-fit: cover;
  width: 80px;
  height: auto;
}

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

.button-3 {
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
  color: #fff;
  background-color: #3898ec00;
  background-image: radial-gradient(circle, #00000014, #00000024);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  height: 40px;
  padding: .6rem .7rem;
  font-family: Bebasneue, sans-serif;
  font-size: 1.5em;
  transition: all .5s;
  display: flex;
}

.button-3:hover {
  background-image: linear-gradient(#ffffff36, #00000024);
}

.grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  width: auto;
  display: flex;
}

.link-block {
  justify-content: flex-start;
  align-items: center;
  width: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image-65 {
  object-fit: cover;
  width: 100%;
  height: 100%;
  inset: 0%;
}

.image-66 {
  cursor: auto;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: relative;
  inset: 0%;
}

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

.div-block-428 {
  height: auto;
  position: sticky;
  top: 0;
}

.h2_project-2 {
  color: #9f8d21;
  letter-spacing: .01em;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bebasneue, sans-serif;
  font-size: 1.4em;
  font-weight: 400;
  line-height: 1.1em;
  display: flex;
}

.side-menu-2 {
  z-index: 8;
  cursor: auto;
  background-color: #fff;
  border-right: .5px #fff;
  flex-flow: column;
  justify-content: space-between;
  width: 35vw;
  height: 100vh;
  max-height: 100vh;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 1rem;
  display: flex;
  position: sticky;
  top: 0;
  overflow: scroll;
}

.next-project-section {
  z-index: 10000;
  width: 100%;
  height: auto;
  padding: 1.5rem 1.5rem 2rem;
}

.next-project-section.ios {
  display: none;
}

.text-block-90-copy-copy-2 {
  z-index: 2;
  color: #000;
  text-transform: none;
  padding: .4rem;
  font-family: Sarabun, sans-serif;
  font-size: .95rem;
  font-weight: 300;
  line-height: 1.5rem;
  position: relative;
}

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

.div-block-430 {
  z-index: 1;
  background-color: #fff;
  width: 100%;
  height: auto;
  position: sticky;
  top: 0;
}

.navbar_project-link-2 {
  z-index: 99999;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  cursor: pointer;
  background-color: #fff;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 2rem .5rem 1rem;
  display: flex;
  position: sticky;
  top: 0;
}

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

.div-block-431 {
  z-index: 1;
  cursor: auto;
  background-color: #fff;
  height: 1rem;
  position: fixed;
  inset: auto 0% 0%;
}

.field_label {
  z-index: 1;
  transform-origin: 0%;
  color: #9f8d21;
  margin-bottom: -.3em;
  font-size: 1.4em;
  font-weight: 300;
  transition: transform .2s;
  position: relative;
}

.field_label.is-radio {
  color: #000000cf;
  margin-bottom: .5em;
  font-size: 1.68em;
}

.field_label.large {
  color: #000000cf;
  cursor: text;
  transform: scale(1.2)translate(0, 1.6em);
}

.error-message_text-2 {
  color: #9f8d21;
  font-size: 1.3em;
}

.side-bar_icon-4 {
  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-4:hover {
  cursor: pointer;
}

.submit {
  color: #000;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 100vw;
  margin-top: 1em;
  padding: .5em 2.4em;
  font-family: Bebasneue, sans-serif;
  font-size: 1.8em;
  transition: all .1s;
}

.submit:hover {
  color: #000;
  background-color: #fff;
}

.submit:focus {
  border-color: #9f8d21;
}

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

.radio_button {
  z-index: 2;
  cursor: pointer;
  border: 1px solid #9f8d21;
  border-radius: 100vw;
  width: 100%;
  height: 100%;
  margin-top: 0;
  margin-left: 0;
  transition: background-color .1s, border-width .1s, border-color .1s;
  position: absolute;
  inset: 0%;
}

.radio_button:hover {
  background-color: #ffffff17;
}

.radio_button.w--redirected-checked {
  background-color: #fff4dd;
  border-width: 1px;
  border-color: #9f8d21;
}

.radio_button.w--redirected-focus {
  box-shadow: none;
  border-width: 1px;
}

.div-block-433 {
  width: 100%;
  height: 100%;
}

.container-3 {
  z-index: 3;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  max-width: 100em;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  display: flex;
  position: relative;
}

.main-wrapper-3 {
  width: 100%;
  height: 100%;
}

.field {
  z-index: 2;
  color: #fff;
  background-color: #0000;
  border: 0 solid #000;
  border-bottom: 1px solid #ffffff7a;
  border-radius: 0;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 1.5em;
  min-height: 1.5em;
  max-height: 7em;
  margin-bottom: 0;
  padding: .4em 0 0;
  font-size: 2.5em;
  font-weight: 300;
  transition: border-color .2s;
  position: relative;
  overflow: visible;
}

.field:focus {
  border-bottom-color: #fff;
}

.field.name {
  z-index: 0;
  color: #9f8d21;
  border-bottom-color: #9f8d21;
}

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

.field.message {
  z-index: 0;
  color: #9f8d21;
  border-bottom-color: #9f8d21;
  max-height: 2em;
}

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

.field.email {
  z-index: 0;
  color: #9f8d21;
  border-bottom-color: #9f8d21;
}

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

.field.phone {
  z-index: 0;
  color: #9f8d21;
  border-bottom-color: #9f8d21;
}

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

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

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

.project-one {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  cursor: none;
  object-fit: cover;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  display: block;
}

.portfolio-wrapper {
  z-index: 1;
  background-color: #fff0;
  width: 100%;
  height: auto;
  position: static;
  top: 0;
}

.heading-41 {
  color: #000;
  text-transform: uppercase;
  margin: 0 0 0;
  font-family: Bebasneue, sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
}

.svg-icon-copy {
  color: #000;
  width: 1.4rem;
  height: 1.4rem;
}

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

.work-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding-top: 2rem;
  display: grid;
}

.work-grid.ios {
  display: none;
}

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

.div-block-441 {
  width: 100%;
  height: 30vh;
}

.portfolio_container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 3rem;
  margin-right: 3rem;
  padding-top: 0;
  padding-bottom: 4rem;
  display: flex;
}

.image-68 {
  opacity: .82;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.div-block-409-copy-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  justify-content: center;
  align-items: center;
  margin-top: 2em;
  display: flex;
}

.background-video-4 {
  z-index: 1;
  width: 500px;
  height: 300px;
}

.div-block-438-copy {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.service-box {
  grid-column-gap: .7rem;
  grid-row-gap: .7rem;
  object-fit: cover;
  border: 1px solid #575757;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: auto;
  margin-top: 0;
  padding: 1.5rem;
  display: block;
}

.section-services {
  z-index: 1;
  background-color: #0f0f0f;
  width: 100%;
  height: 100%;
}

.h2-service {
  color: #fff;
  margin: 0;
  font-size: 1.7rem;
}

.h2-service-title {
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 0;
  font-family: Bebasneue, sans-serif;
  font-size: 2.4rem;
  font-weight: 400;
}

.service-info-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  flex-flow: column;
  padding: 0;
  display: flex;
}

.services_container {
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  margin-left: 3rem;
  margin-right: 3rem;
  padding-top: 6rem;
  padding-bottom: 8rem;
  display: flex;
}

.div-block-437-copy {
  width: 100%;
}

.services-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: 100%;
  padding-top: 2rem;
  display: grid;
}

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

.noise {
  z-index: 0;
  opacity: .08;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.noise.fixed {
  position: fixed;
}

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

.service_img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 1rem;
  width: 100%;
}

.service-info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.loader_number {
  color: #fff;
  letter-spacing: -.02em;
  padding-bottom: .14em;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.8rem;
}

.container {
  z-index: 2;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 1.3em;
  position: relative;
}

.container.is-loader-top {
  mix-blend-mode: difference;
  justify-content: space-between;
  align-items: center;
  padding-top: .05em;
  padding-bottom: .05em;
  display: flex;
}

.container.is-loader-bottom {
  mix-blend-mode: difference;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.trigger {
  width: 0;
  height: 0;
  padding: 0;
  display: none;
  position: fixed;
  inset: 0% auto auto 0%;
}

.loader_progress {
  z-index: 1;
  background-color: #fff;
  width: 0%;
  height: 100%;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.loader {
  z-index: 1000;
  -webkit-backdrop-filter: blur(11px);
  backdrop-filter: blur(11px);
  color: #000;
  background-color: #eb412b00;
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 100%;
  height: 100vh;
  display: none;
  position: fixed;
  inset: 0% 0% auto;
  overflow: hidden;
}

.loader_top {
  color: #eb412b;
  border-bottom: 2px #000;
  line-height: 10px;
  position: relative;
}

.loader-video {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.loader_percentage {
  color: #fff;
  letter-spacing: -.02em;
  padding-bottom: .14em;
  padding-left: .1rem;
  font-size: 1.8em;
  font-weight: 300;
  line-height: 1.8rem;
}

.hero-content {
  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: static;
  inset: auto auto 0% 0%;
}

.image-64-copy, .image-67-copy {
  opacity: .7;
  width: 80px;
  height: 100%;
  display: none;
}

.section-testimonials {
  z-index: 1;
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr .75fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  padding: 0 3rem 7rem;
  display: flex;
  position: relative;
  top: 0;
}

.section-testimonials.dark {
  color: #fff;
}

.reviews {
  display: flex;
}

.reviews.dark {
  filter: invert();
}

.testimonial-p {
  margin: 1rem 0 0;
  font-family: Sarabun, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8rem;
}

.testimonial-title {
  padding-bottom: .5rem;
  font-size: .9rem;
  font-weight: 600;
}

.review-star {
  color: #fff;
}

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

.review_track {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: grid;
}

.div-block-408-copy-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-right: 50%;
  display: flex;
}

.section-founder {
  z-index: 1;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 2.75fr 1.25fr;
  grid-auto-columns: 1fr;
  width: 100%;
  height: auto;
  padding: 5rem 3rem 7rem;
  display: grid;
  position: relative;
  top: 0;
}

.div-block-408-copy-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  padding: 0;
}

.image-69 {
  border-radius: 14%;
  width: 100%;
}

.div-block-443-copy {
  grid-column-gap: .8rem;
  grid-row-gap: .8rem;
  flex-flow: column;
  height: auto;
  display: flex;
}

.side-bar_icon-copy {
  color: #000;
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
  padding: 0;
}

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

.btn-txt-container-copy {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: auto;
  height: 50px;
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.div-block-408-copy-copy-copy {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  filter: invert();
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
  padding-right: 50%;
  display: flex;
}

.div-block-410-copy-copy {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  filter: invert();
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

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

  .section-about {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: #f8f8f800;
    padding: 0 3rem 4rem;
  }

  .footer_link-list {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .body {
    background-color: #fff;
  }

  .footer-buttons_container {
    justify-content: center;
    align-items: center;
  }

  .main-wrapper {
    height: 100%;
  }

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

  .section-hero {
    height: 100vh;
  }

  .section-hero.portfolio {
    border-radius: 2rem;
    height: 100%;
  }

  .button.contact {
    height: auto;
    padding: .6rem 1.4rem;
    font-size: 1.8em;
    line-height: 2rem;
  }

  .h1.project {
    font-size: 2.8em;
  }

  .section-work {
    padding-top: 5rem;
    padding-bottom: 7rem;
  }

  .side-menu_material {
    z-index: 0;
    height: auto;
    overflow: visible;
  }

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

  .project {
    height: auto;
    margin-top: 3rem;
  }

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

  .experience-link {
    width: 100%;
    height: auto;
  }

  .experience_img {
    width: 100px;
    height: auto;
  }

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

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

  .div-block-385 {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .menu-box {
    margin-bottom: 0;
  }

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

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

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

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

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

  .div-block-367-copy-copy-copy {
    flex: none;
    margin-bottom: 0;
  }

  .div-block-402-copy {
    height: auto;
  }

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

  .marquee_logo {
    width: 200px;
  }

  .chamber-slider {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .slide_container {
    min-height: auto;
    margin-bottom: 0;
    padding: 1rem 0;
  }

  .about_img {
    width: 100%;
    max-width: none;
    height: auto;
    display: block;
  }

  .heading-40 {
    font-weight: 400;
  }

  .projects-grid, .projects-grid.work {
    padding-top: 2rem;
  }

  .section-showreel {
    margin-left: 3rem;
    margin-right: 3rem;
    overflow: visible;
  }

  .play-bttn {
    width: 30%;
  }

  .overlay {
    display: none;
  }

  .button-primary {
    z-index: 2;
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
    background-color: #e6e3df38;
    border-radius: 1.5rem;
    justify-content: center;
    align-items: center;
    width: 230px;
    height: 140px;
    display: flex;
    position: relative;
  }

  .button-primary.close {
    width: 70px;
    height: 70px;
    padding: .2rem;
  }

  .button-primary.small {
    position: absolute;
  }

  .button-primary.project {
    z-index: 1;
    position: absolute;
  }

  .video-box {
    background-color: #000;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    overflow: hidden;
  }

  .close-icon {
    width: 100%;
    height: 100%;
  }

  .video-element {
    height: 340px;
    text-decoration: none;
  }

  .project-cover {
    display: block;
  }

  .project-info {
    padding-top: 2.1rem;
    text-decoration: none;
  }

  .h2-project {
    font-size: 2.8rem;
    text-decoration: none;
  }

  .text-block-90-copy-copy-copy {
    text-transform: none;
    font-size: 1.2rem;
    line-height: 1.4rem;
  }

  .paragraph {
    text-transform: none;
    font-size: 1rem;
    line-height: 1.8rem;
  }

  .div-block-408-copy {
    justify-content: center;
    align-items: flex-start;
  }

  .section-instagram {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    background-color: #f8f8f800;
    padding: 0 3rem 4rem;
  }

  .instagram-card-d {
    height: 370px;
  }

  .heading-40-copy {
    font-weight: 400;
  }

  .div-block-415-copy-copy {
    padding-top: 0;
    padding-left: 0;
  }

  .navbar_project-link.w--current {
    grid-column-gap: .2px;
    grid-row-gap: .2px;
    display: flex;
  }

  .link-ios-2 {
    padding: 0;
    display: block;
  }

  .link-ios-2:hover {
    opacity: .8;
    background-image: none;
  }

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

  .side-bar_icon-2 {
    color: var(--locals-gold);
  }

  .section-content {
    padding-top: 0;
    padding-left: 0;
  }

  .content-wrapper {
    height: 100vh;
  }

  .content-wrapper.portfolio {
    border-radius: 2rem;
    height: 100%;
  }

  .project-link-ios {
    padding-top: 2.1rem;
    text-decoration: none;
  }

  .div-block-385-copy {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .image-64 {
    width: 100px;
  }

  .contact_column.is-right {
    padding: 2em 3em 0;
  }

  .div-block-385-copy-copy-copy-copy {
    justify-content: flex-end;
    align-items: flex-start;
  }

  .div-block-385-copy-copy-copy-copy-copy {
    justify-content: flex-end;
    align-items: center;
  }

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

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

  .navbar-work-desktop {
    justify-content: flex-start;
    align-items: center;
    padding: 2rem;
  }

  .side-bar_icon-3 {
    color: #000;
  }

  .footer_link-list-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
  }

  .experience_img-2 {
    width: 100px;
    height: auto;
  }

  .grid {
    justify-content: space-between;
    align-items: flex-start;
  }

  .image-65 {
    position: absolute;
    inset: 0%;
  }

  .div-block-428 {
    z-index: 0;
    height: auto;
    position: relative;
  }

  .h2_project-2 {
    font-size: 1.8em;
  }

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

  .next-project-section {
    height: auto;
  }

  .text-block-90-copy-copy-2 {
    text-transform: none;
    font-size: 1.1rem;
    line-height: 1.8rem;
  }

  .navbar_project-link-2.w--current {
    grid-column-gap: .2px;
    grid-row-gap: .2px;
    display: flex;
  }

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

  .radio_button {
    border-color: #9f8d21;
  }

  .radio_button.w--redirected-checked {
    background-color: #fff4dd;
    border-color: #9f8d21;
  }

  .field.message {
    max-height: 7em;
  }

  .project-one {
    height: auto;
    margin-top: 0;
  }

  .portfolio-wrapper {
    padding-top: 0;
  }

  .heading-41 {
    font-weight: 400;
  }

  .work-grid {
    padding-top: 2rem;
  }

  .cursor-play-vid {
    opacity: 0;
    background-image: url('../images/play-video.svg');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 150px;
    width: 232px;
    height: 54px;
    padding: 0;
  }

  .portfolio_container {
    margin-left: 3rem;
    margin-right: 3rem;
    padding-top: 0;
  }

  .service-box {
    height: auto;
    margin-top: 0;
  }

  .section-services {
    padding-top: 0;
  }

  .h2-service-title {
    font-weight: 400;
  }

  .services_container {
    margin-left: 3rem;
    margin-right: 3rem;
  }

  .services-grid, .services-grid.services {
    padding-top: 2rem;
  }

  .image-64-copy, .image-67-copy {
    width: 100px;
  }

  .section-testimonials {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    background-color: #f8f8f800;
    padding: 0 3rem 4rem;
  }

  .section-founder {
    grid-column-gap: 4rem;
    grid-row-gap: 4rem;
    background-color: #f8f8f800;
    padding: 5rem 3rem 7rem;
  }

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

  .div-block-408-copy-copy-copy {
    justify-content: center;
    align-items: flex-start;
  }
}

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

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

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

  .marquee_inner {
    width: 100%;
  }
}

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

  .nav_logo.dark {
    filter: invert();
  }

  .section-about {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .footer {
    height: auto;
  }

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

  .navios_buttons {
    border-bottom: 1px none var(--locals-gold);
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
    display: flex;
  }

  .navios_buttons.ios-button {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .navios_buttons.no-border {
    border-bottom-style: none;
  }

  .body {
    overflow: visible;
  }

  .nav_back {
    position: absolute;
  }

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

  .header-wrapper {
    padding-left: 2rem;
    padding-right: 4rem;
  }

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

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

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

  .section-hero {
    height: 100vh;
  }

  .navbar-alt {
    justify-content: space-between;
    overflow: hidden;
  }

  .navbar-alt.contact {
    width: 50%;
  }

  .menu-icon1_line-top-2 {
    background-color: #fff;
    width: 50px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .navbuttons_wrapper-2 {
    justify-content: flex-end;
    align-items: center;
    display: none;
  }

  .nav-ios {
    z-index: 0;
    background-color: #fff;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    height: 100%;
    display: none;
  }

  .nav-wrapper-2 {
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    margin-left: 3%;
    margin-right: 3%;
  }

  .menu-icon1_line-bottom-3 {
    background-color: #fff;
    width: 50px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .menu-icon1-3 {
    z-index: 5;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    inset: 1rem 1rem auto auto;
  }

  .menu-icon1-3.dark {
    filter: invert();
  }

  .featuresios-3 {
    color: #000;
    background-color: #3898ec00;
    margin-top: .2rem;
    margin-bottom: .2rem;
    font-family: Bebasneue, sans-serif;
    font-size: 2.5em;
    font-weight: 500;
  }

  .navios_wrapper-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 5rem;
    padding-left: 10rem;
    padding-right: 10rem;
    display: flex;
  }

  .ios-link {
    color: #000;
    background-color: #3898ec00;
    margin-top: .2rem;
    margin-bottom: .2rem;
    font-family: Bebasneue, sans-serif;
    font-size: 3em;
    font-weight: 500;
  }

  .pricingios-3 {
    color: #000;
    background-color: #3898ec00;
    margin-top: .2rem;
    margin-bottom: .2rem;
    font-family: Bebasneue, sans-serif;
    font-size: 2.5em;
    font-weight: 500;
  }

  .menu-icon1_line-middle-3 {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .nav-button_underline-3 {
    bottom: -8px;
  }

  .portfolioios-3 {
    color: #000;
    background-color: #3898ec00;
    margin-top: .2rem;
    margin-bottom: .2rem;
    font-family: Hind Variable;
    font-size: 2.5em;
    font-weight: 500;
  }

  .faqios-3 {
    color: #000;
    background-color: #3898ec00;
    margin-top: .2rem;
    margin-bottom: .2rem;
    font-family: Bebasneue, sans-serif;
    font-size: 2.5em;
    font-weight: 500;
  }

  .button.contact:hover {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    background-color: #fff0;
  }

  .section-work {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .side-menu_material {
    width: auto;
    height: auto;
  }

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

  .side-menu {
    z-index: 2147483647;
    background-color: #fff;
    border-right: .5px solid #fff9;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    min-height: auto;
    max-height: none;
    padding: 0;
    display: block;
    position: static;
    inset: 0 auto auto;
    overflow: visible;
  }

  .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;
  }

  .project {
    cursor: auto;
    width: 100%;
    margin-top: 0;
  }

  .text-block-90 {
    text-align: left;
    font-size: 1.2rem;
  }

  .experience_img {
    width: 120px;
    height: 100%;
  }

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

  .page-wrapper.project {
    flex-flow: column;
    margin-top: 0;
    display: flex;
  }

  .div-block-385 {
    width: auto;
  }

  .time-based-circle {
    width: 4rem;
    height: 4rem;
  }

  .nav-wrapper-2-copy {
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    width: auto;
    margin: 0;
  }

  .cta-visual-box {
    justify-content: space-between;
    align-items: flex-start;
  }

  .div-block-402-copy {
    justify-content: center;
    align-items: center;
  }

  .marquee_inner {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-start;
    align-items: center;
    width: auto;
    display: flex;
  }

  .marquee_inner.none {
    width: auto;
    display: flex;
  }

  .marquee_logo {
    width: 200px;
    margin: 0 10px;
  }

  .marquee_logo.big {
    width: 280px;
  }

  .running-man-wrapper {
    margin-top: 0;
  }

  .chamber-slider {
    flex-flow: column;
    margin-left: 0;
    margin-right: 0;
  }

  .slide_container {
    flex-flow: row;
    display: flex;
  }

  .splide__arrows {
    margin-top: -50%;
  }

  .nav-link-txt, .projects-grid {
    display: none;
  }

  .projects-grid.ios {
    display: block;
  }

  .projects-grid.work {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: none;
  }

  .section-showreel {
    flex-flow: column;
    margin-left: 2rem;
    margin-right: 2rem;
  }

  .section-showreel.project {
    height: 70vh;
    padding-left: 1rem;
  }

  .button-primary.small {
    cursor: auto;
  }

  .button-primary.project {
    z-index: 0;
    width: 230px;
  }

  .video-box {
    cursor: auto;
  }

  .video-element {
    width: 100%;
    height: auto;
    display: none;
  }

  .project-cover {
    opacity: 0;
  }

  .project-info {
    width: 100%;
    height: auto;
  }

  .project-info.work {
    cursor: auto;
    padding-left: 1rem;
  }

  .link-nav.underline-trail {
    display: block;
  }

  .text-block-90-copy-copy-copy, .paragraph {
    text-align: left;
    font-size: 1.2rem;
  }

  .marquee-3 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    display: flex;
  }

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

  .section-instagram {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .notam-brands_link:hover {
    opacity: 1;
    color: #fff;
    text-decoration: none;
  }

  .insta-slide {
    min-width: 300px;
  }

  .splide__pagination {
    padding-top: 1.9em;
    position: relative;
  }

  .splide__pagination__page {
    width: 2em;
    height: 3px;
    margin-left: 0;
    margin-right: 0;
  }

  .about_slide {
    width: auto;
  }

  .tiger-logo {
    width: 60px;
    margin-left: 0;
    margin-right: 0;
  }

  .tiger-logo.tablet {
    width: 40px;
  }

  .footer-link-txt {
    display: block;
  }

  .project-cover_ios {
    object-fit: cover;
    border-radius: 2rem;
    width: 100%;
    height: 300px;
    padding: 0;
    display: block;
  }

  .project-cover_ios.short {
    cursor: auto;
  }

  .div-block-415-copy-copy {
    padding-left: 1rem;
  }

  .navbar_project-link.w--current {
    position: static;
  }

  .link-ios-2 {
    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-2 {
    color: var(--locals-gold);
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    padding-bottom: 0;
    display: block;
  }

  .section-content {
    padding-left: 1rem;
  }

  .content-wrapper {
    height: 100vh;
  }

  .project-link-ios {
    width: 100%;
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
  }

  .div-block-385-copy {
    width: auto;
  }

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

  .bg-video {
    z-index: -1;
    width: 100%;
    position: absolute;
    inset: 0%;
  }

  .div-block-385-copy-copy-copy-copy {
    width: auto;
  }

  .div-block-385-copy-copy-copy-copy-copy {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: auto;
  }

  .div-block-425 {
    grid-column-gap: .1rem;
    grid-row-gap: .1rem;
    flex-flow: column;
    padding-bottom: 4rem;
    display: flex;
  }

  .navbar-work-desktop {
    display: none;
    position: static;
  }

  .side-bar_icon-3 {
    color: #000;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    padding-bottom: 0;
    display: block;
  }

  .middle-line {
    background-color: #fff;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 2px;
    margin-top: 6px;
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
  }

  .middle-line.dark {
    background-color: #000;
  }

  .navbar-work {
    justify-content: space-between;
    height: 50vh;
    display: block;
    overflow: hidden;
  }

  .footer_link-list-2.left-align.center {
    justify-content: flex-start;
    align-items: center;
    height: 48px;
  }

  .menu-icon1-4 {
    z-index: 5;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 48px;
    height: 48px;
    margin: 0;
    padding-bottom: 0;
    padding-right: 0;
    display: flex;
    position: absolute;
    inset: 1rem 1rem auto auto;
  }

  .experience_img-2 {
    width: 60px;
    height: 100%;
  }

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

  .navios_buttons-2 {
    border-bottom: 1px #9f8d21;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1rem;
    display: flex;
  }

  .navios_buttons-2.no-border {
    border-bottom-style: none;
  }

  .grid {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
  }

  .link-block {
    justify-content: flex-end;
    align-items: center;
    width: auto;
  }

  .top-line {
    background-color: #fff;
    width: 50px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .top-line.dark {
    background-color: #000;
  }

  .bttm-line {
    background-color: #fff;
    width: 50px;
    height: 2px;
    padding-bottom: 0;
    padding-right: 0;
  }

  .bttm-line.dark {
    background-color: #000;
  }

  .navios_wrapper-4 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 5rem;
    padding-left: 10rem;
    padding-right: 10rem;
    display: flex;
  }

  .side-menu-2 {
    z-index: 99999;
    background-color: #fff;
    border-right: .5px solid #fff9;
    flex: none;
    justify-content: center;
    align-items: center;
    width: 100vw;
    height: auto;
    min-height: auto;
    max-height: none;
    padding: 0;
    display: block;
    position: relative;
    inset: 0 auto auto;
    overflow: visible;
  }

  .next-project-section {
    display: none;
  }

  .next-project-section.ios {
    padding-bottom: 7rem;
    display: block;
  }

  .text-block-90-copy-copy-2 {
    text-align: left;
    font-size: 1.2rem;
  }

  .navbar_project-link-2 {
    padding-top: 1rem;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .navbar_project-link-2.w--current {
    position: static;
  }

  .side-bar_icon-4 {
    color: #fff;
    width: 1.5rem;
    min-width: 1.5rem;
    height: 1.5rem;
    min-height: 1.5rem;
    padding-bottom: 0;
    display: block;
  }

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

  .navios_wrapper-5 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 5rem;
    padding-left: 10rem;
    padding-right: 10rem;
    display: flex;
  }

  .project-one {
    cursor: auto;
    width: 100%;
  }

  .work-grid {
    display: none;
  }

  .work-grid.ios {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    padding-left: 1rem;
    padding-right: 1rem;
    display: grid;
  }

  .project-ios_container, .work-media_container {
    position: relative;
  }

  .portfolio_container {
    flex-flow: column;
    margin-left: 0;
    margin-right: 0;
  }

  .service-box {
    cursor: auto;
    width: 100%;
  }

  .services_container {
    flex-flow: column;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-437-copy {
    width: 100%;
    padding-left: 2rem;
    padding-right: 3rem;
  }

  .services-grid {
    display: none;
  }

  .services-grid.services {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .noise {
    opacity: .06;
  }

  .service_img {
    width: 350px;
  }

  .container {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .loader {
    justify-content: center;
    align-items: center;
  }

  .loader_top {
    border-top: 2px solid #000;
    position: absolute;
    inset: 0% 0% auto;
  }

  .hero-content {
    text-align: center;
    border-bottom: 2px #000;
    align-items: center;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .section-testimonials {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .review_track {
    flex-flow: column;
    display: flex;
  }

  .section-founder {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .side-bar_icon-copy {
    color: #000;
    width: 2rem;
    min-width: 2rem;
    height: 2rem;
    min-height: 2rem;
    padding-bottom: 0;
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .navbar_logo-link {
    padding-left: 0;
  }

  .nav_logo {
    max-width: 80%;
  }

  .section-about {
    padding-left: 1.5rem;
    padding-right: 0;
  }

  .footer_link-list {
    text-align: left;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .footer {
    height: auto;
  }

  .padding-global {
    flex: 0 auto;
    align-self: auto;
    width: 100%;
  }

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

  .body {
    overflow: visible;
  }

  .footer-buttons_container {
    text-align: center;
    flex-flow: column;
    place-content: stretch space-between;
    align-self: auto;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 1rem;
  }

  .nav_back {
    background-color: #fff;
    height: 4rem;
    position: absolute;
  }

  .nav_container {
    padding: 0;
    display: block;
  }

  .hero-button {
    text-align: center;
    font-size: 1rem;
    line-height: 1.4em;
  }

  .main-wrapper {
    width: 100%;
    height: 100%;
  }

  .header-wrapper {
    width: 100%;
    height: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: absolute;
    inset: 0%;
  }

  .footer-info-wrapper {
    flex: 0 auto;
  }

  .utility-page-content {
    margin-bottom: 5%;
  }

  .heading-33 {
    font-size: 15em;
  }

  .pricing-button_wrapper-404 {
    justify-content: center;
    padding-left: 5%;
    padding-right: 5%;
  }

  .home-header_button-wrapper-404 {
    width: 100%;
  }

  .header_content-left {
    grid-row-gap: 0rem;
    height: 100%;
    padding: 0;
  }

  .section-hero {
    flex-flow: column;
    height: 100vh;
    margin-left: 0;
    margin-right: 0;
  }

  .navbar-alt {
    justify-content: center;
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    overflow: visible;
  }

  .navbar-alt.contact {
    width: 100%;
    position: absolute;
  }

  .menu-icon1_line-top-2 {
    background-color: #fff;
    width: 50px;
  }

  .navbuttons_wrapper-2 {
    justify-content: flex-start;
  }

  .nav-ios {
    z-index: 0;
    opacity: 1;
    filter: none;
    background-color: #fff;
    flex-flow: column;
    justify-content: center;
    align-items: stretch;
    width: 100%;
    display: none;
    position: fixed;
    inset: 0%;
  }

  .nav-wrapper-2 {
    z-index: 10;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-left: 0%;
    margin-right: 0%;
    position: static;
  }

  .menu-icon1_line-bottom-3 {
    background-color: #fff;
    width: 50px;
  }

  .menu-icon1-3 {
    z-index: 5;
    flex-direction: column;
    margin-right: 0;
    padding-left: 0;
    display: flex;
    position: absolute;
    top: 1rem;
    right: 1rem;
  }

  .featuresios-3 {
    color: #fff;
    text-transform: none;
    background-color: #0000;
    margin-top: .1em;
    margin-bottom: .1em;
    font-family: Hind Variable;
    font-size: 2.2em;
    font-weight: 500;
    text-decoration: none;
  }

  .navios_wrapper-3 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .ios-link {
    color: #000;
    text-transform: none;
    background-color: #0000;
    margin-top: .1rem;
    margin-bottom: .1rem;
    font-family: Bebasneue, sans-serif;
    font-size: 3em;
    font-weight: 500;
    text-decoration: none;
  }

  .ios-link.w--current {
    font-size: 2.5em;
  }

  .ios-link.a {
    color: #000;
    font-family: Bebasneue, sans-serif;
    font-size: 3em;
  }

  .ios-link.b.w--current, .ios-link.c.w--current, .ios-link.d.w--current {
    font-size: 3em;
  }

  .pricingios-3 {
    color: #fff;
    text-transform: none;
    background-color: #0000;
    margin-top: .1em;
    margin-bottom: .1em;
    font-family: Hind Variable;
    font-size: 2.2em;
    font-weight: 500;
    text-decoration: none;
  }

  .menu-icon1_line-middle-3 {
    background-color: #fff;
    width: 50px;
  }

  .portfolioios-3, .faqios-3 {
    color: #fff;
    text-transform: none;
    background-color: #0000;
    margin-top: .1em;
    margin-bottom: .1em;
    font-family: Hind Variable;
    font-size: 2.2em;
    font-weight: 500;
    text-decoration: none;
  }

  .h1.call {
    text-align: center;
  }

  .section-work {
    padding-left: 0;
    padding-right: 0;
  }

  .side-menu {
    z-index: 10000;
    background-color: #fff;
    width: 100vw;
    height: auto;
    padding: 0;
    display: block;
  }

  .side-bar_icon {
    color: #fff;
    width: 1.8rem;
    height: 100%;
    display: block;
  }

  .project {
    width: 100%;
    height: auto;
    margin-top: 0;
  }

  .text-block-90 {
    font-size: 1.1rem;
    line-height: 1.25rem;
  }

  .experience_img {
    outline-offset: 0px;
    outline: 2px #000;
    width: 100px;
    height: 100%;
  }

  .div-block-385 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: auto;
    height: auto;
    display: flex;
    bottom: 1rem;
    left: 1rem;
  }

  .nav-wrapper-2-copy {
    z-index: 10;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 0;
  }

  .div-block-367-copy-copy-copy {
    flex-flow: column;
  }

  .marquee_inner {
    justify-content: space-between;
    align-items: center;
  }

  .marquee_logo {
    width: 150px;
    margin: 0;
  }

  .marquee_logo.big {
    width: 250px;
  }

  .running-man-wrapper {
    text-align: center;
    flex-flow: row;
    place-content: stretch center;
    align-self: auto;
    align-items: flex-start;
    width: 100%;
    height: 270px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .chamber-slider {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-bottom: 1.6rem;
  }

  .slide_container {
    background-color: #f1f1f100;
    border-radius: 6%;
    flex-flow: column;
    justify-content: space-between;
    min-height: auto;
    margin: 0;
    padding: 0;
    display: flex;
  }

  .splide__arrows {
    z-index: 0;
    justify-content: space-between;
    margin-top: -100%;
    position: relative;
  }

  .about_img {
    width: 100%;
    min-width: 180px;
  }

  .line {
    width: 80%;
  }

  .line.light {
    width: 100%;
  }

  .nav-link-txt {
    text-align: left;
    width: 140px;
    font-size: 1rem;
    display: none;
  }

  .nav-link-txt.w--current {
    text-align: center;
  }

  .projects-grid {
    flex-flow: column;
    display: none;
  }

  .projects-grid.ios {
    padding-top: 4rem;
  }

  .projects-grid.work {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .section-showreel {
    border-radius: 2rem;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0 1.5rem 4rem;
    position: relative;
    overflow: hidden;
  }

  .section-showreel.project {
    height: 50vh;
  }

  .play-bttn {
    width: 50px;
  }

  .play-bttn.project {
    width: 45px;
  }

  .embed-one {
    width: 100%;
    margin: 0;
  }

  .button-primary {
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 100px;
    padding: 0;
    display: flex;
  }

  .button-primary.project {
    z-index: 0;
    border-radius: 1rem;
    width: 180px;
    height: 120px;
  }

  .video-box {
    border-radius: 2rem;
  }

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

  .video-element {
    border-radius: 0;
    height: 400px;
  }

  .project-cover {
    object-fit: cover;
  }

  .project-info {
    padding-bottom: 5rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .project-info.work {
    padding-left: 1rem;
    padding-right: 0;
  }

  .h2-project.sm {
    font-size: 1.5rem;
  }

  .text-block-90-copy-copy-copy {
    font-size: 1.1rem;
    line-height: 1.25rem;
  }

  .heading-41-copy {
    font-size: 3rem;
    line-height: 2.8rem;
  }

  .paragraph {
    font-size: 1.1rem;
    line-height: 1.25rem;
  }

  .divider {
    width: 80%;
  }

  .marquee-3 {
    width: 100%;
  }

  .div-block-412, .section-instagram {
    padding-left: 0;
    padding-right: 0;
  }

  .instagram-overlay {
    background-color: #08080b00;
    display: block;
  }

  .instagram-icon-large {
    position: absolute;
    inset: 1rem 1rem auto auto;
  }

  .footer_bottom-wrapper {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding-bottom: 1rem;
  }

  .footer_copyright-text {
    margin-top: .5rem;
  }

  .notam-brands_link {
    font-weight: 300;
    text-decoration: underline;
  }

  .instagram-feed {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .pagination_item {
    display: inline-block;
  }

  .about-images {
    padding-left: 0;
    padding-right: 1.5rem;
  }

  .about_slide {
    width: 100%;
  }

  .tiger-logo, .tiger-logo.tablet {
    width: 60px;
  }

  .footer-link-txt {
    text-align: left;
    width: auto;
    font-size: 1.5rem;
    display: block;
  }

  .footer-link-txt.w--current {
    text-align: center;
  }

  .project-cover_ios {
    border-radius: 0;
    height: 300px;
  }

  .project-cover_ios.short {
    height: 200px;
  }

  .button-2.c-09 {
    width: auto;
  }

  .btn-txt-container {
    color: #000;
    width: 100%;
  }

  .div-block-415-copy-copy {
    flex-flow: column;
  }

  .navbar_project-link {
    padding-left: 0;
  }

  .menu-box-2 {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
  }

  .side-bar_icon-2 {
    color: var(--locals-gold);
    width: 1.3rem;
    height: 100%;
    display: block;
  }

  .section-content {
    flex-flow: column;
  }

  .content-wrapper {
    flex-flow: column;
    height: 100vh;
    margin-left: 0;
    margin-right: 0;
  }

  .div-block-420 {
    bottom: 1rem;
    right: 1rem;
  }

  .project-link-ios {
    padding: 0;
  }

  .div-block-385-copy {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: auto;
    height: auto;
    display: flex;
    bottom: 1rem;
    left: auto;
    right: 1rem;
  }

  .image-64 {
    width: 70px;
  }

  .div-block-421 {
    order: 0;
  }

  .contact_column {
    padding: 5vw;
  }

  .contact_column.is-right {
    background-color: #fff;
    width: 100%;
    min-height: auto;
    padding-top: 5em;
    padding-bottom: 5em;
  }

  .contact_column.is-left {
    width: 100%;
    height: auto;
    padding-top: 15rem;
    padding-bottom: 10rem;
    display: flex;
    position: relative;
    overflow: visible;
  }

  .contact_column.is-right {
    background-color: #fff;
    width: 100%;
    height: 100%;
    min-height: auto;
    padding-top: 5em;
    padding-bottom: 10em;
    display: block;
    position: static;
    overflow: visible;
  }

  .section {
    width: 100%;
    height: 100%;
  }

  .headline_wrap {
    padding-top: 0;
    padding-bottom: 0;
    position: static;
  }

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

  .div-block-385-copy-copy-copy-copy {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    bottom: 1rem;
    left: auto;
    right: 2em;
  }

  .div-block-385-copy-copy-copy-copy-copy {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-flow: row;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    bottom: 1.5rem;
    left: 2em;
    right: auto;
  }

  .div-block-425 {
    padding-bottom: 2rem;
  }

  .side-bar_icon-3 {
    color: #000;
    width: 1.3rem;
    height: 100%;
    display: block;
  }

  .middle-line {
    background-color: #fff;
    width: 50px;
  }

  .navbar-work {
    justify-content: center;
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    overflow: visible;
  }

  .footer_link-list-2 {
    text-align: left;
    flex-flow: column;
    flex: 0 auto;
    justify-content: center;
    align-items: center;
    width: 100%;
  }

  .footer_link-list-2.left-align.center {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: auto;
  }

  .menu-icon1-4 {
    z-index: 5;
    flex-direction: column;
    margin-right: 0;
    padding-left: 0;
    display: flex;
    position: absolute;
    top: 1rem;
    right: 1rem;
  }

  .experience_img-2 {
    outline-offset: 0px;
    outline: 2px #000;
    width: 60px;
    height: 100%;
  }

  .div-block-428 {
    z-index: 0;
  }

  .top-line, .bttm-line {
    background-color: #fff;
    width: 50px;
  }

  .navios_wrapper-4 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .side-menu-2 {
    z-index: 99999;
    background-color: #fff;
    width: 100vw;
    height: auto;
    padding: 0;
    display: block;
  }

  .text-block-90-copy-copy-2 {
    font-size: .95rem;
    line-height: 1.25rem;
  }

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

  .navbar_project-link-2 {
    padding-top: 1rem;
    padding-left: 0;
    padding-right: 0;
  }

  .side-bar_icon-4 {
    color: #fff;
    width: 1.8rem;
    height: 100%;
    display: block;
  }

  .div-block-433 {
    order: 0;
  }

  .container-3 {
    flex-flow: column;
    height: 100%;
    display: flex;
    position: static;
  }

  .navios_wrapper-5 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding-left: 2rem;
    padding-right: 2rem;
    display: flex;
  }

  .menu-box-4 {
    grid-column-gap: .3rem;
    grid-row-gap: .3rem;
  }

  .project-one {
    width: 100%;
    height: auto;
  }

  .work-grid {
    flex-flow: column;
    display: none;
  }

  .work-grid.ios {
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .portfolio_container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-bottom: 4rem;
  }

  .div-block-409-copy-copy {
    margin-top: 0;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .service-box {
    width: 100%;
    height: auto;
  }

  .services_container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding-bottom: 8rem;
  }

  .div-block-437-copy {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .services-grid {
    flex-flow: column;
    display: none;
  }

  .services-grid.services {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .form-2 {
    margin-bottom: 3rem;
    padding-bottom: 6rem;
  }

  .service_img {
    width: 100%;
    max-height: 350px;
  }

  .loader {
    display: none;
  }

  .loader_bottom {
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .loader-video {
    object-fit: contain;
  }

  .hero-content {
    grid-row-gap: 0rem;
    height: 100%;
    padding: 0;
  }

  .image-64-copy, .image-67-copy {
    width: 70px;
  }

  .section-testimonials {
    padding-left: 1.5rem;
    padding-right: 0;
  }

  .div-block-408-copy-copy {
    padding-right: 0%;
  }

  .section-founder {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
  }

  .side-bar_icon-copy {
    color: #000;
    width: 1.8rem;
    height: 100%;
    display: block;
  }

  .btn-txt-container-copy {
    color: #000;
    width: 100%;
  }

  .div-block-408-copy-copy-copy {
    padding-right: 0%;
  }
}

@media screen and (max-width: 479px) {
  .nav_logo {
    max-width: 80%;
  }

  .section-about {
    padding-bottom: 7rem;
    padding-left: 1.5rem;
  }

  .footer_link-list {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: center;
  }

  .footer_link-list.horizontal {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    display: flex;
  }

  .footer {
    border-radius: 0;
    height: auto;
  }

  .padding-global {
    width: 100%;
  }

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

  .padding-vertical.padding-xxlarge {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .navios_buttons {
    align-self: auto;
    display: flex;
    position: static;
    overflow: hidden;
  }

  .body {
    background-color: #fff;
    overflow: visible;
  }

  .footer-buttons_container {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
  }

  .nav_back {
    width: auto;
    position: absolute;
  }

  .nav_container, .feature-card {
    padding-left: 0%;
    padding-right: 0%;
  }

  .buynow-flex {
    width: 100%;
  }

  .header-wrapper {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    position: absolute;
    inset: 0%;
  }

  .footer-info-wrapper {
    height: auto;
    margin-left: 10px;
  }

  .heading-33 {
    font-size: 12em;
  }

  .pricing-button_wrapper-404 {
    padding-left: 0;
    padding-right: 0;
  }

  .home-header_button-wrapper-404 {
    width: 100%;
  }

  .section-hero {
    height: 89vh;
    overflow: hidden;
  }

  .navbar-alt {
    justify-content: space-between;
    padding-top: 0%;
    position: absolute;
  }

  .nav-button-2 {
    margin-left: 1px;
    margin-right: 1px;
  }

  .nav-ios {
    z-index: 0;
    opacity: 1;
    background-color: #fff;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: none;
    position: fixed;
    inset: 0%;
    overflow: visible;
  }

  .nav-wrapper-2 {
    padding-left: 5%;
    padding-right: 5%;
    position: static;
    overflow: visible;
  }

  .menu-icon1-3 {
    top: 1rem;
    right: 1rem;
    overflow: hidden;
  }

  .featuresios-3 {
    z-index: 5;
    font-size: 2.5em;
    position: relative;
  }

  .navios_wrapper-3 {
    z-index: 1;
    white-space: normal;
    flex-flow: column wrap;
    flex: 1;
    order: 0;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
    position: static;
    overflow: visible;
  }

  .ios-link {
    z-index: 5;
    margin-top: .2rem;
    margin-bottom: .2rem;
    font-size: 3em;
    position: relative;
  }

  .ios-link.w--current {
    letter-spacing: .15em;
    font-size: 2.5em;
    display: block;
    position: relative;
  }

  .ios-link.a.w--current {
    letter-spacing: 0;
    font-size: 3em;
  }

  .ios-link.b.w--current, .ios-link.c.w--current, .ios-link.d.w--current {
    letter-spacing: 0;
  }

  .pricingios-3, .portfolioios-3, .faqios-3 {
    z-index: 5;
    font-size: 2.5em;
    position: relative;
  }

  .h1 {
    font-size: 3.3em;
  }

  .h1.call {
    font-size: 2.5em;
  }

  .side-menu {
    z-index: 10000;
    width: 100vw;
    height: auto;
    padding: 0;
    display: block;
  }

  .side-bar_icon {
    height: 100%;
  }

  .project {
    width: 100%;
    height: auto;
  }

  .text-block-90 {
    color: #fff;
    font-size: 1.1rem;
    font-weight: 300;
  }

  .experience_img {
    width: 80px;
  }

  .div-block-385 {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
    display: flex;
    bottom: 3.5rem;
    left: 1rem;
  }

  .time-based-circle {
    width: 3rem;
    height: 3rem;
  }

  .nav-wrapper-2-copy {
    padding: 0;
    position: static;
    overflow: visible;
  }

  .marquee_logo {
    width: 150px;
  }

  .running-man-wrapper {
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    height: 200px;
    padding-left: 0%;
    padding-right: 0%;
  }

  .div-block-405 {
    padding-left: .5rem;
    padding-right: .5rem;
  }

  .slide_container {
    padding: 0;
  }

  .splide__arrows {
    margin-top: -100%;
  }

  .about_img {
    width: 100%;
    min-width: 100px;
  }

  .line.light {
    width: 100%;
  }

  .nav-link-txt {
    justify-content: flex-start;
    align-items: flex-start;
    width: 120px;
    font-size: 1em;
  }

  .projects-grid {
    flex-flow: column;
    width: 100%;
    display: none;
  }

  .projects-grid.ios {
    padding-top: 4rem;
  }

  .section-showreel {
    border-radius: 2rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
    position: relative;
    overflow: hidden;
  }

  .play-bttn {
    width: 50px;
  }

  .play-bttn.project {
    width: 45px;
    margin-top: 0;
  }

  .button-primary {
    justify-content: center;
    align-items: center;
    width: 150px;
    height: 100px;
    padding: 0;
    display: flex;
  }

  .button-primary.project {
    z-index: 0;
    border-radius: 1rem;
    width: 140px;
    height: 100px;
  }

  .video-box {
    border-radius: 2rem;
    height: 50vh;
  }

  .div-block-409 {
    flex-flow: column;
  }

  .video-element {
    height: 300px;
  }

  .project-cover {
    object-fit: cover;
  }

  .project-info {
    padding-right: 2rem;
  }

  .project-info.work {
    padding-left: 1rem;
    padding-right: 0;
  }

  .h2-project.sm {
    font-size: 1.5rem;
    line-height: 1.5rem;
  }

  .link-nav.underline-trail {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .text-block-90-copy-copy-copy {
    color: #000;
    font-size: 1.1rem;
    font-weight: 300;
  }

  .heading-41-copy {
    font-size: 3rem;
  }

  .paragraph {
    color: #000;
    font-size: 1.1rem;
    font-weight: 300;
  }

  .div-block-408-copy {
    padding-right: 2rem;
  }

  .marquee-3 {
    width: 100%;
  }

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

  .section-instagram {
    padding-top: 4rem;
    padding-left: 0;
  }

  .footer_copyright-text {
    text-align: left;
  }

  .notam-brands_link {
    color: #d1d1d1;
    display: inline;
  }

  .instagram-feed {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .about-images {
    padding-left: 0;
    padding-right: 1.5rem;
  }

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

  .footer-link-txt {
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 1.4em;
    display: flex;
  }

  .project-cover_ios {
    height: 300px;
  }

  .button-2.c-09 {
    width: 100%;
  }

  .h2_project {
    font-size: 2em;
  }

  .side-bar_icon-2 {
    width: 1rem;
    height: 100%;
  }

  .content-wrapper {
    height: 89vh;
    overflow: hidden;
  }

  .div-block-420 {
    bottom: .5rem;
    right: .5rem;
  }

  .project-link-ios {
    padding: 0;
  }

  .div-block-385-copy {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
    display: flex;
    bottom: 3.5rem;
    left: auto;
  }

  .image-64 {
    width: 70px;
  }

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

  .contact_column.is-left {
    position: relative;
  }

  .contact_column.is-right {
    height: 100%;
  }

  .headline_wrap {
    padding-top: 0;
    padding-bottom: 0;
  }

  .div-block-385-copy-copy-copy-copy {
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
    display: flex;
    bottom: 3rem;
    left: auto;
  }

  .div-block-385-copy-copy-copy-copy-copy {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    height: auto;
    display: flex;
    bottom: 3.5rem;
    left: auto;
  }

  .div-block-425 {
    padding-bottom: 2rem;
  }

  .side-bar_icon-3 {
    width: 1rem;
    height: 100%;
  }

  .navbar-work {
    justify-content: space-between;
    padding-top: 0%;
    position: absolute;
  }

  .footer_link-list-2 {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    flex-flow: column;
    align-items: center;
  }

  .menu-icon1-4 {
    top: 1rem;
    right: 1rem;
    overflow: hidden;
  }

  .experience_img-2 {
    width: 60px;
  }

  .navios_buttons-2 {
    align-self: auto;
    display: flex;
    position: static;
    overflow: hidden;
  }

  .h2_project-2 {
    font-size: 2em;
  }

  .navios_wrapper-4 {
    z-index: 1;
    white-space: normal;
    flex-flow: column wrap;
    flex: 1;
    order: 0;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
    position: static;
    overflow: visible;
  }

  .side-menu-2 {
    z-index: 99999;
    width: 100vw;
    height: auto;
    padding: 0;
    display: block;
    position: relative;
  }

  .text-block-90-copy-copy-2 {
    color: #000;
    font-size: .95rem;
    font-weight: 300;
  }

  .side-bar_icon-4 {
    height: 100%;
  }

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

  .navios_wrapper-5 {
    z-index: 1;
    white-space: normal;
    flex-flow: column wrap;
    flex: 1;
    order: 0;
    justify-content: center;
    align-self: auto;
    align-items: center;
    display: flex;
    position: static;
    overflow: visible;
  }

  .project-one {
    width: 100%;
    height: auto;
  }

  .work-grid {
    flex-flow: column;
    width: 100%;
    display: none;
  }

  .div-block-409-copy-copy {
    flex-flow: column;
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .service-box {
    width: 100%;
    height: auto;
  }

  .div-block-437-copy {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .services-grid {
    flex-flow: column;
    width: 100%;
    display: none;
  }

  .loader_number {
    font-size: 10vw;
  }

  .loader_bottom {
    position: absolute;
    inset: 0% 0% auto auto;
  }

  .loader_percentage {
    font-size: 10vw;
  }

  .image-64-copy, .image-67-copy {
    width: 70px;
  }

  .section-testimonials {
    padding-bottom: 0;
    padding-left: 1.5rem;
  }

  .section-founder {
    padding-bottom: 7rem;
    padding-left: 1.5rem;
  }

  .div-block-408-copy-copy {
    padding-right: 0;
  }

  .side-bar_icon-copy {
    height: 100%;
  }

  .div-block-408-copy-copy-copy {
    padding-right: 2rem;
  }
}

#w-node-c9d83d11-5278-79f3-b38a-029c0b6c31a9-db116b0a, #w-node-_4605b9d9-2a57-2ae5-2466-ad54b1744197-db116b0a, #w-node-_6162054c-ae51-f2ff-c980-9555b3c6953b-db116b0a, #w-node-_801477ef-f6d5-703c-1c42-334d94f1cf65-db116b0a, #w-node-c547edcd-cbee-51f5-c76b-3e083f875c92-db116b0a, #w-node-e2d63021-8f8e-2bc7-fd20-265cd709db7d-db116b0a, #w-node-ae810f25-96c8-7ce5-3e1f-1a8b3f3e2d1c-db116b0a, #w-node-ae810f25-96c8-7ce5-3e1f-1a8b3f3e2d27-db116b0a, #w-node-ae810f25-96c8-7ce5-3e1f-1a8b3f3e2d32-db116b0a, #w-node-ae810f25-96c8-7ce5-3e1f-1a8b3f3e2d3d-db116b0a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f1f6aa5c-57e8-6744-f727-571000835305-db116b52 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_613d2268-f92f-ee3c-248f-0f108ac74951-795dee66, #w-node-a8edba7d-f61d-f87e-d899-74209198f89e-795dee66, #w-node-_56a899f4-e7c4-7cd5-9595-ff6f09b594c6-795dee66, #w-node-_11c66746-ee21-6898-9d2e-b764e7a84e06-795dee66, #w-node-eb4be70f-6dc2-7dd9-8dca-dd779a685cc1-795dee66, #w-node-_12b359a1-5e76-f4c2-2246-8a6bbcc59f40-795dee66, #w-node-_27f6c0d9-df09-7fd3-93b6-749f4853ee0d-795dee66, #w-node-_6f7f1dfb-c5c0-f560-8a32-26a5d52c7a62-795dee66, #w-node-_613d2268-f92f-ee3c-248f-0f108ac74978-795dee66, #w-node-d3db6beb-8e30-e2a6-104a-5ac440c23cbc-795dee66, #w-node-_8b299f65-84a6-8ccf-e1a6-4919e979f5d9-795dee66, #w-node-_613d2268-f92f-ee3c-248f-0f108ac74981-795dee66, #w-node-_613d2268-f92f-ee3c-248f-0f108ac7498a-795dee66, #w-node-_28eb3807-046e-f072-4b87-16a0ce725108-795dee66, #w-node-_1fc31584-54f6-afcf-e90d-7d5f9db8dbd3-795dee66, #w-node-_613d2268-f92f-ee3c-248f-0f108ac74993-795dee66, #w-node-_613d2268-f92f-ee3c-248f-0f108ac74951-dc5af6c0, #w-node-e6a41455-b46a-d15c-b48b-93dfeea5c6c3-dc5af6c0, #w-node-dc2e5703-50c9-9d9a-4f6f-8fb660893a51-dc5af6c0 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}


@font-face {
  font-family: 'Bebasneue';
  src: url('../fonts/BebasNeue-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}